Pro Product Video

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:

Frontend view of a product video embedded from YouTube by Merchant Pro, screenshot

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:

Screenshot of a WooCommerce Shop page showing three product videos next to each other (they replaced the featured image)

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:

Location of the featured product image field on a WooCommerce product page, annotated screenshot

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:

Location of the Product Video module on the Merchant dashboard, annotated screenshot

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).
Location of the Settings of Merchant Pro's Product Video module, annotated screenshot

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:

Location of the Enable button on the Product Video module's admin page, annotated screenshot

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:

Merchant Pro's Product Video options on the individual WooCommerce product pages, annotated screenshot

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.