How to Add Video in a WooCommerce Product Gallery (2025 Guide)

Are plain images on your product pages not grabbing customers’ attention like you hoped? You are certainly not alone.

88% of online shoppers say videos of products help them make a purchasing decision (Wyzowl, 2024). Plain images just don’t cut it anymore. This is even more true when the item is something that needs to be seen in action.

The good news is that you don’t have to know how to code to fix this. In the upcoming steps, you’ll learn how to add a video to a WooCommerce product gallery with a user-friendly process, highly rated plugins, and highly proven best practices.

Whether it be fashion, electronics, or digital products, video drives conversions, develops trust, and lessens returns. Let’s cut to the chase and get into what you came here for!

The Value of Video in Your WooCommerce Product Gallery

Let’s be honest – shoppers are visual. If you are only using static images, you are leaving money on the table.

Here’s the deal: Adding video to your WooCommerce product gallery is not a luxury but rather a necessity if you want to improve conversion rates.

Proven Benefits of Product Videos:

• Improved Conversions: Including a short product demo or unboxing video can generate even higher sales rates from your product pages.
• Lower Return Rates: Studies show that customers are 22% less likely to return a product if they have watched a video showing the product usage, benefits, or even correct sizing at the time of their purchasing decision (Invesp, 2023).
• Better On-Page Engagement: Pages containing video can keep the user 2.6x longer on average, which improves SEO and purchase intention (Vidyard, 2024).
• Immediately Built Trust: Seeing is believing. A quick clip showing your product promises to make the store more legitimate and transparent in the eyes of a new customer still trying to decide on your brand.

Pro Tip: Product films are not restricted to physical goods. Even if you are selling services or digital downloads, present a software demonstration, a use case, or a behind-the-scenes view.

How to Add Video in a WooCommerce Product Gallery: 2 Methods

Including video in your WooCommerce product gallery might greatly increase sales, confidence, and engagement. We have shown 2 easy techniques on how to add video in a WooCommerce product gallery below:

Method 1: Use a Plugin (Recommended for Most Users)

Don’t panic if you’re not a developer; plugins make adding video in a WooCommerce product gallery incredibly simple without you touching a single line of code.

While many also let you upload self-hosted MP4 files for optimum control, most WooCommerce video plugins enable well-known platforms like YouTube and Vimeo.

Right from the product page, this lets you emphasize important product features, show use cases, or establish an emotional connection with your audience, therefore increasing time on site, lowering bounce rate, and therefore boosting sales.

Thousands of WooCommerce store owners rely on these best-rated plugins in 2025:

1. WooCommerce WooThumbs

Best For: Shops looking for sophisticated gallery personalisation and several movies

Active Users: 10,000+ WooCommerce stores (Source: IconicWP)

Key Characteristics:

• Add self-hosted, Vimeo, or YouTube videos.
• Supports numerous videos in the Product Gallery.
• Mute Options, Zoom, Lightbox, Video Auto-Play, and Loop
• Compatible with Most WooCommerce Themes and Fully Responsive.

How One Sets It Up:

1. Buy and install the WooThumbs plugin.
2. From your WordPress Dashboard, navigate to Products > All Products and select the product you wish to add the URL to.
3. Scroll down to the Product gallery section of the Edit product page and click the Add product gallery images link.
4. Click the Attach MP4 button in the WOOTHUMBS MEDIA DETAILS section.
5. Then select or upload your MP4 video to the Media Library.
6. Click the blue Attach MP4 button, and the video will be added to your product gallery.
7. Lastly, scroll to the top of the page and click the blue Update button in the Publish section to make your changes live.

Pro Tip: You can reorder videos or photos by dragging and dropping them to bring conversion graphics to the front.

2. WooCommerce Product Video Gallery by Addify

Suitable For: Beginners looking for a free option with upgrade ability.

Active Installs: 20,000+ active installs (WordPress.org, 2025)

Pro Characteristics:

• Put in several clips.
• Set the video position (before/after photos)
• Show or hide play icons.
• Excellent assistance

How to Use It:

