DirectoryFast
  • 🚀Get Started
  • 🔤Tutorials
    • Bring me to life!
    • How it's structured?
    • Make it yours
    • Bonus
  • 🛠️Features
    • AI
      • AI URL Scanner & Scan Jobs
    • Analytics
    • Authentication
    • API
      • Protected Endpoints
    • Blog
    • Database
    • Emails
    • Error Pages
    • Icons
    • Payments
    • Private Pages
    • SEO
  • 📦General Components
    • Shadcn/ui Components
    • Navbar
    • Footer
    • SignIn Modal
    • Hero Section
    • Social Proof
    • Collections Social Proof
    • Featured Section
    • Latest Collections Section
    • Latest Products Section
    • Recommended Section
  • 📦Directory Components
    • Product Card
    • Collection Card
    • Product Note
    • Search Bar
    • Tags
    • Product Options Toggle
    • Combobox
    • Multi-Combobox
    • Submit Product
    • Feature Product
    • Manage Note
    • Manage Collection
    • Dashboard Tables
  • ⛓️Links
    • GitHub Repository
    • Support
Powered by GitBook
On this page
  1. Directory Components

Feature Product

Make your potential customer pay to feature their product in 2 clicks.

PreviousSubmit ProductNextManage Note

Last updated 10 months ago

  • Component: <FeatureProduct/>

  • Path: /components/shared/feature-product.tsx

  • Import:

import { FeatureProductred} from "@/components/shared/feature-product.tsx";

The Feature Product allow the customers to select the product they want to feature (it's pre-selected on actual product page) and simply choose the desired amount of days they want it featured with a slider.

This will update the LemonSqueezy payment link with all the data needed and bring them to the payment page.

Be sure to fill NEXT_PUBLIC_LEMONSQUEEZY_FEATURED_LINK_KEY value in your .env file.

You can find this "key" in your LemonSqueezy Product Page, under the Share section:

📦
Feature Product Modal
****
app.lemonsqueezy.com/products
app.lemonsqueezy.com/share/