Creating a Video Carousel widget lets you display multiple shoppable videos in a horizontal slide.
It’s perfect for homepages, product sections, or campaign highlights where you want users to swipe through clips without changing tabs.
This guide explains how to create, configure, and embed a Video Carousel widget in the Vimmi Console.
In this article
A Video Carousel is a sleek, scrollable video player that shows a single playlist of videos in a slider format.
You can customize its size, layout, product overlays, and playback behavior. Updates you make in Vimmi Console automatically apply everywhere it’s embedded.
This guide explains how to:
Access Embed Management and create a new Video Carousel.
Configure layout, video fit, and product display options.
Whitelist your domain so the widget renders on your site.
Add Embeds to your websites (Shopify, Elementor, Fourthwall or a native HTML site).
Create the Carousel in Embed Management
Log into the Vimmi Console.
Go to Embed Management from the top navigation.
Click Create Embed -> Carousel
Choose Your Playlist
Before configuring the widget, a pop-up window will appear asking you to select a playlist.
You must choose one to use inside the carousel.
See: How to create a Video Playlist, How product playlist works
Configure General Settings
Embed Name: Name your carousel widget (used internally, not displayed for the end users).
Website Destination: Add the domain(s) where the carousel will appear (e.g., https://yourstore.com). The widget will only load on whitelisted domains, so don’t skip this step!
Set Up Carousel Configuration
Header (optional): Add a title above the carousel, like “Featured Videos”.
Item Size: Choose Small, Medium, or Large depending on how big you want each video card.
Item Type:
Vertical – best for portrait videos (TikTok/Reels style).
Horizontal – for traditional landscape videos.
Adapted – automatically adjusts depending on the viewer’s device: horizontal on desktop and vertical on mobile.
Circle – Displays video thumbnails in circular frames.
Align Items: Choose how the items align inside the container (e.g., center or left).
Rounded Corners: Adjust the corner radius to match your site’s design. Higher values create more rounded cards.
Background Color – By default the background is transparent. Click the color palette to choose any background color that matches your site.
5. Adjust Container & Video Settings
Video Fit Mode:
Fill Player – the video fills the entire card (cropping if necessary).
Fit to Player – the whole video fits inside with letterboxing.
6. Display Products (Optional)
Want your videos to be shoppable? Enable product overlays:
Show Products: Toggle this on.
Product Display Position: Choose Below video or Overlay on video.
Additional toggles let you show/hide product name, image, price, or even the video title.
Show Video Name – Display or hide the title of each video below its thumbnail.
Open player in pop‑up: Open Player in Pop‑Up – When enabled, clicking a video opens it in a pop‑up player instead of playing inline.
Zoom Effect on Hover: Adds a subtle zoom when hovering over an item.
Auto Scroll / Auto Play: Automatically scrolls through items and starts playback.
Show Branding: Display your logo or brand mark. Click Configure to set it up.
Multi Autoplay – Determines how many videos auto‑play at once:
One by One – Only one video plays at a time; others remain paused.
Simultaneous – Multiple videos can auto‑play concurrently.
Preview Mode
The Preview pane is a live sandbox where you can see how your Carousel will look and behave before publishing. Changes you make in the right-hand settings update the preview instantly.
Controls (top and bottom of the preview):
Zoom – Scales only the preview canvas (e.g., 50%, 100%, 200%). It does not affect the real embed size.
Mobile / Desktop toggle – Switches preview breakpoints so you can design for both layouts. This is a viewport simulation; the live widget remains fully responsive on your site.
Container size – Lets you simulate embed dimensions:
Width – By default the Carousel uses 100% (full container width). In preview you can set a fixed width (e.g., 1180 px) to match a page layout.
Height – If height is auto, this field is disabled. Turn on fixed height in settings to enter a value (px/%).
Save and Copy the Embed Code
Click Save to store your settings.
Click Embed code and copy.
Paste this code into your website where you want the carousel to appear.
For more information: How to find embed code for players
Insert on Your Site
Shopify: Edit your theme or page template and paste the embed code. How to embed Vimmi widgets on your Shopify storefront?
Elementor/WordPress: Add an HTML block and paste the code. How to add my Vimmi Video Widgets to my Elementor website?
Fourthwall: Use the custom HTML block in your site builder.How to embed Vimmi widgets on the Fourthwall storefront?
For other platforms, just paste the code wherever you can add custom HTML. How to embed my Vimmi Video Widget on a native site?
Test and Tweak
Visit your page and make sure the carousel appears, videos scroll, and product overlays work.
If you change anything later in the Vimmi Console, those changes update wherever the carousel is embedded.
Troubleshooting Tips
Issue | Possible Cause & Fix |
Carousel doesn’t show | Verify that your domain is whitelisted and the widget is active. |
Products not visible | Make sure Show Products is enabled and that products are attached to each video in the video editor. |
Videos don’t scroll | Ensure auto‑scroll is turned on or test manual navigation. Also verify that the container size isn’t too small to show arrows. |
Changes not updating | Clear browser cache or use incognito; ensure you clicked Save in the Vimmi Console after edits. |
FAQ
Q: Can I reuse the same Carousel on multiple pages?
Yes — use the same embed code wherever you like. Any changes you make in Vimmi Console update instantly across all pages.
Q: How do I add more videos to the Carousel?
Just edit the associated playlist in Videos → Playlists and add videos. The Carousel will update automatically. How to create a Video Playlist, How product playlist works
Q: Can I post Carousel videos to social media?
No — social posting is done for individual videos via the Destinations tab. The Carousel is for on-site embedding only.
Q: What’s the difference between Video Carousel and Video Mall?
A Carousel shows a single playlist in a horizontal or vertical scroll.
A Video Mall groups multiple playlists into tabs (like “New Arrivals” and “Tutorials”). Use the Mall when you need category tabs and more depth. How to create and set up a Video Mall widget