Custom Product Widget

The Custom Product Widget allows you to showcase products on your website with full control over layout, design, and details. Here's a streamlined guide to get you started:

Key Features:

• 🎨 Fully Customizable Design: Create product blocks that match your brand style.
• 🏷️ Versatile Uses: Perfect for featuring items, digital downloads, service packages, or limited-time offers.

1. Start with a Template

• Layout Options:

  • 🖼️ 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 and simple presentation.

• Action Steps:

  • Preview each style to see product displays.
  • Select the layout that suits your store or service.
  • Click Continue to customize.

2. Use the Editing Tabs

• 📝 Content: Add product details and images.
• 🎨 Style: Customize fonts, colors, and design.
• ⚙️ Settings: Control behavior and advanced options.

3. Customize Your Product

• Content Tab:

  • Product Title & Description: Keep it concise and clear.
  • Price & Discounts: Show original and sale prices.
  • Image Uploads: Add multiple photos for each product.
  • Buttons: Options for “Buy Now,” “Add to Cart,” or “Learn More.”
  • Tags/Labels: Highlight “New,” “Hot,” or “Limited Stock.”

• Style Tab:

  • Fonts & Text Styles: Align with your website’s typography.
  • Colors: Customize buttons, prices, and backgrounds.
  • Card Layout: Choose borders, shadows, or rounded edges.
  • Image Ratio: Select between square, portrait, or landscape.

• Settings Tab:

  • Link Behavior: Direct links to checkout, cart, or product detail page.
  • Quantity Selector: Enable customers to select item amounts.
  • Mobile Optimization: Ensure products display neatly on mobile.
  • Visibility Rules: Show/hide products based on page or device.

Helpful Tips:

• 📸 Use high-quality images for increased trust and conversions.
• ⚡ Highlight discounts or urgency (e.g., “Only 2 left”).
• ✏️ Keep product titles short yet clear.
• ➡️ Position products near related content for enhanced sales.
• 🔗 Always test checkout links to ensure a seamless flow.