1. Purchase the Product Video for WooCommerce plugin from Addify.
2. Set it from Plugins > Add New and upload the plugin.
3. Navigate to WooCommerce > Product Videos > Add New Video.
4. Provide a title for the video.
5. Select the appropriate Video Type, depending on the source of the video, such as YouTube, Vimeo, or Custom Upload.
6. Lastly, designate the products to which you wish to link the video.
7. When finished, click Publish to save your configuration.
8. It will look like this to customers on the product page:
   

Pro Tip: Depending on what suits your theme and customer experience best, Addify lets you choose between inline or lightbox loading of videos.

3. YITH WooCommerce Featured Video

Best For: Substituting the highlighted picture for a simpler, distraction-free video

User Base: Used mostly in minimalist WooCommerce themes.

Key Features:

• Replace the featured image with a video.
• Supports MP4, Vimeo, or YouTube
• Easy setup, lightweight
• Divi, Elementor, and other builders are compatible with this plugin.

Setup Method:

1. Install the YITH WooCommerce Featured Video plugin by navigating to Plugins > Add Plugin.
2. Go to YITH > Featured Video on your admin dashboard.
3. Set the URL of the video in the “Featured Video URL” in the “Product Data” area.
4. Enable video substitution and set the choices.
5. Apply per product or globally across all product pages.

Method 2: Manual Adding of Video via Custom Code (Advanced)

For developers who own stores or agency partners, plugins don’t always cut it. Whether you are building a custom WooCommerce theme or need to administer the complete rendering style of the video, sometimes using a custom code solution is a much more flexible option, albeit potentially riskier.

Warning: Manual customization may break with any WooCommerce and theme update; therefore, backup your site first and use a child theme.

When to Use This Method?

• You want full authority over the video layout and style
• You are building or modifying a WooCommerce theme
• You don’t want the overhead of another plugin
• You only need a video on specific template types or product types

Learn how to add video in a WooCommerce product gallery by following the steps given below.

Step 1: Create a Child Theme if not Already Utilizing One

Do not directly modify WooCommerce core files or parent themes. Override templates safely using a child theme.

Step 2. Copy Template File

Navigate to:

/wp-content/plugins/woocommerce/templates/single-product/product-image.php

Step 3: Add Your Video Code

Include your video embed code, like YouTube iframe, at the position where you want it to appear in the gallery.

Example:

<div class="woocommerce-product-gallery__video">
    <iframe width="100%" height="400" 
        src="https://www.youtube.com/embed/YOUR_VIDEO_ID" 
        frameborder="0" allowfullscreen>
    </iframe>
</div>

Copy this file into your theme at:

/wp-content/themes/your-child-theme/woocommerce/single-product/product-image.php

Step 4: Add Basic Styling (Optional)

Style your theme using style.css or via the Customizer:

.woocommerce-product-gallery__video {
    margin-top: 20px;
    max-width: 100%;
}

Extra Tip: Use get_post_meta() for Dynamic Video Support

If you want to make video URLs editable from the backend:

1. Create a custom field like product_video_url
2. Update the template to pull that field:
   

<?php
$video_url = get_post_meta( get_the_ID(), 'product_video_url', true );

if ( $video_url ): ?>
    <div class="woocommerce-product-gallery__video">
        <iframe src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
    </div>
<?php endif; ?>

Wrapping Up: Add Product Videos That Transform

One thing you should be clear about, if you have made it this far: knowing how to add video to a WooCommerce product gallery is a game-changer, not just a “nice-to-have.”

Whether you are running a fashion store, an electronics store, or a digital product shop, product movies enable you to: 

• Rise conversions by up to 80%.
• Reduce product returns and customer questions.
• Enhancement of SEO performance and time-on-page
• Develop confidence via genuine, interesting media

From beginner-friendly Addify to complex solutions like WooThumbs—or even custom code for developers—you have everything you need to turn your WooCommerce gallery into a high-converting visual experience now that you know how to show video in a WooCommerce product gallery.

Pro Tip: Start with your best-selling product. Track conversions over 30 days with a short demo video. The outcomes could shock you.

FAQs: How to Add Video in a WooCommerce Product Gallery