Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add Product Videos to Your WooCommerce Galleries

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you looking to add product videos to your WooCommerce galleries?

Videos can provide more detailed and engaging demonstrations of your products. Additionally, they can help make your WooCommerce store more visually appealing and engaging.

In this article, we will show you how to easily add product videos to your WooCommerce galleries, step by step.

Adding product videos to your WooCommerce gallery

Why Add WooCommerce Product Videos to Your Store?

By adding product videos to your WooCommerce store, you can effectively showcase your products in a more detailed and informative way. This can provide your customers with a better understanding of your product’s features and benefits.

This can lead to increased conversion rates because visitors who watch product videos are 73% more likely to make a purchase.

Additionally, showing your products in action through video can help build trust and credibility with potential customers, making them feel more confident about their purchases.

For instance, if you have an online store that sells headphones, then adding a video that demonstrates the sound quality and features of the headset can help you get more conversions.

Headphone WooCommerce product video preview

Furthermore, adding product videos to your WooCommerce galleries can also increase your website’s SEO rankings because search engines prioritize websites that have multimedia content, including videos.

Higher visibility in the search results can lead to more people visiting your store and buying products.

That being said, let’s see how you can easily add product videos to your WooCommerce galleries. You can use the links below to jump to the method you want to use:

Method 1: Add WooCommerce Product Video Using YITH WooCommerce Featured Audio & Video Content (Free & Premium)

For this method, we will be showing you how to add product videos to WooCommerce galleries using a premium plugin. We recommend this method if you want more control over your video display and playback settings.

First, you need to install and activate the YITH WooCommerce Featured Audio & Video Content plugin. For more detailed instructions, please see our beginner’s guide on how to install a WordPress plugin.

With this plugin, you can add a video from YouTube and Vimeo or your own video from the media library to the WooCommerce gallery.

Note: There is also a free YITH WooCommerce Featured Video plugin. However, it doesn’t allow you to configure most of the video, modal, and gallery settings.

Configure the Plugin’s General Settings

Upon activation, head over to the YITH » Featured Audio & Video Content page from the WordPress admin sidebar.

This will open up the video settings. From here, you can start by selecting an aspect ratio for the product video from the dropdown menu.

If you are using the free version, this will be the only setting that will be available to you.

Choose the aspect ratio for the product video

Next, toggle the ‘AutoPlay’ switch to active if you want the video to start playing as soon as the page loads.

You can also toggle the ‘Loop’ switch so that the video will start over as soon as it ends.

Once you have done that, you need to move the slider next to the ‘Volume’ option to adjust the volume of the video. Then, simply toggle on the ‘Stoppable videos’ switch to allow users to pause a video.

Configure the General settings for the video

Next, scroll down to the ‘YouTube Settings’ section and toggle the ‘Show Related’ switch on if you want to recommend other YouTube videos from the same channel as your video. This setting is only necessary if you are embedding a product video from YouTube.

After that, you can choose a theme and style for the YouTube video player.

Configure YouTube video settings

Once you have done that, you need to scroll down to the ‘Vimeo Settings’ section and toggle on the ‘Show Video Title’ switch to display the video title in the Vimeo player. You will only need to change this setting if your product videos are hosted on Vimeo.

Additionally, you can select a playback control color for the Vimeo player.

Configure Vimeo Settings

After that, move to the ‘VideoJS Player Style’ section and choose ‘Custom’ as the ‘Style’ option.

This will open up customization settings, where you can configure the background color, slider color, button color, and more of the video player.

Once you are done, click the ‘Save Options’ button to store your settings.

Configure color settings for the video

Configure Modal Settings (Premium Plugin Only)

Now, you need to switch to the ‘Modal Settings’ tab from the top of the page. Keep in mind that this tab won’t be available if you are using the free plugin.

Once you are there, simply toggle the ‘Video in modal’ switch if you want to display the featured video in a modal window. This will show the video within a lightbox in front of the other content on the page.

After you have done that, you can also choose a ‘Modal displaying effect’ from the dropdown.

Configure Modal Settings

Next, click the ‘Save Options’ button to store your settings.

Configure Gallery Settings (Premium Plugin Only)

Now, you have to switch to the ‘Gallery Settings’ tab from the top. This tab is only available in the premium version.

From here, you must select the ‘WooCommerce Gallery’ option as the ‘Video and Audio gallery mode’ to display the product videos in the WooCommerce gallery.

Choose the WooCommerce Gallery option

Alternatively, by selecting the ‘Plugin Gallery’ option, the featured video will be shown in a related gallery.

On the other hand, you can also toggle the ‘Video and Audio in sidebar’ switch if you want to display the product video in the sidebar instead of the WooCommerce or related gallery.

Once you are done, don’t forget to click the ‘Save Options’ button to store your settings.

Show the video in the sidebar

Add the Product Video to the WooCommerce Gallery

