The Stories feature enables you to enhance your product detail pages by adding immersive, short-form video content. These stories engage customers through an Instagram-like, shoppable experience that builds product trust, educates shoppers, and increases conversion rates.
What are the Best Ways to Use Product Page Stories?
PDP Stories can feature a variety of video types that help customers make confident buying decisions. These short, mobile-friendly clips enhance the visual appeal of your PDP and help replace the need for long descriptions or extra clicks.
Recommended Content Types:
Reviews: Customer testimonials and UGC clips build trust.
Unboxing: Reveal packaging and first impressions.
How it looks: Show different angles or people using/wearing the product.
How to use: Quick usage demos or tutorials.
Product specification: Highlight key details or features visually.
Best Practices
Add Stories Above the Fold: Place them high on the page so users see them instantly.
Use 3 or More Videos: Keep users engaged by offering more than one story.
Avoid Small Sizes: Ensure your story widget is large enough to be easily tappable.
Use the Expanded Widget: This improves engagement and makes the stories more prominent.
Add Titles and Story Names: Providing context helps guide users and improves clarity.
Example: Title: “Real Customer Reviews” | Story name: “First Impressions”
Steps on how to create
Click Launchpad → Go to Website → Choose PDP Stories
How to Design/Customize Stories
Design Tab - Where you can customize the appearance of your stories
Preview Product - Helps you visualize the videos that will appear on each product pages
Widget
Appearance & Layout
Border Radius – Adjust how rounded the corners of your videos are.
Alignment – Choose the alignment of your gallery: left, center, or right.
Motion – Select whether your gallery is static or dynamic.
Item Size – Choose between responsive (adjusts automatically) or fixed size.
Item Shape – Select rectangle or circle for your video.
Size – Adjust the overall size of your stories.
Spacing – Control the space between videos.
Borders
Border – Add a border around your videos.
Border Thickness – Adjust how thick the border is.
Border Color – Change the color of the border.
Border Type – Choose the style of the border (solid, dashed, etc.).
Opacity – Set how transparent the border is.
Video Count
Minimum Number of Videos – Set how many videos should display in your stories.
Note: If the set number can’t be reached (e.g., not enough videos available), no videos will show.
Titles & Text
Title – Add a title to your stories.
Text – Choose what text to display as the title.
Text Size – Adjust the title size.
Mobile Text Size – Adjust the title size for mobile devices.
Text Weight – Make the title text bold, light, or normal.
Text Color – Change the color of the title text.
Play Button
Play Button – Add a play button to your videos.
Size – Resize the play button.
Color – Change the color of the play button.
Background – Add a background behind the play button.
Background Color – Change the color of the background.
Border – Add a border around the play button background.
Border Color – Change the border color.
Opacity – Adjust the transparency of the border.
Story Name
Story Name – Display the name of each video in your stories.
Position – Choose to show the name below the video or as an overlay.
Text Weight – Adjust how bold the story name is.
Text Size – Change the size of the story name text.
Text Color – Change the color of the story name text.
Video Feed
Make videos shoppable - Lets viewers tap products inside the video to see details or buy.
Auto play - Starts the first video automatically when the widget loads.
View feed in fullscreen - Allows viewers to open the video feed in a full screen mode.
Auto scroll to next video - Moves to the next video automatically after one finishes.
Auto Display Video Description - Shows the video description by default.
Display creator handle - Shows the creator’s username on the video from Instagram or TikTok.
Open link to creator's profile - Makes the creator’s username clickable so viewers can visit their profile.
Always start on mute - Videos begin muted until the viewer unmutes them.
Enable video captions - Shows captions if available.
Disable multi-product view Limits the video to showing only one product card at a time.
Hide wishlist - Removes the wishlist icon from product cards.
Player position - Choose if the product card appears on the left or right of the video.
Only show sale products - Filters the feed to show only products that are on sale.
Title - Adds a title to your multi-product feed.
Divider - Adds a line to separate content sections.
Divider Title - Adds a label inside the divider.
CTA text - Lets you customize the button text, for example Shop now or View product.
Product card
Product price
Toggle to show or hide the product’s price on the card.
Mini CTA
Enable this to display a smaller call-to-action button directly on the product card.
Button
Select type: Choose the type of button (e.g., Add to Cart, Buy Now).
Text: Customize the text displayed on the button.
Primary Action
Select action: Choose the main action the button performs (e.g., Add to Cart, View Product).
Text: Customize the text for the primary action button.
Secondary Action
Select action: Choose an optional secondary action (e.g., View Details, Wishlist).
Text: Customize the text for the secondary action button.
Description
Toggle to show or hide the product description.
Checkout & Shopping Bag
Enable this to allow users to quickly add products to their shopping bag or proceed to checkout from the feed.
Label Badge
Text: Enter the label text (e.g., Sale, New).
Text color: Customize the color of the label text.
Background color: Set a background color for the label badge.
Border: Enable or disable a border around the badge.
Border color: Choose the color of the badge border.
Shipping
Text: Enter a message about shipping (e.g., Free Shipping Over $100).
Text color: Customize the color of the shipping text.
Font weight
Select the font weight for product titles and text (Light, Regular, Bold).
In stock / Out of stock
In stock color: Choose the color to indicate products that are in stock.
Out of stock color: Choose the color to indicate products that are out of stock.
Recommended Products
Section title: Enter a title for the recommended products section.
Product name: Toggle to show or hide product names.
Price: Toggle to show or hide product prices.
Media tab - This is where you can view and manage the videos and images linked to your products.
Project Sources - Uses playlist to pull videos. What are Playlists? Playlists are collections of videos that control which content appears in your widget.
AI Templates - Allows you to generate AI videos for your products
Select a template: Browse through a library of visual styles and creator formats. Click See all to find the aesthetic that best fits your brand's voice.
Choose products: Use the dropdown menu to link specific items from your inventory to the selected template.
Generate: Once your template and products are selected, click the Generate button to produce a high-quality video automatically.
Content Automation - Save time by letting the platform do the heavy lifting for your new arrivals.
New Products Toggle: When enabled, the system will auto-generate lookbook videos every time a new product is added to your store.
Settings Tab - where you can further configure language, additional tracking and video recency
Tracking & Analytics
Google Analytics: Enter your Google Analytics ID (e.g., G-XXXXXXXXXX) to track video engagement and conversion data directly in your analytics dashboard.
Facebook Pixel: Input your Facebook Pixel ID to measure the effectiveness of your video content for social media advertising and retargeting.
Media Settings
Display Mode
Product Page Mode: Shows videos specifically tagged to the current product being viewed.
General Page Mode: Shows videos pulled from your selected playlists regardless of the specific product page.
Video Recency: Filter which videos are shown based on when they were created, with options ranging from Last 7 days to All time.
Exclude Playlists: Videos from these playlists will not appear in the widget
Step on How to Publish your Stories
Click the Publish button
2. Copy the Publish ID
3. Click the Add Block button
4. Your Shopify theme will open with a Stories block added. Paste the Publish ID inside it. Save your changes.
5. Click Done
‼️Important: Turn on the Tolstoy app in App Embeds so your images and videos show.
That's it. 🍻