WooCommerce Video Gallery Plugin: Sell Videos Or Add Video To Products

Looking for a WooCommerce video gallery plugin to help you work with videos at your store? There are several reasons why your store can benefit from a video gallery layout:

  • Selling videos with WooCommerce – you can offer a preview or promo video that visitors can watch before they purchase the full video.
  • Using promo/example videos to promote other products – similarly, you can use this plugin to add video previews for physical products. This convinces shoppers to buy and boosts your conversion rate.

You can use the same WooCommerce video gallery plugin for both of these use cases. It will help you create a grid/table of your products, where a visitor can watch a video preview for each product and add the product to their cart right from the same gallery:

woocommerce video gallery plugin example

In this guide, I’ll tell you what you need to create a video gallery for your WooCommerce products like the example above. Then, I’ll give you a quick step-by-step guide on how to set up the plugin.

You can also click the button below to view a full demo of the video gallery:

WooCommerce Video Gallery Plugin Demo

WooCommerce Product Table lets you display all or some of your WooCommerce products as a flexible grid/table. You can control exactly what information displays in your table including add to cart buttons and – you guessed itproduct videos.

The advantage of a table view is that your customers can watch videos for multiple products on one page – there’s no need for them to keep going to the individual product page.

Similarly, your shoppers will also be able to select variations and add products to their carts right from the video gallery – again, no multiple tabs or page reloads required.

Whether you’re selling videos with WooCommerce or just want to use video to promote other types of product, it’s a more convenient approach for your visitors.

Below, we’ll show you how to get this WooCommerce video gallery plugin all set up – all you’ll need is the WooCommerce Product Table plugin installed and activated at your WooCommerce store.

Get WooCommerce Product Table

Step 1: Add video to WooCommerce products

To get started, you need to add an embedded preview video to the individual products that you want to display with WooCommerce Product Table.

This process is the same whether you’re selling videos with WooCommerce or just adding video to a regular product.

You do have some choices for where and how you add the video, though.

First off – how.

The easiest way is to just embed a video player from YouTube or Vimeo. If you don’t want YouTube branding, you can pay for one of Vimeo’s unbranded plans, or a service like Swarmify. This can seamlessly import and serve YouTube video but with an unbranded player.

Finally, you can always use the self-hosted WordPress video player shortcode, though there are some good reasons not to.

Now, the where.

If you’re not already using the Product short description field, that’s the easiest spot to add your video. In fact, that’s what we’ll do for this example. All you need to do is embed your video in the text editor using normal WordPress oEmbed functionality:

woocommerce add video to product

But if you’re already using the short description field for something else, you can also create a custom WYSIWYG editor to embed your videos using the free Pods plugin.

Tutorial: Learn how to use the Pods plugin to add custom fields

Finally, make sure to add videos to all the products you want to display with the WooCommerce video gallery plugin.

Step 2: Configure WooCommerce Product Table shortcode

Once you’ve added video to the relevant products, you need to configure WooCommerce Product Table to work as a WooCommerce video gallery plugin.

There are two ways to configure the plugin:

If you want a graphical interface, you can set the plugin’s default settings by going to WooCommerce → Settings → Products → Product tables:

access plugin settings

While you should look at all the plugin’s settings to see what interests you, if you want to create a WooCommerce video gallery, we definitely recommend that you configure these settings as a minimum:

  • Columns – make sure to include the short-description or the custom field that you added to hold your video. Learn more about columns.
  • Add to cart column – configure how you want your add to cart button to function, including variations.
  • Lazy load – if you have lots of products with videos, you might want to enable lazy loading for performance reasons.
  • Shortcodes – make sure to check this box so that your embedded video players load properly.

configure woocommerce product table

This page sets the plugin’s defaults. You can also always override those defaults, or add additional options, by directly using shortcode parameters.

For example, if you want to duplicate the example from our WooCommerce video gallery plugin demo page, you just need to use this shortcode:

[product_table columns="short-description:Watch Now,name,price,add-to-cart" shortcodes="true" rows_per_page="5" lazy_load="true" variations="dropdown"]

Learn more about WooCommerce Product Table shortcode options

Step 3: Choose which products to display

Now, you just need to choose which products to display by using one more shortcode option.

You can list WooCommerce products by their:

  • Category
  • Tag
  • Post ID
  • More

For our demo site, we target the video category like so:

[product_table columns="short-description:Watch Now,name,price,add-to-cart" shortcodes="true" category="video" rows_per_page="5" lazy_load="true" variations="dropdown"]

But if you only added video to a few WooCommerce products, you could also directly target them by post ID, tag, or lots of other conditions.

Learn more about how to include/exclude products

To display your WooCommerce video gallery, you just need to add the final version of the shortcode to the post or page where you want it to appear:

woocommerce video gallery plugin example

And that’s it – you just added a user-friendly WooCommerce video gallery to your store. Not only can visitors browse videos for multiple products without leaving the page they’re on. They can also add products right to their carts for a smooth, friction-free checkout process.

Now go build something great at your store!

Get WooCommerce Product Table

Have any other questions about how to build a WooCommerce video gallery with WooCommerce Product Table? Leave us a comment!