Custom Products
From display to checkout in one click.
About
Custom Product Widget The Custom Product Widget lets you display products directly on your website with full control over layout, design, and details. Unlike a basic shop embed, this widget allows you to create unique product blocks that match your brand style
Key features
- Landing page builder
- Sales funnel
- Conversion tracking
- A/B testing
- Form integration
GHL agencies building sales funnels.
Custom Product Widget
The Custom Product Widget lets you display products directly on your website with full control over layout, design, and details. Unlike a basic shop embed, this widget allows you to create unique product blocks that match your brand style. It’s perfect for showcasing featured items, digital downloads, service packages, or limited-time offers.
1. Start with a Template
What you’ll see:
Layout options like:
Single Product Card – Highlight one main product
Grid Display – Show multiple items in rows or columns
Carousel Slider – Scroll through products with arrows
Minimal Layout – Clean, simple presentation
What to do:
Preview each style to see how products are displayed
Pick the layout that fits your store or service model
Click Continue with this template to customize
2. Use the Editing Tabs
Content – Add product details and images
Style – Customize design, fonts, and colors
Settings – Control behavior and advanced options
3. Customize Your Product
Content Tab
Product Title & Description – Write short, clear details
Price & Discount Options – Show original and sale price
Image Uploads – Add multiple photos per product
Buttons – “Buy Now,” “Add to Cart,” or “Learn More”
Tags/Labels – Highlight “New,” “Hot,” or “Limited Stock”
Style Tab
Fonts & Text Styles – Match your website’s typography
Colors – Customize button, price, and background colors
Card Layout – Border, shadow, rounded edges, etc.
Image Ratio – Square, portrait, or landscape product images
Settings Tab
Link Behavior – Link to checkout, cart, or product detail page
Quantity Selector – Allow customers to choose item amount
Mobile Optimization – Make products display neatly on small screens
Visibility Rules – Show/hide products by page or device
Helpful Tips
Use high-quality images for better trust and conversions
Highlight discounts or urgency (“Only 2 left”)
Keep product titles short but clear
Place products near related content for better sales
Always test the checkout links to avoid broken flows