add-videos-to-woocommerce-product-gallery

How to Add Videos to WooCommerce Product Gallery

Are you looking for a way to add videos to your online store? If so then you’ve come to the right place. Because today we have a comprehensive guide on how to add videos to the WooCommerce product gallery.

Why add videos to your WooCommerce product gallery?

In most cases, the product image is the first thing that helps buyers to purchase the product. But sometimes certain types of products need to be complemented by a video. Even though text can provide descriptive information about a product, all of the text can be summarized in a video which can be accessible to anyone.

Besides the visual look, videos add lots of benefits when it comes to increasing the conversion rates. Because compared to text, most consumers prefer to watch a video and make an informed decision. Not only that, but product-related videos also improve your website’s SEO ranking. When visitors watch the video and spend more time on your site, then long exposure establishes trust and informs search engines about the content within your website.

In short, adding videos helps a lot to increase conversions in those products in which a video can better convey its attributes, uses, and characteristics. We hope that this gave you a slight idea of the importance of adding videos to your website. Now let’s see how we can add the videos to the WooCommerce product gallery.

How to add videos to the WooCommerce product page?

WooCommerce does not have an option to add videos on the product page by default. That’s why a plugin is the best approach when it comes to adding extra functionality which WooCommerce lacks.

There are a number of plugins available to add videos to the WooCommerce product gallery. Let’s take a look at a few of the popular and most used ones:

Product Video Gallery for WooCommerce

add-videos-to-WooCommerce-product-gallery

Product Video Gallery for WooCommerce is one of the best plugins to add videos to the WooCommerce product gallery. Videos from Youtube and Vimeo can be easily embedded into the product gallery. And besides that, you can upload your own videos in formats like MP4, WebM, and Ogg. Also, the videos can be played in a repeat mode which creates a loop.

In addition, this plugin allows you to change the location of the videos. You can decide where you want to display the videos (after product image, before product galleries). The plugin allows you to embed the videos on any product page.

Key Features:

  • Transforms the product gallery into a fully responsive carousel
  • Upload videos from YouTube and Vimeo
  • Specify the exact width and height of the videos
  • Upload a custom thumbnail

Pricing

Both free and premium versions of the plugin are available. The free version meets all of your basic needs, while the premium plans are designed for more advanced customers. Premium plans for a single site start at 25 USD per year.

YITH WooCommerce Featured Audio & Video Content

add-videos-to-WooCommerce-product-gallery

YITH WooCommerce Featured Audio & Video Content is another easy-to-use video plugin that comes with a free version and a premium version. This plugin has the feature to upload both audio as well as video files to WooCommerce.

You can upload multiple videos at the same time without any pauses. It allows us to upload videos from Vimeo, Youtube, and other video-sharing sites. By integrating video into your WordPress media, you can even self-host it. If you opt for the premium version you’ll have the ability to display multiple videos for different product versions.

Key Features:

  • Replace the featured image with a video from YouTube or Vimeo.
  • Add videos to one or more of the shop’s products
  • Set a custom aspect ratio for video
  • Able to add sample audio files to products (audiobooks, video courses)

Pricing

YITH WooCommerce Featured Audio & Video Content is a freemium plugin with comes with a one-year update and support subscription starting at 59.99 Euros per year. In addition, if you are unhappy with the product, you get a 30-day money-back guarantee.

These are some of the plugins which can help you add videos to your products. But now, let’s use the plugin to add videos to the WooCommerce product gallery. For this tutorial, we will be using the “Product Video Gallery for WooCommerce” plugin since the plugin is incredibly easy to use.

To start using the plugin, the first step is to install and activate the plugin.

But, before you do that, we strongly advise you to set up WooCommerce without missing any steps and to always choose a compatible WooCommerce theme to avoid any issues and conflicts between other plugins while following this guide.

Step 1: Install and Activate the Product Video Gallery for WooCommerce

To install the plugin, go to your WordPress dashboard and select Plugins > Add New from the drop-down menu.

This will take you to the plugin page, where you’ll discover a list of suggested plugins. A search bar can be found on the right-hand side. Now, in the search field, type ‘product video gallery‘.

add-videos-to-WooCommerce-product-gallery

Click the ‘Install Now’ button once the plugin appears in the search results. Installing the plugin takes only a few seconds. After you’ve finished installing the plugin, make sure to Activate it.

Now you have successfully downloaded the free version of the plugin. However, you can download the premium version of this plugin from the official website. If you’re not sure how to do so, you can check our article on how to install the plugin manually.

