Skip to main content

How to Create Spotlight Carousel using AI Widget Builder (Shopify)

Learn how to create, customize, and publish your Spotlight carousel using Tolstoy’s AI Widget Builder.

Written by Mikaela Lasig

The Homepage Spotlight (Carousel) lets you showcase multiple videos in a scrollable, interactive format directly on your homepage. It helps you highlight your brand, promote products, and guide customers deeper into your site through shoppable content — all in one dynamic section.


​These spotlights are perfect for:

  • Building brand identity through visual storytelling

  • Featuring UGC and influencer collaborations

  • Promoting bestsellers and top-performing products

  • Highlighting seasonal promotions and discounts

  • Helping customers with guides, sizing, and product education

Steps on How to Create

  1. Click New Chat → Click Creator dropdown → Choose Widget Builder

  2. Select a template will auto pop-up → Choose Homepage Spotlight

  3. Click the arrow up button to create your Homepage Spotlight

  4. That's it! The platform will automatically create your Homepage Spotlight 🚀

How to Design and Optimize your Homepage Spotlight

You don’t need to code — just chat with the AI agent and describe how you want your Spotlight to look. It will generate everything for you automatically 🎬✨
​

Simply tell the AI your preferred style, layout, and branding.

Tips 🪄

  • You can combine multiple instructions in one prompt, for example: “Use general page mode, show product cards, show video captions, set border to 2px, display creator handle, and use product-tagged playlist.”

  • You can also paste a screenshot of how you want your widget to look, and the AI will take care of the rest! 🤯🤯🤯

AI Widget Builder Prompt Cheat Sheet

Use the following ready-to-paste prompts to control every part of your widget.
​

Video Display

  • “Set video alignment to Center Left or Left to Right layout”

  • "All tiles same height/size (no center spotlight effect)"

  • "Sizing mode to responsive or fixed"

  • “Display creator handle for UGC videos”

Card Content

  • “Display card header text at the top of video card”

  • “Show product or video name on cards”

  • “Display product price on video cards”

Video Tile Settings

  • “Set main tile width for primary video display”

  • “Set main tile height for primary video display”

  • “Set smaller tile width for secondary videos”

  • “Set smaller tile height for secondary videos”

Navigation Controls & Design

  • “Enable display arrows for video navigation”

  • “Enable display progress bar for video playback tracking”

  • "Change arrow colors to #FA8072"

  • "Change font color to #FA8072"

  • "Change font size to 14px"

  • "Gap to video tile and product card"

Captions

  • “Enable video captions/subtitles”

  • “Set subtitle position to top or bottom of videos

Preview

Your widget will automatically appear on the right side of your screen and will update instantly as you make changes.
​

If for some reason it doesn't update right away, you can click the refresh button.

You can also preview your widget in both desktop and mobile modes to see how it looks across different devices.
​
​Desktop:


​Mobile:

How to Publish Spotlight Carousel

1. Click the Publish button


2. Copy the code

3. Open your Shopify theme

4. Click Add block/Section → Search and select "Tolstoy Builder" block

5. Paste the widget code → Click Save

That's it! ⭐🪄


​

Did this answer your question?