Looking to add a product video to your WooCommerce product gallery? In this guide, we’ll show you how.

As a bonus, we’ll outline why adding a featured video is beneficial for your store’s sales and customer experience.

Want to get right to it? This guide uses the following plugins:

  • WooThumbs for WooCommerce – Help customers make a buying decision by adding embedded video into your product gallery from either YouTube, Vimeo, or by uploading videos of your own.
  • Image Swap for WooCommerce – Encourage shoppers to purchase your products in fewer clicks with shop/category page image swap effects.

WooThumbs for WooCommerce

Enable zoom, sliders, video, fullscreen, multiple images per variation, and customisable layout options for your product imagery.

If you want to jump to certain points in the article, just click on one of the following links:

woocommerce featured video

Why you should add a product video to your WoCommerce product gallery

The evidence speaks for itself. In a Wyzowl report, 79% of people said a brand’s video has convinced them to buy a piece of software or app. In general, 68% of people said they’d most prefer to learn about a new product or service by watching a short video.

So with these statistics in mind, what makes video so effective when it comes to sales?

We’ve outlined the reasons why video works well in a previous article. But for the purposes of this guide, here’s a summary:

  1. Video condenses key pieces of information your customer needs to know quickly and simply.
  2. High-quality video builds trust by showing the product is real and tangible.
  3. Video helps with SEO and ranking with Google.
  4. Video keeps people on your product page for longer, increasing the likelihood they will buy.

When it comes to increasing your ecommerce conversion rate, adding a video to your WooCommerce product gallery is an excellent technique to implement with a great return on investment.

So now we’ve explored why adding video to your WooCommerce store is beneficial. The next section of this article will take you through how to add a video to your WooCommerce product page gallery.

How to add a video to your WooCommerce product gallery

In short, here’s how to add video to a WooCommerce product using the plugin WooThumbs for WooCommerce:

  1. Copy the URL of the video you want to use.
  2. Edit the product you want to add the video to and click ‘Add product gallery images’.
  3. Upload a thumbnail image for the video and paste the video URL in the URL field.
  4. Save or Update your product.

Below we’ll go through each of these steps in detail. But first, let us introduce you to the plugin that will help you make this possible, WooThumbs for WooCommerce.

The product gallery plugin, WooThumbs for WooCommerce

WooThumbs for WooCommerce allows you to add embed video content into your gallery from YouTube, Vimeo, Daily Motion, and other platforms. Either that, or you can upload self-hosted video (MP4) files into your image gallery manually.

Not only that, but with WooThumbs installed, you’ll be able to completely customize your product gallery with everything from:

So now we know the benefits of adding video to your product gallery, here’s how to do it with the WooCommerce product gallery plugin, WooThumbs for WooCommerce.

Step 1: Install WooThumbs for WooCommerce

To get started, purchase the WooThumbs for WooCommerce WordPress plugin from the Iconic store: iconicwp.com/products/woothumbs

WooThumbs for WooCommerce

Enable zoom, sliders, video, fullscreen, multiple images per variation, and customisable layout options for your product imagery.

Then follow these steps:

  1. Go to Plugins > Add New > Upload Plugin.
  2. Choose the zip file you downloaded, upload, and then click ‘Activate’.
  3. Once activated, you’ll need to enter your licence key.
woothumbs for woocommerce

Now we have WooThumbs for WooCommerce installed, we can move on to adding a featured video into your product gallery.

Step 2: Add your video to the product gallery

If you’d rather, you can watch our video for adding video to your WooCommerce product gallery here:

Otherwise, if you’re using a video from Vimeo or YouTube, take the following steps:

Note: If you’d like to upload self-hosted videos or media, you can follow our self-hosted guide.

  1. Copy the URL of the Vimeo video or YouTube video you want to show in your product gallery (save this because we’ll need it later).
  2. Go to Products.
  3. Select the product you want to add the video to.
  4. Navigate down to the ‘Product gallery’ module on the product page.
woocommerce featured video
  1. Click the ‘Add product gallery images’ link.

At this point, you’ll need to upload a thumbnail image of the video you want to show as the featured image, or you can use an existing image in your media gallery.

This will act as a preview image in your WooCommerce product image gallery but when clicked will show only the embedded video in your video gallery. 

Note: The size of this image depends on your theme settings.

  1. Upload your image.
  2. In the URL field of your uploaded image, paste the URL from YouTube which you copied earlier as shown in the screenshot below.
woocommerce add video
  1. Then, set your aspect ratio. Most gallery images are square, so usually, 1:1 works well. A lot of videos these days are 16:9 to allow full-screen, but it depends entirely on what suits your store.
  2. There’s no save button here because WordPress automatically saves media, so just exit the media library and go back to your product page.
  3. Save or update your product.

Now when you go to the shop page of the product you’ve been editing, you’ll see the video you’ve just uploaded displaying in the WooCommerce product gallery with default video controls.

woocommerce video product

There you have it, your store will now have click-worthy WooCommerce product videos displaying in your product page galleries in a pop-up lightbox or in full-screen.

As we’ve already explored, using video for your WooCommerce products not only enhances your customer’s buying experience but increases your conversion rate too.

WooCommerce product video frequently asked questions

Can I add video to WooCommerce product?

If you have WooCommerce installed on your site, currently there’s no way for you to add a product video to your product page gallery without the help of a plugin. With the WooComerce plugin, WooThumbs for WooCommerce however, you can add video to your WooCommerce products in just a few minutes.

woocommerce video

How do I add a YouTube video to the WooCommerce product gallery?

If you’d like to add a YouTube video to your WooCommerce product gallery, you can do so with WooThumbs for WooCommerce. Follow this tutorial for instructions.

WooCommerce Product Video

Create a video-like product gallery on the category page

The product page isn’t the only place your product gallery should be improved though. The category and shop pages are the perfect place to apply a similar technique to boost sales.

While there’s currently no way to add video to the shop or category page, you can have them slide, change and zoom on hover with the help of a plugin.

image swap example

With the Image Swap for WooCommerce plugin, you can add additional images, add a hovering effect that allows customers to zoom in on images, or essentially create a product gallery on the shop/category page.

By allowing your customers to hover on images or flip product images, you’re making the shopping experience more seamless by reducing the number of clicks.

Image Swap for WooCommerce

Add image swap effects to your product archive pages. Slide, zoom, thumbnails, fade, flip, and more. Make your product collection easier to browse.

Add a video to your WooCommerce product gallery today

In this guide, you’ve learned why you should be using video in your WooCommerce product gallery. You’ve also had step-by-step instructions for how to add a video to your product pages by using a WooCommerce product gallery plugin.

When used well, video can be a massive game-changer when it comes to selling products online. Adding them to your product pages quickly and efficiently with WooThumbs for WooCommerce just makes the whole process that little bit easier.

Plugins featured in this guide:

  • WooThumbs for WooCommerce – The product video plugin that helps customers make a buying decision by adding embedded video into your product gallery from either YouTube, Vimeo, or video upload.
  • Image Swap for WooCommerce – Encourage shoppers to purchase your products in fewer clicks with shop/category page image swap effects.

WooThumbs for WooCommerce

Enable zoom, sliders, video, fullscreen, multiple images per variation, and customisable layout options for your product imagery.

If there’s anything we missed from this guide, be sure to leave us a comment and we’ll add it.