Ecommerce
Store settings

Product Carousel Widget

3min

This feature is only available for certain industries.

The Product Carousel Widget can help you showcase your products dynamically and boost customer engagement on your website.

You can see a preview on this site: https://www.theevergreenessential.com/

Key Features

  • Dynamic Product Display: Shows up to 10 products per carousel, making it easy to highlight your best-sellers or new items.
  • Seamless Navigation: If customers to click on a product in the carousel, they will be directed to that specific item on your menu.
  • Category Filtering: Include or exclude products based on compliance type to ensure that only the most relevant options appear in your widget.
  • Customizable Sorting: Sort options include:
    • Name (name)
    • New Products (-created)
    • Total Units Sold (-totalSold)

How to Setup the Product Carousel Widget

  1. Navigate to Store > Developers > Product Carousel Widget
  2. Copy-paste the Javascript SDK into your website's settings.
    • If you are using Webflow, you can put this in your Custom Code section found in Project Settings.
    • If you are using Wordpress, Look for 'Additional CSS/JS' or 'Additional Scripts'. If your theme includes this option, it may be under 'Header & Footer Scripts' or similar.
    • If you are using a different website builder, we recommend checking with your program's help docs and/or using something like ChatGPT to help.
  3. Navigate to your webpage where you want the widget to live. Copy-paste the widget code into that page.
    • You can customize your widget to only display certain items (e.g. Top Selling Products, a particular category of products, New Products).
    • You can also customize the sort
    • See our in-app instructions for more info and example code
  4. Publish your changes.

The product carousel currently does not currently work for Custom Categories, you must use the Compliance Category.



Updated 20 Nov 2024
Doc contributor
Doc contributor
Did this page help you?