1. Documentation

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.

General Settings: ↑ Back to top

From the general settings tab you can choose the video gallery you want to use for your store. The extension offers 2 different gallery styles which includes,

1) HTML5 Lightbox Gallery Template

HTML5 Lightbox Gallery enables you to play the feature videos on product and shop page, where as the gallery videos and images are played in a popup.

HTML5 Gallery Demo Link

2) Woo Custom Gallery Template

Woo Custom Gallery Template enables you to display gallery images and videos in the featured box instead of showing them in lightbox popup. You can choose to display gallery images at the top, bottom, right or left side of the featured box and customize the number of gallery items to be displayed and choose the icon.

  • The icon will be displayed on on top if the preview image is used.
  • You can also disable arrows and autoplay

Woo Custom Gallery Demo Link

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.

How to play video in gallery?

The video can be played in the featured box by selecting the Woo Custom Gallery from the general settings tab.

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

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment