Using the Product Video module, you can replace the featured product images with product videos in your WooCommerce store.
You can either embed an online video from a video hosting site, such as YouTube, Vimeo, or Dailymotion, or upload a video file from your own computer and self-host it on your own domain.
In the screenshot below, you can see an example of a product video added by Merchant Pro to a WooCommerce product page:
As the Product Video module replaces the featured image with the embedded video, it will also be visible on your Shop and lower-level catalog pages (e.g. shop category pages) as well as in your product widgets (e.g. Related products).
In the screenshot below, you can see an example of three products with featured product videos on a WooCommerce Shop page:
However, note that you still need to add a featured product image to ensure that WooCommerce works without issues.
For instance, the featured product image will still be used on your Cart page (as mentioned above, Merchant Pro only replaces it on the product and catalog pages and in the product widgets).
In other words, to use Merchant Pro’s Product Video module, you need to add both a featured product image and a product video.
In the screenshot below, you can see where you can upload a featured product image on a WooCommerce product page:
Now let’s see how to configure and activate Merchant Pro’s Product Video module.
1. Open the Product Video Module
Open your Merchant dashboard by clicking the Merchant menu in the left sidebar of your WordPress admin area.
Find the Improve Experience section, then click the Product Video module to open its settings page:
2. Configure the Settings
On the module’s admin page, you can configure the global settings of your product videos.
Note that the videos can be added from the individual product pages (see Step 4).
Find the Settings section and configure the following settings:
- Autoplay – Here, you can choose whether you want to start the videos automatically or not.
- Aspect ratio – Here, you can define the width/height proportion of the videos (available options: 16:9, 9:16, 4:3, 3:2, 1:1, auto).
Once the settings are configured, click the Save button in the top-right corner of the page.
3. Enable the Module
To activate the module, click the Enable button at the top of the module’s page:
4. Add a Product Video
Once the module is enabled, Merchant Pro will add some new options to each of your product pages.
To access them, open a product page from the Products > All Products menu, then scroll down to the Merchant Product Options section.
Insert the full URL of the video (starting with the https:// protocol) into the Video URL field.
To add a video from your own computer, first, you need to upload it to your WordPress Media Library (available from the Media > Library menu), then copy-paste the video’s URL into the Video URL field.
Using the Autoplay and Aspect Ratio options, you can change the global product video options (set in Step 2) for this one product:
Finally, scroll back to the top of the product page and preview what the video looks like on the frontend of your store using the Preview Changes button.
If everything looks as expected, click the Update button to make the changes live.