How to Create and Publish Homepage Carousel
The Homepage Carousel feature allows you to showcase multiple videos in a scrollable, interactive format right on your homepage. It’s a great way to highlight your brand identity, promote products, and guide users deeper into your site with shoppable links — all in one dynamic section.
What Can You Feature in the Carousel?
Use your homepage carousel to tell your brand story and guide customers through your top content. Popular use cases include:
Brand’s Unique Identity – Show what sets your brand apart.
Community / Influencers – Feature UGC, influencer shoutouts, or collabs.
Bestsellers – Highlight top-selling products with shoppable CTAs.
Promotions – Showcase seasonal offers or limited-time discounts.
Sizing / Matching / Choosing – Help customers with how-tos or guides.
✅ Best Practices
To make the most out of your homepage carousel:
Add a Title – Provide context with a clear section heading.
Include Shoppable Links – Direct viewers to a product detail page (PDP) or collection.
Use Expanded Widget – Keep the experience embedded (vs. fullscreen pop-out) for seamless browsing.
Feature Multiple Videos – Keep the carousel lively and diverse.
Strategic Video Order – Prioritize key content first (e.g. bestsellers or promos up top).
Refresh Content Often – Keep the experience fresh and aligned with campaigns.
🛠 Steps to Create Your Homepage Carousel
Go to Onsite and click Create Tolstoy.
Select Homepage Carousel and click Start Creating.
By default, the playlist that will be used is the "product tagged" but you are free to create a playlist and use it.
🎨Design & Customize Your Carousel Layout Options
Carousel Type - Choose between Default or Spotlight styles to control how videos are highlighted.
Show Progress Bar -A dds a visual loading bar to indicate video progress.
Arrows Position/Style - Customize navigation arrows - place them at the side or bottom of the carousel.
Minimum Number of Videos - Set how many videos need to be added before the carousel displays.
Spotlight Settings
Video Plays In - Choose which tile will autoplay (e.g., center tile).
Card Header Text - Display labels like Product, Video Name, or none.
Card Subheader Text - Add Price, custom Text, or leave blank.
Sizing Mode - Select Responsive (auto-fit across devices) or Fixed size tiles.
Multi-Product Layout
Expand / Swipe - Choose Expand for scrollable layout or Swipe for mobile-style navigation.
Main Tile Dimensions
Width / Height (px) - Customize the size of the main, featured video tile.
Other Tiles Dimensions
Width / Height (px) - Set the size of additional videos next to the main one.
Spacing Between Tiles - Adjust the gap between video tiles.
Horizontal Padding - Add space to the left/right edges of the carousel.
Border Radius - Round the corners of video tiles.
Display Arrows - Enable/disable navigation arrows for the carousel.
Product Tile Settings
Height- Set the height of product tiles under videos.
Fallback Text - Text displayed if video content doesn’t load.
Play Button Styling
Background & Color - Set the button background, border color, and transparency.
Mute Button Styling
Background & Color - Control mute button background, border, and opacity.
Video/Card Spacing
Gap Between Video Tile and Card - Adjust spacing between video content and text card.
Background Color/Opacity - Set a background behind the card and control its transparency.
Creator Settings
Video Name Above Card - Show/hide the video name.
Display Creator Handle - Show the creator’s username and choose its position (top/bottom).
Link to Creator’s Profile - Let users click through to the creator’s page.
Title & Text Settings
Text (e.g. "See it in action") - Add an attention-grabbing title above the carousel.
Text Size, Weight & Color - Customize the font size, boldness, and color for this title.