Product Page Widget
Display shoppable videos directly on product detail pages to boost conversions with demos, reviews, and unboxing content
What Is the Product Page Widget?
The Product Page Widget embeds shoppable videos directly on your product detail pages. Unlike other widget types that appear across your storefront, the product page widget is designed to show videos that are specifically relevant to the product a customer is currently viewing.
When a shopper visits a product page, the widget automatically filters your video library and displays only videos that have been tagged with that specific product. This creates a highly targeted, contextual shopping experience where customers can watch product demos, reviews, and unboxing videos without ever leaving the page.
Best Use Cases
The product page widget excels in scenarios where visual content directly supports a purchase decision:
| Use Case | Description | Impact |
|---|---|---|
| Product Demos | Show how the product works, its features, and functionality | Reduces uncertainty, increases confidence |
| Customer Reviews | Display user-generated video reviews and testimonials | Builds social proof and trust |
| Unboxing Videos | Showcase the unboxing experience and packaging quality | Sets expectations, reduces returns |
| How-To Guides | Teach customers how to use or style the product | Increases perceived value |
| Size & Fit Videos | Model the product on different body types or in real settings | Reduces size-related returns |
| Before & After | Show transformation results (skincare, home improvement) | Demonstrates product effectiveness |
| Comparison Videos | Compare variants, colors, or bundles | Helps customers choose the right option |
Pro Tip: Products with video content on their pages see significantly higher conversion rates. Even a single product demo video can reduce return rates by helping customers understand exactly what they are purchasing.
How It Works
The product page widget uses an intelligent matching system to display the right videos to the right customers:
Video Tagging
You tag each video in your library with one or more Shopify products. This creates a link between your video content and your product catalog.
Automatic Detection
When a customer visits a product page, the widget automatically detects which product is being viewed using the Shopify product ID.
Smart Filtering
The widget queries your video library and returns only videos that are tagged with the current product. No manual configuration per product page is needed.
Dynamic Display
Matching videos are rendered in your chosen layout directly on the product page. Customers can browse and watch videos without navigating away.
Dynamic Video Display
One of the most powerful features of the product page widget is its dynamic video display. Rather than manually assigning videos to each product page, the widget works automatically:
- Automatic matching: Videos appear on product pages based on their product tags
- Real-time updates: When you tag a new video with a product, it immediately appears on that product's page
- Multi-product support: A single video tagged with multiple products will appear on all of those product pages
- No code required: The widget handles all the logic behind the scenes
How Dynamic Display Works
Customer visits → Product Page (SKU: blue-sneakers-42)
↓
Widget checks → Video Library for videos tagged with "blue-sneakers-42"
↓
Found 3 videos → [Demo Video] [Review Video] [Unboxing Video]
↓
Renders widget → Product page shows all 3 videosFallback Behavior
When no videos are tagged with the current product, the widget provides graceful fallback options:
| Scenario | Behavior |
|---|---|
| No matching videos | The widget section is hidden entirely so the product page looks clean |
| Videos still processing | Processing videos are excluded; only fully processed videos appear |
| Unpublished videos | Draft videos are not displayed to customers |
| All matching videos deleted | Widget section automatically hides |
Important: If the widget appears empty on a product page, verify that: (1) videos are tagged with that specific product, (2) videos are in "Published" status, and (3) video processing has completed successfully.
Configuration
Layout Options
The product page widget supports multiple layout styles to match your theme:
| Layout | Description | Best For |
|---|---|---|
| Carousel | Horizontal scrolling row of video thumbnails | Pages with 3+ videos |
| Grid | Video thumbnails displayed in a grid pattern | Showcasing many videos equally |
| Single | One featured video displayed prominently | Products with one key video |
Number of Videos
Control how many videos appear on the product page:
| Setting | Range | Default | Notes |
|---|---|---|---|
| Max videos | 1 - 20 | 6 | Limits videos even if more are tagged |
| Rows (grid) | 1 - 4 | 1 | For grid layout only |
| Videos per row | 2 - 6 | 3 | For grid layout only |
Autoplay Settings
| Setting | Options | Default | Description |
|---|---|---|---|
| Autoplay | On / Off | Off | Automatically play videos in the carousel |
| Muted autoplay | On / Off | On | Start videos muted (recommended for autoplay) |
| Play on hover | On / Off | Off | Begin playback when cursor hovers over thumbnail |
Browser Policies: Most modern browsers block autoplay with sound. Always keep "Muted autoplay" enabled when using autoplay to ensure videos play reliably across all browsers.
Product Card Display
When a video is playing in the modal, product cards appear as an overlay. Configure how they display:
| Setting | Options | Description |
|---|---|---|
| Show product card | On / Off | Toggle the product card overlay |
| Show price | On / Off | Display the product price |
| Show compare-at price | On / Off | Show the original price with strikethrough |
| Show Add to Cart | On / Off | Display an Add to Cart button |
| Card position | Bottom / Right | Where the product card appears in the modal |
How to Tag Products for This Widget
Proper product tagging is the foundation of the product page widget. Follow these steps:
Open Your Video Library
Navigate to ReelPlus > Videos in your Shopify admin to see all uploaded videos.
Select a Video
Click on the video you want to tag with products.
Open Product Tagging
In the video editor, set the Interaction Type to "Tag Products", then click the product tagging section.
Search and Select Products
Use the search bar to find products from your Shopify catalog. Select one or more products to tag to this video.
Save Your Changes
Click Save. The video will now automatically appear on the tagged product's page wherever the product page widget is installed.
Tagging Best Practices
- Be specific: Tag only the products that are actually featured or relevant in the video
- Tag multiple products: If a video showcases an outfit, tag all items (top, bottom, shoes, accessories)
- Review regularly: As products are discontinued or updated, review and update your tags
- Use consistent naming: Keep your product catalog organized to make searching easier during tagging
Testing on Different Product Pages
After configuring your product page widget, verify it works correctly across your catalog:
Preview in Theme Editor
Open your Shopify Theme Editor and navigate to a product page. The product page widget block should be visible with matching videos.
Test Multiple Products
Visit several different product pages to confirm:
- Tagged products show their videos correctly
- Products without tagged videos show a clean page (no empty widget)
- Video playback and product cards work as expected
Test on Mobile
Check the widget on mobile devices or use browser responsive mode. Ensure:
- Videos are properly sized
- Scrolling and swiping work smoothly
- Product cards are readable on smaller screens
Verify Add to Cart
If you have the Add to Cart button enabled, test the full flow:
- Play a video
- Click the product card
- Add to cart from the modal
- Verify the correct product and variant are added
Testing Tip: Use ReelPlus dev preview mode during development. Changes to widget settings are reflected immediately without needing to deploy.
Frequently Asked Questions
Can I show the same video on multiple product pages? Yes. Tag the video with multiple products and it will appear on all of their product pages.
What happens if I have more videos than the max limit? The widget displays videos up to the configured maximum, prioritizing the most recently added videos.
Does the widget affect page load speed? No. ReelPlus uses lazy loading and optimized video thumbnails. Videos only load when the customer scrolls to the widget section or interacts with it.
Can I use the product page widget alongside other widget types? Absolutely. You can have a product page widget on product pages and a carousel widget on your homepage. Each widget type operates independently.