All Collections
Getting Started
How can I create a Carousel for Homepage
How can I create a Carousel for Homepage

Creating carousel for home and other pages.

Mikaela Lasig avatar
Written by Mikaela Lasig
Updated over a week ago

The Carousel feature in Tolstoy helps you create short, engaging videos that catch your customers' attention. Our article covers everything about using Carousel, from the basics to expert tips, making it easy for both beginners and pros to dive into this fun and creative tool! Join us as we explore Carousel together!
​
1. Go to Onsite tab.
​


2. Click Create Tolstoy.


3. Click Homepage spotlight
​

πŸ’‘Tip: The Spotlight Carousel is a newly released carousel type. You can switch it back to the default style within the design tab.


4. Click Start creating.
​


​Videos - This is where you can see what videos are showing (Video Library) to the carousel layout.
​

πŸ’‘Tip: Once you created the Carousel, it will automatically have a set condition which is β€œTagged Product”, this means that all videos that have tagged products will show in the carousel that you created (you can tag videos with products in β€œVideos” tab)


​If you want to publish a carousel on a different page you can follow the steps below
​
1. Click on Create from scratch and select carousel.


2. Choose where you want to display your carousel. You have the option to display them on Home pages, Product pages, Collection pages, or Other pages. Pick the option that best fits your needs.
​


.



Looking to make your Carousel stand out? Our design tools let you personalize your feed with colors, fonts, and styles that match your vibe. Get creative and make a carousel that's all about you!
​
​Design - this is where you can edit the design or appearance of the carousel you created.
​


​

Feed

Make videos shoppable - Allows you to make the videos shoppable automatically for easier navigation. (Toggle on or off)
​View feed in fullscreen - Allows you to view the feed in fullscreen mode, providing a better viewing experience. (Toggle on or off)

Auto-scroll to next video - Automatically scrolls to the next video when the current video has ended, providing a seamless viewing experience. (Toggle on or off)

Play unviewed videos first - Plays unviewed videos first in your feed, ensuring that you never miss a new post from your favorite accounts. (Toggle on or off)

Auto-Display Video Description - When enabled, videos sourced from social media without product tags will automatically display their original post description. (Toggle on or off)

Always start on mute - When enabled, the video feed will start playing muted. (Toggle on or off). This only applies to desktop views. This doesn't apply to mobile views - "Tap to unmute" will always appear.

Enable video captions - Turn on video subtitles for improved accessibility and understanding. (Toggle on or off)

Player position - You can choose either left or right. (Toggle Left or Right)


​

Product details

Product Price - Hide product price from collapsed and expanded products tagged on videos. (Toggle on or off)
​Subscription - refer to a recurring payment arrangement where you pay a predetermined fee at regular intervals (such as monthly or annually) to access a product, service, or content on an ongoing basis. (Toggle on or off)

Product buttons

Primary - This serves as the main action trigger, guiding users to take a key step. (Toggle on or off)

Action

Add to cart - View product -> Add to cart

Product page - Learn more

Buy now - View product -> Buy now

Custom link - Link URL

Close player - Exits the story

Secondary - This is the button below the primary button. (Toggle on or off)

Mini CTA - This is the button that shows inside the product card. (Toggle on or off)

Checkout & shopping bag - Show your shopping bag and allow users to proceed to checkout directly from Tolstoy. (Toggle on or off)

Sales badge - Display a badge on products that are on sale, catching the attention of potential buyers. (Toggle on or off)

Shipping - Displays shipping information for products, making it easier for buyers to make purchasing decisions. (Toggle on or off)

Show in-stock / out-of-stock - Displays whether a product is in-stock or out of stock, providing transparency to potential buyers. (Toggle on or off)

Recommended products - Displays recommended products on your page, potentially increasing sales and customer engagement. (Toggle on or off)


​

Carousel

πŸ’‘Tip: The default carousel type offers more customization choices. However, we're continuously exploring ways to enhance customization for Spotlight type carousels.

Carousel Type - Choose between Default or Spotlight

Minimal number of videos - The widget will not appear at all unless the minimum number of videos is met (for example: If you set the minimum number to 3, and a certain product has only 2 videos, no videos will appear at all).

Border radius - Allows customization of the corners of the embedded video player, making them rounded or square.

Motion - Adds motion effects to your Carousel, making your content more dynamic and engaging. (Choose among Static, Dynamic or Hover over)
​Play video in tile - Allows to play the video inside the tile. Users can click on expand arrow to open the full feed.

Item size - Can be Responsive or Fixed. Responsive automatically shows as many items as possible according to the carousel width. Fixed shows all the items/carousel.

Items per row - This option appears if "Responsive" item size is chosen.

Item height - This option appears if "Fixed" item size is chosen.

Horizontal spacing - Refers to the amount of empty or filled space between carousels arranged side by side.

Horizontal padding - Refers to the extra space on the left and right sides of the carousel.

Vertical padding - Refers to the extra space above and below the carousel.

Border

Border thickness - Customize the thickness of the border around your Carousel, creating a more distinct and defined look.

Border color - Customizes the color of the border around your Carousel, allowing you to match your brand's color scheme.

Title

Text - Adds a title to your Carousel, providing context and information to your viewers.

Text size - Allows customization of the size of the text displayed in the embedded video player.

Text weight - Allows customization of the thickness of the text displayed in the embedded video player.

Text color - Allows customization of the color of the text displayed in the embedded video player.

Tile name

Location - Choose between Under or Over

Text size - Set to your preferred size

Text color - Set to your preferred color

Play Button

Background - Visual backdrop of the play button

Background color - Refers to the specific color assigned to the backdrop of the play button

Border - Refers to the boundary surrounding the play button

Border color - Refers to the specific color assigned to the edges or boundaries surrounding the play button

Transparency - Allows the play button to be seen through
​
​

Branding

​Logo - Allows you to upload or change the logo to match your feed
​Font - Allows you customize and change font
​Buttons - Allows you to customize buttons shape and radius and etc.
​
That's it. πŸ₯³
​


Need help?

You can reach out to our friendly support team in two ways:

  1. Via email at support@gotolstoy.com.

  2. Using our live chat option, which can be found by clicking on the pink chat icon on any Tolstoy page in the lower right corner.


​

Did this answer your question?