woocommerce featured video

Plugins, Tips, WooCommerce Tutorials

How to Add a Featured Video to Your WooCommerce Product Gallery

This guide will provide you with step-by-step instructions to add a WooCommerce featured video to your product gallery in WordPress. As a bonus, we’ll outline why adding a featured video is beneficial to your store’s sales and customer experience.

  • WooThumbs for WooCommerce – Help customers make a buying decision by adding embedded video into your product gallery from either YouTube, Vimeo, or upload videos of your own.

Start your 14-day free trial of WooThumbs for WooCommerce

Start your free trial right now and instantly add a featured video to your WooCommerce product gallery.

Get Free Trial

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 use WooCommerce featured videos in your 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.

68% of people said they’d most prefer to learn about a new product or service by watching a short video.Click To Tweet

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 WooCommerce in a little more detail in a previous article. But for the purposes of this guide, here’s a summary:

  1. Video condenses key bits of information a customer needs to know quickly and simply.
  2. Good 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 great return on investment.

Now that 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 WooCommerce related products into your store step-by-step.

How to add a video in your WooCommerce product gallery

Here we’re going to outline how to add video into your product gallery with a WooCommerce featured video plugin. 

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.

Step 1: Install WooThumbs for WooCommerce

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

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 that we have WooThumbs for WooCommerce installed, we can move onto adding a featured video into our product gallery.

Step 2: Add your featured video

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:

  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 gallery but when clicked will show only the embedded video in your product image 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 saved media, so just exit the media library and go back to your product page.
  3. Save or update your product.

Now when you navigate to the 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

Download WooThumbs for WooCommerce

Use Iconic WooThumbs for WooCommerce to add a feaured videos to your product gallery.

Get the plugin

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.

Final thoughts on adding a featured video in WooCommerce

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 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.Click To Tweet

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 – Help customers make a buying decision by adding embedded video into your product gallery from either YouTube, Vimeo, or video upload.

Start your 14-day free trial of WooThumbs for WooCommerce

Start your free trial right now and instantly add a featured video to your WooCommerce product gallery.

Get Free Trial

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

Gina is our in-house content creator and social media manager.

Share

4 Comments

  1. Thanks for the lovely post. A great help, hope you continue to do this more often. I really like studying your posts. Cheers!

  2. Anela says:

    How do you speed this video feature up? My product pages went from loading in 2.5 seconds to 23 seconds over short 20 second videos? How am I meant to defer parsing a bunch of Youtube js files that aren’t hosted on my own website? Where do I excise that?

    I am starting to doubt this plugin to be honest. All this careful caching, cdns, and shaving every single thing off to get the right speed, and then a plugin like this shows up to throw everything else in the water.

    • James Kemp says:

      Hey Anela,

      We’re working on an update which will prevent the videos from loading until your click “Play”. This will speed things up dramatically, especially for YouTube hosted videos.

      We’re always looking to improve performance with our products, but you do need to reach out if there are specific issues impacting you or your site. We’re more than happy to look into them and make improvements.

      Thanks,
      James

Leave a Reply

Your email address will not be published. Required fields are marked *