How to Add Product Videos to Your WooCommerce Galleries
Do you want to incorporate product videos into the galleries of your WooCommerce products?
Videos can provide demonstrations of your items that are both more detailed and more interesting. In addition to this, they can assist you in making your WooCommerce store more engaging and visually appealing to customers.
In the next piece, we will demonstrate how to incorporate WooCommerce product videos into your existing online shop.
Including video demonstrations of your wares in your WooCommerce gallery
Why Should You Add Product Videos from WooCommerce to Your Store?
You will be able to effectively exhibit your products in a manner that is both more in-depth and educational if you include product videos into your WooCommerce store. Your customers may gain a deeper comprehension of the attributes and advantages offered by your product as a result of this.
Because visitors who watch product videos have a 73% increased likelihood of making a purchase, this can contribute to an increase in conversion rates on a website.
In addition, demonstrating the functionality of your items through the use of video can assist establish confidence and credibility with prospective buyers, giving them a sense of increased assurance over their purchases.
If you sell headphones through an online store, for instance, including a video that showcases the sound quality and functionality of the headset can assist you in getting more conversions.
Headphone A glimpse of the WooCommerce product video
Because search engines give preference to websites that contain multimedia content, including videos, adding product videos to your WooCommerce galleries can also help enhance your website’s SEO rankings. This is because search engines favor websites that feature videos among their multimedia content. A higher visibility in the search results may result in an increase in the number of individuals who shop at your store and buy your wares.
With everything out of the way, let’s look at how simple it is to incorporate product videos into your WooCommerce galleries. You can get directly to the method you want to utilize by using the links that are provided below.
You may add a video for a WooCommerce product by using YITH’s WooCommerce Featured Audio and Video Content (both free and premium).
Really Simple Featured Video is a free plugin that allows you to add product videos to your WooCommerce store.
Method 1: You may add a video for a WooCommerce product by using YITH’s WooCommerce Featured Audio and Video Content (both free and premium).
Using a paid plugin, we will demonstrate how to incorporate video demonstrations of products into WooCommerce galleries in this approach. If you want more control over the way your video is shown and played back, this is the approach that we suggest you choose.
To begin, you will need to download the YITH WooCommerce Featured Audio & Video Content plugin, then install and activate it. Please refer to our beginner’s tutorial on how to install a WordPress plugin if you require further clarification or additional information.
Using this plugin, you are able to upload a video to the WooCommerce gallery that is hosted on YouTube, Vimeo, or your very own video that is stored in the media library.
Note that a free version of the YITH WooCommerce Featured Video plugin is also available. On the other hand, the vast majority of the video, modal, and gallery options cannot be customized using this tool.
Adjust the Plugin’s Global Settings as necessary.
From the admin sidebar of WordPress, navigate to the YITH » Featured Audio & Video Content page once the plugin has been activated.
The ‘Video Settings’ page will load when you click this link. You can begin by deciding what aspect ratio you want the product video to have by using the dropdown menu that is located here.
If you are utilizing the free version of the software, this will be the sole configuration option that you have access to.
Make your selection for the product video’s aspect ratio.
Next, if you would want the video to begin playing as soon as the page loads, you will need to make sure the ‘AutoPlay’ setting is turned on.
You also have the option of toggling the ‘Loop’ switch, which will cause the video to start all over again as soon as it finishes playing.
After you have completed those steps, you will need to modify the volume of the video by dragging the slider that is located next to the ‘Volume’ option. The ability for users to pause a movie can then be enabled by simply turning on the switch labeled “Stoppable videos.”
Adjust the video’s general settings, then save the changes.
Next, navigate to the bottom of the page to the area labeled “YouTube Settings,” and then activate the “Show Related” switch to recommend additional videos on YouTube that come from the same channel as your current video. Only if you are embedding a product video from YouTube is this particular setting required on your site.
After that, you’ll be given the option to select a look and feel for the video player on YouTube.
Configure YouTube video settings
After you have finished doing that, you will need to scroll down to the section labeled “Vimeo Settings” and turn on the switch labeled “Show Video Title” in order for the video title to be displayed in the Vimeo player. If the videos of your products are hosted on Vimeo, you will be the only one who needs to modify this setting.
You also have the option of customizing the color of the playback controls for the Vimeo player.
Configure Vimeo Settings
Following that, navigate to the ‘VideoJS Player Style’ area and select the ‘Custom’ option from the ‘Style’ drop-down menu there.
This will access the customization settings for the video player, where you can change the color of the backdrop, slider, and buttons, among other aspects of the player’s appearance.
When you are finished, you may store your preferences by clicking the ‘Save Options’ button when prompted.
Adjust the color parameters for the video. Adjust the modal settings (only available with the premium plugin).
At this point, you need to navigate to the ‘Modal Settings’ option that can be found at the very top of the website. Take into consideration that if you are utilizing the free plugin, you will not have access to this tab.
When you get to that location, all you have to do to display the featured video in a modal window is turn on the ‘Video in modal’ switch. This will bring up a lightbox with the video inside of it, which will appear in front of the other information on the page.
After you have finished doing so, you will see a menu where you can select an option labeled “Modal displaying effect.”
Configure Modal Settings
After that, you will need to click the option labeled “Save Options” in order to keep your modifications.
Adjust the settings for the Gallery (Only Available for the Premium Plugin)
You must now navigate to the ‘Gallery Settings’ option located at the very top of the screen. This tab is not available in the free version; only the premium version has it.
To display the product videos in the WooCommerce gallery, you will need to go back to this screen and pick the ‘WooCommerce Gallery’ option under the ‘Video and Audio gallery mode’ drop-down menu.
Make your selection using the WooCommerce Gallery option.
If you choose the ‘Plugin Gallery’ option instead, the featured video will be displayed in a gallery that is connected to the gallery’s topic.
Alternately, if you want to display the product video in the sidebar rather than the WooCommerce or linked gallery, you can toggle the option labeled “Video and Audio in sidebar.” This button is located near the bottom of the sidebar.
When you are finished, you need to make sure that you click the ‘Save Options’ button so that your preferences are saved.
Play the video in the column on the side.
Include a video of the product in the WooCommerce gallery.
You should go ahead and upload the WooCommerce product video to the WooCommerce gallery at this point in time.
You should begin by going to the Products > All Products page, which can be found in the admin sidebar of WordPress. When you go to that page, all you have to do to open the ‘Edit Product’ page is click the ‘Edit’ link that’s under one of the product names.
To edit the products page, click the link located under the menu bar.
After that, move down until you reach the ‘Product Data’ section, and then select the ‘Video’ tab from the column on the left.
Using the ‘Add Video’ dropdown option, you must now choose the method by which the video will be added to the post. Because we will be entering a YouTube video URL, we will be selecting the ‘By URL’ option for this walkthrough.
Make your way to the Video tab, and then from the dropdown menu, select the By URL option.
You also have the option of using the media library that comes with WordPress to upload a video. However, due to the large amount of bandwidth that is required for the uploading of videos, we do not advocate using this method.
Check out our guide for beginners if you want additional information about why you should never upload a video to WordPress. It has all the information you need.
After that, you will be prompted to give the product video a title by entering it into the ‘Video Name’ box.
After you have done that, all you need to do is copy the URL of the YouTube video, paste it into the box labeled “Video URL,” and then click the “Add Video” button.
Paste YouTube video URL
To complete the process, you must finally select either the ‘Update’ or ‘Publish’ button located at the very top of the page.
You can now verify the status of the video by going to your online store to see if it was uploaded to the WooCommerce gallery associated with your product.
This is how the demo version of our website displayed the product video.
Method 2: Add WooCommerce Product Videos Using Really Simple Featured Video (Free) Preview for the WooCommerce product video
If you are seeking for a technique to add WooCommerce product videos that is both free and easy to use, then you should use this method.
To begin, you will need to download and install the Really Simple Featured Video plugin before activating it. Please refer to our instruction on how to install a WordPress plugin for further information and specifics.
Adjust the settings of the Plugin as needed.
The Settings » Really Simple Featured Video page can be found in the WordPress admin sidebar. Navigate there once the plugin has been activated.
To enable video functionality for WooCommerce, you will need to toggle the ‘Products’ switch from this screen. After that, all you need to do to keep your settings is click the button that says “Save Changes.”
Toggle the switch labeled Products.
After that, you will need to select the ‘Controls’ option that is located at the very top of the window. From this page, you may configure settings for movies that are either self-hosted or embedded.
To begin adding controls to the video player, navigate to the section labeled “Self-hosted videos” and toggle the switch labeled “Controls.”
After that, you may also keep the video playing in an endless loop by toggling the ‘Loop’ option on and off. You also have the option to mute the video by default by flipping the switch that is located next to the words “Mute sound.”
After you have finished doing that, all you need to do to start the video playing automatically is turn on the ‘Autoplay’ switch.
Toggle the switch that controls the controls.
Next, scroll all the way down until you reach the area labeled “Embed videos.” In this section, you will see all of these options repeated for the embedded video.
Simply adjust these options so they are how you want them, and then click the “Save Changes” button to permanently store your preferences.
Include a video of the product in the WooCommerce gallery.
To include a video demonstration of a product in the WooCommerce gallery, navigate to the Admin sidebar’s Products menu and select the All Products option.
If you want to open a product, you can do so by clicking the ‘Edit’ option that is located under its name.
Make some changes to the products page.
When you get there, go all the way down to the ‘Featured Video’ section in the left column, and choose a video source from the drop-down menu there.
You will need to choose the ‘Self’ option if you wish to upload a video from your personal computer or media collection. You will, however, need to select the ‘Embed’ option in order to incorporate a video from YouTube or any other service into your website.
Take note that because video files use so much bandwidth, we do not recommend that you post them to your website. Read our post on why you should never upload a video in WordPress if you want additional information about why you shouldn’t do that.
Because we want to include a video from YouTube in this tutorial, we will be selecting the ‘Embed’ option from the menu.
Select the Embed option, then put the video’s URL into the corresponding box.
The ‘Video URL goes here’ field will appear in the event that you choose this particular option. Simply add the link of the video that you found on YouTube, Vimeo, or Dailymotion into the form.
To complete the process, you must lastly select either the ‘Update’ or ‘Publish’ option located at the very top.
You can now check out the WooCommerce product video by going to your website.
a glimpse of headphones
We sincerely hope that this post was helpful in guiding you through the process of adding WooCommerce product videos to your product galleries. You might also be interested in viewing our lesson on how to schedule coupons in WooCommerce and our top selections for the best WooCommerce plugins to build your site. Both of these resources can be found on our website.