PDP Stories let you add immersive, short-form videos directly to your product pages to create a more engaging and shoppable customer experience.
These stories can help:
Build customer trust
Showcase products visually
Increase engagement and conversions
Replace long product descriptions with interactive/shoppable content
Common types of PDP Story content include:
Customer reviews
UGC videos
Unboxing clips
Product tutorials
Styling videos
Product feature highlights
Steps on How to Create
Click New Chat → Click Creator dropdown → Choose Widget Builder
2. Select a template will auto pop-up → Choose PDP Stories
3. Click the arrow up button to create your PDP stories
4. That's it! The platform will automatically create your PDP stories widgets. 🚀
How to Manage Your Content
Use the available filters to quickly find the videos you'd like to display in your widget.
Click Select Media
Filter by Source - Choose which video source you'd like to display content from:
AI Creations – Show AI-generated content only.
Google Drive – Show videos synced from Google Drive.
Instagram – Show videos imported from Instagram.
TikTok – Show videos imported from TikTok.
Uploads – Show videos that were manually uploaded.
And more...
Playlists - Filters videos by the playlist(s) they belong to.
All Playlists – Shows content from every playlist.
Any Tagged – Displays all videos, regardless of whether they have tags assigned.
Custom playlist - Playlist that you manually create and manage yourself.
AI-Generated - Filters content based on whether it was created using AI tools.
All – Shows both AI-generated and manually created content.
AI Generated – Shows only content created with AI.
Non-AI – Shows only manually created content.
Tagged - Quickly find the tagged products or content you'd like to display in your widget.
Any Tagged Product – Show videos that are tagged with any product, regardless of what specific product they are tagged with.
Specific Products – Select specific items from the list (like a "Blue dress" or "Gold Necklace") to only show media that has that exact product tagged.
Filter by Creation Date - Choose a specific timeframe to find content uploaded during a particular period
All time – Displays all imported content.
Last 7 days – Shows media from the past week.
Last 30 days / Last 90 days / Last 180 days – Quickly pulls content from recent months.
Custom Date Range – Use the interactive calendar to select a custom start and end date for a precise timeframe. Use the left and right arrows next to the month name to change months.
Choose Your View
Asset View – Organizes your library by the media files themselves (like individual videos or images).
Product View – Organizes your library by your ecommerce products, making it easier to see which items have content attached to them.
Ordering - Choose the rule used to sort your items:
Created – Sorts content based on the date it was originally added or imported.
Last updated – Sorts content by the date it was most recently edited or modified.
Direction - Flip the order of your results to find what you need instantly:
Newest first – Places your most recent content at the top of the grid.
Oldest first – Places your earliest content at the top of the grid.
How to Design and Optimize your PDP stories
You can just chat with the AI agent and tell it how you want your PDP Stories to look — it’s like directing your own mini brand experience 🎬✨
Just describe your vibe, style, colors, and shape, and the agent will build it for you so it perfectly matches your brand.
Tips 🪄
You can combine multiple instructions in one prompt, for example: “Use product page mode, show product cards, show video captions, set border to 2px, add Stories title "See it in Action", and use product-tagged playlist.”
You can also paste a screenshot of how you want your widget to look, and the AI will take care of the rest! 🤯🤯🤯
AI Widget Builder Prompt Cheat Sheet
Use the following ready-to-paste prompts to control every part of your widget.
Appearance & Layout
“Set border radius to 8px for modern rounded corners”
“Align gallery to center for balanced layout”
“Set motion to static”
“Set motion to dynamic”
“Use responsive item size for mobile-friendly scaling”
“Set item shape to rectangle”
“Set item shape to circle”
“Increase story size"
Borders
“Add border around videos”
“Set border thickness to 3px”
“Set border color to light gray (#E5E5E5)”
“Use dashed border style for a playful look”
“Set border opacity to 50%”
Video Count
“Set minimum number of videos to 3 per story”
“Ensure at least 3 videos are displayed, otherwise hide widget if not enough content”
Titles & Text
“Add title: See it in Action”
“Set title size to 18px”
“Use bold text weight for titles”
“Set title color to black (#000000)”
Play Button
“Enable play button on videos”
“Set play button size to medium”
“Set play button color to white”
“Add dark background behind play button”
“Set play button background opacity to 60%”
“Set play button border color to light gray”
Story Name
“Display story name below video”
“Show story name as overlay on video”
“Set story name text size to 14px”
“Use medium text weight for story names”
“Set story name color to dark gray (#333333)”
Video Feed Settings
“Enable shoppable videos”
“Turn on autoplay on load”
“Enable fullscreen video view”
“Enable auto-scroll to next video”
“Show video descriptions by default”
“Display creator handle for UGC videos”
“Enable link to creator profile”
“Start videos muted by default”
“Enable captions for all videos”
Preview
Your widget will automatically appear on the right side of your screen and will update instantly as you make changes.
If for some reason it doesn't update right away, you can click the refresh button.
You can also preview your widget in both desktop and mobile modes to see how it looks across different devices.
Desktop:
Mobile:
How to Publish PDP stories
1. Click the Publish button
2. Copy the code
3. Open your product template in Shopify
4. Click Add block → Search and select "Tolstoy Builder" block
5. Paste the widget code → Click Save
That's it! ⭐🪄
