Next, scroll down to the ‘Embed videos’ section, where you will find all these options repeated for embedded video.
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.
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.
You can now visit your online store to check if the video has been added to the WooCommerce gallery of your product.
To add a product video to the WooCommerce gallery, head over to the Products » All Products page from the admin sidebar.
Configure Gallery Settings (Premium Plugin Only)
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.
With this plugin, you can add a video from YouTube, Vimeo, or your own video from the media library to the WooCommerce gallery.
Once you have done that, simply toggle on the ‘Autoplay’ switch if you want the video to start playing automatically.
Configure Modal Settings (Premium Plugin Only)
You now need to switch to the ‘Gallery Settings’ tab from the top. This tab is only available in the premium version.
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.
- Add WooCommerce Product Video Using YITH WooCommerce Featured Audio & Video Content (Free & Premium)
- Add WooCommerce Product Videos Using Really Simple Featured Video (Free)
Method 1: Add WooCommerce Product Video Using YITH WooCommerce Featured Audio & Video Content (Free & Premium)
This will open up the ‘Video Settings’ page. From here, you can start by selecting an aspect ratio for the product video from the dropdown menu.
Upon selecting that option, a ‘Video URL goes here’ field will be displayed. Simply add the YouTube, Vimeo, or Dailymotion video link into the field.
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.
After that, move to the ‘VideoJS Player Style’ section and choose ‘Custom’ as the ‘Style’ option.
Upon activation, head over to the Settings » Really Simple Featured Video page from the WordPress admin sidebar.
Additionally, you can select a playback control color for the Vimeo player.
If you are looking for a free and simple way to add WooCommerce product videos, then this method is for you.
Finally, click on the ‘Update’ or ‘Publish’ button at the top to save your changes.
Now, just move to the ‘Self-hosted videos’ section and start by toggling the ‘Controls’ switch to add controls to the video player.
Alternatively, by selecting the ‘Plugin Gallery’ option, the featured video will be shown in a related gallery.
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 there, you need to scroll down to the ‘Featured Video’ section in the left column and select a video source.
Next, you need to switch to the ‘Controls’ tab from the top. Here you can configure settings for self-hosted and embedded videos.
Add the Product Video to the WooCommerce Gallery
You can also toggle the ‘Loop’ switch so that the video will start over as soon as it ends.
In this article, we will show you how to add WooCommerce product videos to your online store.
Why Add WooCommerce Product Videos to Your Store?
For this tutorial, we will be choosing the ‘Embed’ option because we want to add a YouTube video.
Next, scroll down to the ‘Product Data’ section and click on the ‘Video’ tab from the left column.
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.
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.
Configure the Plugin’s Settings
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.
We hope this article helped you learn how to add WooCommerce product videos to your product 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.
Once you are done, click the ‘Save Options’ button to store your settings.
If you are using the free version, this will be the only setting that will be available to you.
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’.
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.
From here, toggle the ‘Products’ switch to enable video support for WooCommerce. After that, simply click the ‘Save Changes’ button to store your settings.
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.
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.
From here, you have to select the ‘WooCommerce Gallery’ option as the ‘Video and Audio gallery mode’ to display the product videos in the WooCommerce gallery.
Once you have done that, simply paste the YouTube video URL into the ‘Video URL’ box and click the ‘Add Video’ button.
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.
Are you looking to add product videos to your WooCommerce product galleries?
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.