Goal of Tapcart PDP Stories and 'For You' Feed on React
Tapcart PDP Stories
Boost your app’s revenue and drive higher conversions by adding eye-catching, vertical videos on your product detail pages. These stories give shoppers a smooth and engaging mobile shopping experience—just like what they’re used to on social media.
Tapcart 'For You' Feed
Let your customers discover and shop your products through a smart, AI-powered video feed. It’s tailored to each user’s behavior and interests, all inside your Tapcart app.
Best Ways to Use Tapcart PDP Stories and 'For You' Feed on React
Use short, punchy videos that highlight the product’s benefits and fit. Keep it natural, mobile-first, and authentic. For best results:
Feature real customers or influencers using the product
Keep videos vertical, short (under 15 seconds), and sound-on optional
Highlight unique selling points visually
Example A:
On a PDP for a dress, use a quick try-on video showing fit, fabric, and movement.
Example B:
In the 'For You' feed, include fun, TikTok-style clips showcasing trending products, how-tos, or styling tips.
Content Guide and Best Practices
Use models wearing the actual garment
Focus on the product’s use, fit, and lifestyle context
Avoid using unrelated or overly generic content
How to Create Tapcart PDP Stories
On the Tolstoy admin, click Onsite -> Create Tolstoy.
Choose Tapcart PDP stories.
Start creating.
How to Create Tapcart 'For You' Feed
On the Tolstoy admin, click Onsite -> Create Tolstoy.
Choose Tapcart 'For You' feed.
Start creating.
How to Design/Customize Tapcart 'For You' Feed
Head over to the Design tab to customize your Video Feed, Product Card, and Branding sections the way you like.
Video feed
Behaviour
Make videos shoppable – Lets viewers tap products in the video to shop directly.
Auto play – Videos play automatically as users scroll.
Auto scroll to next video – Moves to the next video on its own once one finishes.
Auto-Display Video Description – When enabled, videos sourced from social media without product tags will automatically display their original post description.
Display creator handle – Shows the creator’s username on the video.
Open link to creator's profile – Links the creator’s handle to their profile when tapped.
Always start on mute – Videos will always play without sound unless unmuted.
Enable video captions – Turns on automatic subtitles for videos.
Disable multi-product view – In mobile view, skip multi-product view.
Sale products
Only show sale products – Displays only products that are currently on sale.
Product Card
Product price – Shows the price of the product directly on the video or product card.
Mini CTA – When turned on, you can choose between showing just 'Text' or 'Text and price'. If you go with 'Text and price', you'll also be able to set the 'Alignment' to Left, Center, or Right.
Branding
Check this full article about branding for details.
Tapcart Integration Block Instructions
Ensure Tolstoy integration is set up in Tapcart (one-time).
Set up Tolstoy integration by going to Tapcart Integrations page.
Look for Tolstoy.
Click the 'Connect Integration' button.
Add your Tolstoy app key. Save & Enable.
Tolstoy appkey can be found within the Tolstoy Settings → Workspace
Add Tolstoy block to Page/Screen
Navigate to “Design Blocks” → Scroll to “Integration” and add “Tolstoy - Discover”. Hover over the block and click “Edit”.
Add the Tolstoy project's Publish ID to the input box on the right-hand side and press “Save”.
a. Tolstoy Publish ID can be found in the project settings.
b. Tapcart Admin: