What Are Product Gallery Videos?
Product Gallery Videos are short-form videos placed inside your product image carousel on product pages. They're optimized for site speed and performance, making them ideal for showcasing AI-generated product clips or authentic UGC (user-generated content). They load fast, look native to your site, and help improve engagement and conversions without slowing down your page. This works for Shopify users only.
What’s the Goal of Product Gallery Videos?
The goal is simple:
✅ Improve performance and page load time
✅ Boost engagement with video-rich product pages
✅ Highlight product features or usage in a clean, native format
Best Ways to Use Product Gallery Videos
a. Showcase AI-Generated Product Videos
Use short, auto-generated clips to highlight key product features, styling angles, or usage—all while maintaining fast load speed.
b. Use UGC for Social Proof
Add short clips from real customers to build trust and show the product in real life.
Content Guide & Best Practices
Keep it short: 10-30 seconds is ideal
Native size: Match the size of your product images
No heavy files: Avoid large videos that slow down your page
Clear lighting and product focus: Make sure the product is the star
Include variety: Show different angles or use cases for better context
Steps on how to Create and Publish Product Gallery videos
Go to Onsite click create Tolstoy
Choose Product gallery videos and click start creating
Select the playlist you want to use
Click publish
A Guide on how to Design/Customize your Product Gallery Videos
Gallery Player
Add video to gallery at position - You can choose which image to replace with a video in the Gallery Player under the Design tab. For example, if there are two product gallery images below the video, and you select image 1, that image will play as the video above.
Play button on thumbnail – The play icon over the video preview.
Play button on video – The play icon displayed on the video itself.
Background – The area behind the video or player.
Background color – The color of the background.
Border – The outline around the video or player.
Border color – The color of the border.
Opacity – The transparency level of an element.
Branding
Customize your logo, fonts, and button styles to align with your brand's look and feel.
