Custom Products

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