Skip to main content

Creating a Homepage Spotlight Carousel

Mikaela Lasig avatar
Written by Mikaela Lasig
Updated today

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

  1. Go to Onsite and click Create Tolstoy.

    BlockNote image

  2. Select Homepage Carousel and click Start Creating.

    BlockNote image

    BlockNote image

  3. By default, the playlist that will be used is the "product tagged" but you are free to create a playlist and use it.

    BlockNote image

🎨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.

🚀 How to publish your Spotlight Carousel

  1. Click Publish

    BlockNote image

  2. Follow steps 1 - 3

    BlockNote image

  3. Hit save — and you’re live 🎉

    By using the Homepage Carousel, you can boost engagement, educate visitors, and drive more sales directly from your homepage. Need help with setup or best practices? Just let us know — we’re happy to assist!

Did this answer your question?