Skip to main content

How to Create and Publish Carousel

Written by Mikaela Lasig

Introduction

Carousel lets you showcase multiple videos in a horizontal, shoppable gallery on your storefront. It helps merchants highlight products, keep shoppers engaged longer, and guide more visitors from discovery to purchase. You can create and edit a Carousel before publishing it, but publishing a standard website Carousel requires a paid plan.



How to Set Up

In Tolstoy, go to Website → Shoppable videos →Select Carousel

Choose the assets you want to use in Select Media tab then use any playlist or any tagged products
​


​

If your Carousel is tied to product content, make sure the right products or tagged media are included.
​

Make sure to click Sync Media to save


​
Adjust the settings you need, such as arrows, title, tile names, spacing, border, motion, and play button style.


Go to Browser to preview how the Carousel will look before it goes live.


​

How to Publish

  1. Click Publish in the top-right corner of the project.

    If you are on a free plan, upgrade when prompted. Standard website Carousels must be on a paid plan before they can go live.
    ​

  2. Complete the setup guide based on your store connection:

Shopify

  1. Copy the Embed code

  2. Add the Tolstoy Builder block to the page template where you want the Carousel to appear.

  3. Paste the Widget code into the block settings.

  4. Save the theme changes.


    ​
    ​

CSV or Manual Installation

  1. Copy the widget code from the setup guide.

  2. Replace PRODUCT_ID with the correct dynamic product ID.

  3. Paste the code into your website where you want the Carousel to appear.

  4. Save and publish the page changes on your site.

After setup is complete, open your live store and confirm the Carousel appears in the expected location.

Best Practices

  • Add media before publishing so your preview is not empty.

  • Use a clear title so shoppers understand what the Carousel is showing.

  • Keep thumbnails and video covers visually consistent for a cleaner storefront look.

  • Preview the Carousel on desktop and mobile before sending traffic to it.

  • Place the Carousel in a high-visibility section of the page.

Troubleshooting / FAQs

Why is my Carousel preview empty?
No media has been added yet, or the media has not been tagged correctly for the selected product context.

Why can't I publish my Carousel?
Standard website Carousels require a paid plan to publish.

Why isn't the Carousel showing on my store after publishing?
Most often, the Carousel block was not added to the theme, the Widget code was not pasted correctly, or the theme/code changes were not saved.

What if I don't see Shopify app blocks?
Use the Custom Liquid option then add your widget code.

Do I need to replace PRODUCT_ID?
Yes. For code-based installation, replace PRODUCT_ID with the correct product identifier so the Carousel can load the right content.

Can I create a Carousel before upgrading?
Yes. You can create, edit, and prepare the Carousel before upgrading, but it will not go live until publishing requirements are met.

Did this answer your question?