It’s time for you to add the WooCommerce product video to the WooCommerce gallery.

First, visit the Products » All Products page from the WordPress admin sidebar. Once you are there, simply click the ‘Edit’ link under a product name to open up the ‘Edit Product’ page.

Click the Edit link under the products page

Next, scroll down to the ‘Product Data’ section and click on the ‘Video’ tab from the left column.

Now, you need to select how you want to add the video from the ‘Add Video’ dropdown menu. For this tutorial, we will be choosing the ‘By URL’ option because we will be adding a YouTube video URL.

Switch to the Video tab and choose By URL option from the dropdown menu

Alternatively, you can upload a video using the WordPress media library. However, we don’t recommend this method because uploading videos uses a lot of bandwidth.

For more details, you may want to see our beginner’s guide on why you should never upload a video to WordPress.

You will then be asked to type a name for the product video into the ‘Video Name’ box.

Once you have done that, simply paste the YouTube video URL into the ‘Video URL’ box and click the ‘Add Video’ button.

Paste YouTube video URL

Finally, click on the ‘Update’ or ‘Publish’ button at the top to save your changes.

You can now visit your online store to check if the video has been added to the WooCommerce gallery of your product.

This is how the product video looked on our demo website.

Preview for WooCommerce product video

Method 2: Add WooCommerce Product Videos Using Really Simple Featured Video (Free)

If you are looking for a free and simple way to add WooCommerce product videos, then this method is for you.

First, you need to install and activate the Really Simple Featured Video plugin. For more details, see our tutorial on how to install a WordPress plugin.

Configure the Plugin’s Settings

Upon activation, head over to the Settings » Really Simple Featured Video page from the WordPress dashboard.

From here, toggle the ‘Products’ switch to enable video support for WooCommerce. After that, simply click the ‘Save Changes’ button to store your settings.

Toggle the Products switch

Next, you need to switch to the ‘Controls’ tab from the top. Here, you can configure settings for self-hosted and embedded videos.

Now, just move to the ‘Self-hosted videos’ section and start by toggling the ‘Controls’ switch to add controls to the video player.

After that, you can also toggle the ‘Loop’ switch to keep playing the video on a loop. Additionally, you can also mute the video by default by toggling the switch next to ‘Mute sound’.

Once you have done that, simply toggle on the ‘Autoplay’ switch if you want the video to start playing automatically.

Toggle the controls switch

Next, scroll down to the ‘Embed videos’ section, where you will find all these options repeated for embedded video.

Simply configure these settings to your liking and click the ‘Save Changes’ button to store your settings.

Add the Product Video to the WooCommerce Gallery

To add a product video to the WooCommerce gallery, head over to the Products » All Products page from the admin sidebar.

From here, go ahead and click the ‘Edit’ link under a product name to open it.

Edit the products page

Once you are there, scroll down to the ‘Featured Video’ section in the right column and select a video source.

If you want to upload a video from your computer or media library, then you need to select the ‘Self’ option. However, to embed a video from YouTube or some other platform, you will have to choose the ‘Embed’ option.

Note: We don’t recommend uploading videos on your website because they use a lot of bandwidth. For more details, you may want to read our guide on why you should never upload a video in WordPress.

For this tutorial, we will be choosing the ‘Embed’ option because we want to add a YouTube video.

Choose the Embed option and paste the video URL

Upon selecting that option, a ‘Video URL goes here’ field will be displayed. Simply add the YouTube, Vimeo, or Dailymotion video link to the field.

Finally, click the ‘Update’ or ‘Publish’ button at the top to save your changes.

Now, you can visit your website to check out the WooCommerce product video.

headphones preview

Bonus: Add Image Galleries for Products on Your WooCommerce Store

Other than videos, it is also a good idea to add image galleries for the products on your website.

Multiple images can help show off different features of your products and increase customer engagement in your WooCommerce store.

Additionally, these galleries are also an excellent way to showcase different product variants, such as colors, sizes, or styles, helping potential buyers make an informed decision.

Plus, image galleries can also be optimized for search engines to help your website rank higher.

You can easily add an image gallery for the products on your WooCommerce store using Envira Gallery. It is the best WordPress gallery plugin on the market that lets you create fully responsive and beautiful galleries in WordPress.

Envira Gallery website

It is super fast and comes with many features like a lightbox popup, easy image navigation, a drag-and-drop builder, watermarks, and professional gallery templates. For details, you can see our complete Envira Gallery review.

The plugin makes it super easy to create product galleries and even lets you add tags and taxonomy terms to help your product page rank higher.

For detailed instructions, see our tutorial on how to create a WooCommerce product image gallery.

We hope this article helped you learn how to add product videos to your WooCommerce galleries. You may also want to see our tutorial on how to schedule coupons in WooCommerce and our top picks for the best WooCommerce plugins to grow your site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

1 CommentLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.