Product Video for WooCommerce

Setup and Configuration ↑ Back to top

After activating Product Video plugin, you can see the “Product Video” section in the WordPress admin menu as well as a featured video section in product edit page.

Adding Featured Video: ↑ Back to top

To add a featured video, go to the product edit page and scroll down to the “featured video” section. You can upload or embed featured video from here and customize its thumbnail and control its display. You can choose to display the video on the product page and listing page.

Adding Video to Product Gallery: ↑ Back to top

To add videos to the product gallery, go to the “Product Video” section from the left admin menu.  Click on All Videos to see all attached videos. You can add, edit, or remove videos from here.

While adding video in the gallery, you choose to upload or embed video form YouTube, Vimeo, Dailymotion, Metacafe & Facebook.

You can attach this video to multiple products at once, just type in the product name and attach it to as many products as you want.

Gallery Thumbnail ↑ Back to top

You can upload a custom thumbnail and if no thumbnail is specified, the default red video icon will be used as a thumbnail.

Attach Videos to Multiple products

Support Formats for Uploading Video ↑ Back to top

You can upload video in any format and attach it to any product with or without thumbnail. Some of the major supported formats are

  • MP4
  • MKV
  • AVI
  • MOV
  • FLV
  • WMV
  • and many more

Incase if your video format is very rare, once purchased, contact us to get it included without any extra fee.

Configuration Options ↑ Back to top

WooCommerce Video Product extension comes with separate settings for embedded and self-hosted videos.

Settings for Self-Hosted Featured Video ↑ Back to top

Following are the configuration options for self-hosted featured video,

  • Auto Play – Enable/Disable video autoplay
  • Is Loop – Select yes to play video in loop
  • Mute Video – Select yes to mute video by default
  • Video Controls – Show/Hide video controls.

Settings for Third-Party Embedded Featured Video ↑ Back to top

Following are the configuration options for the third party featured video,

  • Auto Play – Enable/Disable video auto play (Subject to applicability).
  • Full Screen – A video without thumbnail is played from the page. You can choose to show/hide “Full Screen” button (Subject to applicability).
  • Mute Video – Select yes to mute video by default (Subject to applicability).
  • Related Video – Show/Hide related videos (Subject to applicability).

* Subject to applicability states that the feature will only work if the third party website or browser offers this control or not. For example, Google Chrome has a strict autoplay policy that you can read here.

Settings for Third-Party Embedded Video in Gallery ↑ Back to top

Following are the configuration options for third party gallery video,

  • Auto Play – Enable/Disable video auto play (Subject to applicability).
  • Full Screen – A video without thumbnail is played from page. You can choose to show/hide “Full Screen” button (Subject to applicability).
  • Mute Video – Select yes to mute video by default (Subject to applicability).
  • Related Video – Show/Hide related videos (Subject to applicability).

Third party Gallery videos

Compatibility with Page Builder Plugins ↑ Back to top

WooCommerce Product video extension is now compatible with page builder plugins mainly elementor/divi. If you are using any other page builder and the video is not working fine for you. Please try this option as it fixes the issues in most of the cases for wp bakery and other page builder plugins as well.

Common Issues and their fixes: ↑ Back to top

The video is not displaying properly on the shop and/or product pages.

This happens when you using a highly customized theme or you have customized your page aggressively by using page builder plugins. If you are using any page builder plugin, please go to admin > product video > Settings > Elementor/Divi and select “yes” from the dropdown. Sometimes it does the trick. If the issue is persistent please contact our support team so they can manually fix the CSS issues.

How to change the default pink/red video icon from the gallery?

While adding a gallery video, you can upload a custom thumbnail. If no thumbnail is added, a default video icon will appear.

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top