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 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! ⭐🪄
