how to add video to woocommerce product

WooCommerce Tutorials

How to Add Video to a WooCommerce Product

By default, WooCommerce doesn’t allow you to add a video to your WooCommerce product gallery. In fact, the standard WooCommerce install lacks the ability to not only embed video from YouTube or Vimeo, but upload your own too. 

So, in this guide, we’ll show you how to add video to a WooCommerce product.

The best part? You’ll be able to do it in 2 steps with the image gallery plugin, WooThumbs for WooCommerce.

Start your 14-day free trial of WooThumbs for WooCommerce

Start your free trial right now and instantly add video to your product gallery.

or learn more

How WooThumbs for WooCommerce works

WooThumbs for WooCommerce allows you to add a video to your WooCommerce product gallery. You can either embed a link from YouTube, Vimeo, or other platforms. Or, you can upload a video directly into your site and use that.

When visiting your product page, customers will see an improved product gallery with your video. 

how to add video to woocommerce product

It will appear as a thumbnail image and once selected, customers can view the video inside the product gallery so they never need to leave the page.

woocommerce product video

How to add video to a WooCommerce product

To add video to a WooCommerce product, you’ll need to:

  1. Install the image gallery plugin, WooThumbs for WooCommerce.
  2. Upload or embed your product video.

That’s it. Below we’ll outline these steps in detail so you can start making more sales for your online store.

Step 1: Install WooThumbs for WooCommerce

To get started, purchase WooThumbs for WooCommerce from the Iconic store: iconicwp.com/woothumbs

Then follow these steps:

  1. Go to Plugins > Add New > Upload Plugin.
  2. Choose the zip file you downloaded, upload, and then click Activate.
  3. Once activated, you’ll need to enter your licence key.

Now that we have WooThumbs for WooCommerce installed, we can move onto uploading your product video.

Step 2: Upload or embed your product video

The following steps will walk you through how to add a video to your WooCommerce product gallery. Including using a video from YouTube or Vimeo or uploading your own MP4.

  1. Go to Products.
  2. Select the product you want to add the video to.
  3. Navigate down to the ‘Product gallery’ module on the product page.
video product gallery
  1. Click the ‘Add product gallery images’ link

You’ll need to upload a thumbnail image of the video you want to show, or you can use an existing image in your media gallery. 

This will be a preview image or thumbnail in your gallery. When clicked, it will show your video within the product gallery itself. 

add video

Note: The size of this image depends on your theme settings.

  1. Upload your image.
video thumbnail woothumbs

If you’re adding your video from YouTube or Vimeo:

  1. Copy the URL of the video you want to show in your product gallery.
  2. In the URL field of your uploaded image, paste this URL.

Note: There are other websites you can use to embed your content, click here for a full list.

If you’re uploading your own self-hosted MP4 video:

  1. Click the Attach MP4 button below the Media URL field.
upload video woocommerce
  1. Upload your video and click the blue Attach MP4 button at the bottom right.
MP4 video
  1. Then, set your aspect ratio. Most gallery images are square, so usually, 1:1 works well, but change this to suit your store’s look and feel.
  2. There’s no save button here because WordPress automatically saved media. So exit the media library and go back to your product page.
  3. Save or update your product.
how to add video to woocommerce product
Uploaded MP4 video

Now when you navigate to the product page, you’ll see the video you’ve just uploaded displaying in the WooCommerce product gallery.

product gallery video
Embedded YouTube video

Start adding video to your WooCommerce products

That’s it, your WooCommerce store now allows you to add video to your product galleries. With this up and running, you’ll be able to showcase more of your product and increase customer trust. Resulting in more sales for your store.

Make these change quickly and easily with WooThumbs for WooCommerce.

Start your 14-day free trial of WooThumbs for WooCommerce

Start your free trial right now and instantly add video to your product gallery.

or learn more

Gina is our in-house content creator and social media manager.

Share

Leave a Reply

Your email address will not be published. Required fields are marked *