Skip to main content
All CollectionsGetting Started
How to create Product page stories (PDP Stories)
How to create Product page stories (PDP Stories)

Creating stories for product pages and other pages

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

Elevate your product pages with engaging Tolstoy stories! By adding this feature, you'll grab customers' attention, boost sales, and create an exciting shopping journey.
You'll find all the necessary information to begin in this article, covering the basics and expert tips and tricks for crafting exceptional content that stands out.

1. Go to the Onsite tab.


2. Click Create Tolstoy.


3. Choose Product page stories.


4. Click Start creating.


5. Go to the Videos tab.


6. The playlist will be 'Product tagged' by default.


💡Tip: You can add more products by tagging products to videos in your 'Library' or adding videos in the 'Products' section on the left panel.

If you want to publish stories on a different page, you can follow the steps below:

1. Click on Create from scratch and select Stories.


2. Choose where you want to display your stories. 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.


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!

1. Go to Design tab


Widget

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.
Items shape - Choose between rectangle or circle.

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.

Opacity - Adjusts the border 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.


Video feed

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

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

Display creator handle - When enabled, you'll highlight the content creators making your videos, or for whom this is part of your partnership deal.

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

Hide wishlist - You can choose to hide or display the wishlist feature

Enable video captions - Turn on video subtitles for improved accessibility and understanding.
Disable multi-product view - Turn off multi-product view

Player position - You can choose either left or right.

Sale products

Only show sale products - Toggle on or off to only show products on sale

Multi-Product Page

Title - You can choose to add a title or not

Divider - Toggle on or off if you want to put a divider on your multi-product page
Divider Title - You can add a divider title like 'Related products' if toggled on
Cta - Add a text if applicable/needed

Product Card


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

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.

Description - you have the option to toggle on or off 'Description collapsed by default' or 'Always Show Full Description'

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.

Branding

You will be routed to the Branding section to change the logo, font, or buttons, if needed.

Logo - Allows you to upload or change the logo to match your feed
Font - Allows you to customize and change font
Buttons - Allows you to customize the button's shape and radius 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?