Ecommerce
Widgets
Product Carousel Widget
3min
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/
- 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)
- Navigate to Store > Developers > Product Carousel Widget
- 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.
- Navigate to your webpage where you want the widget to live. Copy-paste the widget code into that page.
- See our in-app instructions with sample code and instructions
- You can customize your widget to only display certain items (e.g. Top Selling Products, a particular category of products, or New Products).
- To show a custom category add line for: productCategory: 'xxxxxxxxxxxxxxxx', and replace that ID with the one in the instructions.
- You can also customize the sort
- Publish your changes.
This widget is at the Store-level. So if you have multiple stores, you'll want to put this on a store-specific page on your website.
Updated 28 Jan 2025
Did this page help you?