All Collections
Getting Started
How can I create Tolstoy stories?
How can I create Tolstoy stories?
Marie Medina avatar
Written by Marie Medina
Updated over a week ago

Hey, there! If you're looking to catch your customers' attention, Tolstoy's got your back with the "Stories" feature. This tool lets you create short, snappy videos that are sure to impress. Our article has all the info you need to get started, from the basics to expert tips and tricks for creating killer content. So whether you're a total newbie or a seasoned pro, come join us and let's jump into the wild and imaginative world of "Stories" together!

2. Under the Onsite section, click on New Tolstoy.

Click on New Tolstoy

3. Click on Stories.

4. Choose where you want your stories to display.

5. Automated will be automatically chosen. You can also opt for Manual by clicking the arrow on the side

6. Click on the "+" sign to add your video if you choose Manual.

7. Choose the type of content you want to use for your Stories. You can film a video on the spot, upload a video file, use stock footage, and even import TikTok or Instagram videos!

8. Choose if you want to create a Shoppable or Description side panel type.

If you choose Shoppable, add the product from your site that you want on your Stories.

If you choose a Description, instead of a product, you can add a description to your Stories.

You can add another button with a link. Toggle ON the Link button, add the Text and paste the URL.

Add more parts to your Stories to make them scrollable, and be sure to name your parts! Part names are visible on the Stories. Click Save once done.

Are you looking to make your Stories truly stand out? Look no further than our amazing design and customization features! With our tools, you can add a personal touch to your profile, select your own color schemes and fonts, and create a unique aesthetic that truly reflects your personal style. So let your creativity run wild and have a blast creating a profile that's uniquely you!

Here's a short explanation of the functions of the Design tab:


Make videos shoppable - adding products within the video, allowing viewers to directly purchase or explore the featured items while watching the video.

View feed in fullscreen - Allows you to view the feed in fullscreen mode, providing a better viewing experience.

Auto-scroll to next video - Automatically scrolls to the next video when the current video has ended, providing a seamless viewing experience.

Play unviewed videos first - Plays unviewed videos first in your feed, ensuring that you never miss a new post from your favorite accounts.

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

Always start on mute - When enabled, videos feed will start playing muted.

Enable video captions - Turn on video subtitles for improved accessibility and understanding.

Player position - You can choose either left or right.

Product details

Product Price - Hide product price from collapsed and expanded products tagged on videos.

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

Product buttons

Primary - This serves as the main action trigger, guiding users to take a key step.

Secondary - This is the button below the primary button.

Mini CTA - This is the button that shows inside the product card.

Checkout & shopping bag - Show your shopping bag and allow users to proceed to checkout directly from Tolstoy.

Sales badge - Display a badge on products that are on sale, catching the attention of potential buyers.

Shipping - Displays shipping information for products, making it easier for buyers to make purchasing decisions.

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

Recommended products - Displays recommended products on your page, potentially increasing sales and customer engagement.


Border radius - Customizes the shape of your Stories, allowing you to create unique and eye-catching content.

Alignment - Aligns your Stories in a specific position on your page, providing a consistent look and feel to your content.

Motion - Adds motion effects to your Stories, making your content more dynamic and engaging.

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

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

Size - Allows you to adjust the size of your Stories, ensuring that they fit perfectly on your page.

Spacing - Allows you to modify the distance or gap between stories. It provides the option to adjust the amount of space between each individual story, allowing for customization based on personal preference or design requirements.

Border - Can be customized in terms of thickness, color, type, and transparency.

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

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

Border type - Customizes the type of border around your Stories, providing a variety of options to choose from.

Transparency - Adjusts the transparency of your Stories, allowing you to create unique and creative effects.

Title - Adds a title to your Stories, providing context and information to your viewers.

Story name - Allows you to add a name to your Stories, making it easier to navigate and find your content.


Appearance - Allows customization of the appearance of video parts and thumbnails.

Note: This particular thumbnail will only appear if you've chosen Manual stories.

For Automated stories, you can set the thumbnail under the Videos section in the left panel.

  1. Hover your mouse to the upper right of the video.

  2. Click the three dots and choose "Set thumbnail".

  3. Edit video thumbnail and Save.


Logo - you can change your Player logo or Emails logo.

Font - you can change the heading and body fonts and Front facing language.


Border Color - The color around the play button.

Background - You can pick a color you prefer. In this example, it's black.
Play button size - You can choose among Small, Medium and Large.

Always start on mute - After viewer clicks the Tolstoy, play the videos on mute first, applicable on desktop only. For mobile, "Tap to unmute" will always show.



Header color - Refers to the color used in the header section.

Body color - Refers to the background color used in the main content area or body

Discounted price - If you're on sale and your Sales badge is toggled on, it will give the discounted price.


Shoppable button (primary)

Include product price - You may choose to include or not to include the product price on the primary button

Quantity picker - It allows users to easily select the quantity of a particular item they want to purchase.
Button color - Refers to the color used for the main call-to-action button

Text color - Refers to the color used for the text of the button.

Button border - Describes the border style and appearance of the primary button, which is typically the main or prominent button in a design.

Corner radius - Determines the roundness or curvature of the corners of the button.

Secondary text color - Denotes the secondary or alternative color used for the text on a secondary button, usually different from the primary text color.

Secondary background color - Represents the secondary or alternative color that fills the background of the secondary button, typically different from the primary background color.

Secondary button border - Describes the border style and appearance of a secondary button, which is usually a secondary or less prominent button in a design.

Product Images

Image - You can choose either Fill or Fit. Choose fit to ensure the product isn't cut off on the product card


Checkout & Shopping bag - Show your shopping bag and allow users to proceed to checkout directly from Tolstoy

Hide Out of Stock products - You have the option to not display items that are currently out of stock to users or customers on the storefront

Show Afterpay - Enabling the "Show Afterpay" option means that customers will see Afterpay as one of the available payment methods when finalizing their purchase.


Variants to hide - You can hide a variant in the picker if applicable.

Here's an example:

Video Tutorial on how to create Tolstoy stories


To learn more about this topic, here are some additional related articles:

Awesome, you're all set and good to go! If you have any questions about the feed, don't hesitate to reach out to us at – we're always here to help. Wishing you a happy reading experience!

Did this answer your question?