Step 2: Configure the Plugin Settings

After the plugin is activated, a list of options can be found for the plugin to add the videos.

You can access the plugin settings from Products > Product Video WC. Here you can find a few options for the configuration of the product videos. All you need to do is tick the checkboxes according to your preferences.

Firstly, you can select the slider layout of the product video gallery. Then you can also enable or disable the slider auto-play, slider infinite look, the arrow on the slider, and arrow on thumbnails by checking or unchecking the checkboxes respectively. Similarly, you can also select the video thumbnail for all the products and so on.

add-videos-to-WooCommerce-product-gallery

After you’re done with the configuration, make sure to click on the ‘Save Changes’ button. Now, we can go ahead and add videos to the WooCommerce product gallery.

Step 3: Add video to the product

To add the video to the product gallery, go to the product page. You can access the product page from Products > All Products. Now, click on Edit for the product if you want to add a video to the gallery for an existing product. Alternatively, you have to add a new product from here if you need to add the video gallery to a new product.

As soon as you click on the product, you’ll reach the product edit page. If you’ll scroll at the end of the edit product page, you’ll find a field ‘Product Video URL‘. Simply paste the URL of the YouTube video that you want to embed in the product gallery. Then click on the ‘Update‘ button to save your changes.

If you are a premium user of this plugin, then you can even add videos from Vimeo and also upload videos to your media library and add it to the product gallery.

After adding the link you can preview the product page to see if the video has been added or not. As you can see, the video is added to the product gallery.

That’s it! This is how you can easily add videos to the WooCommerce product gallery with the help of a plugin.

Bonus: Customize the Product Gallery in WooCommerce

We have shown you how to add videos to your product page gallery. But customizing the overall product gallery of your online store also can help you improve product exposure, increase conversion rates, and provides excellent visitor experiences. That’s why we will be providing a short guide in this article to customize the product gallery in WooCommerce as a bonus.

You can easily do it directly from your WooCommerce dashboard. But before that, you may need to add a product gallery to your store. And for that, all you need to do is go to the edit product page.

1. Add the Product Gallery

To add the product gallery, go to Products > All Product from your WordPress dashboard and click on the product in which you would like to add the product gallery.

By clicking on the product, you’ll be redirected to the product edit page. Here we can add, reorder, or remove the product images in the product gallery.

At the end of the page on the right sidebar, you’ll find the ‘Product gallery‘ section. Click the link to Add product gallery images to add the product images to your new product gallery.

Upon clicking on that, you can access your media library and also upload new files. Now you can upload images from your computer or select the existing images from the media library.

Likewise, if you have uploaded the wrong image or want to get rid of certain images then hover your mouse towards the product gallery images. You’ll see a cross icon above the thumbnail as soon as you navigate to it. To remove a product from the product gallery, click the ‘Delete image‘ icon.

2. Reorder Images of the Product Gallery

Similarly, you can customize the product gallery page by changing the order of the products from the dashboard itself. To do so, simply drag and drop the product image in the product gallery section of the product edit page. This will re-arrange the products in the product gallery according to the order that you set.

Make sure to click on the ‘Update‘ button and preview the rearranged product gallery.

This is how you can reorder the products in your product gallery.

As you saw, these are some of the basic customizations which you can make to your product gallery from the default WooCommerce dashboard.

Moreover, there are many other tweaks that you can implement to customize the product gallery in WooCommerce. You can customize them by even using one of the WordPress plugins. If you want to learn other various ways to customize the product gallery then check out our comprehensive post on how to customize the product gallery in WooCommerce.

Conclusion

This is our guide on how to add videos to the WooCommerce product gallery. They can be very useful for your customers to get detailed information about a product along with other product images.

As you saw it just takes a few minutes to add videos to the product gallery including the plugin installation and activation. All you have to do is install and activate the plugin, then tweak some of the settings to fit your website’s requirements. Then simply add the URL from your YouTube or Vimeo video.

In addition, we have also added a few steps to customize the product gallery in WooCommerce. It can be a very helpful step to enhance the appearance and the usability of the product gallery of your online store too. Likewise, you can even add a feed gallery from Instagram to your store by using a plugin like Instagram Feed Gallery if you want.

So, can you add videos to the WooCommerce product gallery? Did you try using the method we shared? If yes then don’t forget to share the experience with us in the comment section.

Meanwhile, if you want to improve the customer experience and increase the conversion rates through your product page then check out these articles: