---
title: Adding Videos to Products
description: "Learn how to attach videos to your simple and variable WooCommerce products. The plugin allows you to combine images and videos seamlessly within the main product gallery. ## Supported Video Sources You can add videos using three different methods: -…"
url: "https://woodevkit.com/product-video-gallery-for-woocommerce/docs/adding-videos-to-products/"
updated: "2026-09-08"
category: WooCommerce Video Plugin
---

# Adding Videos to Products

Learn how to attach videos to your simple and variable WooCommerce products. The plugin allows you to combine images and videos seamlessly within the main product gallery.

## Supported Video Sources

You can add videos using three different methods:

- **YouTube:** Paste any standard YouTube video URL or Short URL (e.g., `[https://www.youtube.com/watch?v=](https://www.youtube.com/watch?v=)...` or `[https://youtu.be/](https://youtu.be/)...`).
- **Vimeo:** Paste any Vimeo video link (e.g., `[https://vimeo.com/](https://vimeo.com/)...`).
- **Self-Hosted MP4:** Upload `.mp4`, `.webm`, or `.ogv` video files directly to your **WordPress Media Library**.

## Adding Videos to Simple Products

Follow these steps to add a video to a standard single product:

1. Go to **WordPress Dashboard → Products → All Products**.
2. Click **Edit** on the product you want to modify (or click **Add New**).
3. Scroll down to the **Product Features Image** (located on the right sidebar or below the main editor). and Click the Video Button
4. **Choose Video Source:** Select **YouTube**, **Vimeo**, or **Self-Hosted / MP4**.
5. **Insert Video Link/File:**

   - For *YouTube/Vimeo*: Paste the full video URL into the field.
   - For *Self-Hosted*: Click **Upload / Choose MP4** and select the file from your Media Library.
6. **Video Poster/Thumbnail :** The featured image functions as the video thumbnail.
7. Click **save**and  **Update** to save changes.

![video add to product features image](https://woodevkit.com/product-video-gallery-for-woocommerce/wp-content/uploads/2026/09/product-image.png)

 

![Video URL input system via pop-up](https://woodevkit.com/product-video-gallery-for-woocommerce/wp-content/uploads/2026/09/gallery.png)

## Adding Multiple Videos to a Product Gallery

To display more than one video alongside your product images:

1. In the **Product Gallery** section, hover over the product image (or upload a new gallery image and hover over it) to reveal the **Video** button.
2. Click the button and configure the video settings (Video Source, URL/File, Custom Poster, and Position) for each video.
3. Drag and drop video items to reorder them within the gallery sequence.
4. Click **Update** to save your layout.

![add Video to Gallery item](https://woodevkit.com/product-video-gallery-for-woocommerce/wp-content/uploads/2026/09/gallery-videos.png)

## Video Display Options Per Product

You can override global settings for individual products directly from the editor:

- **Autoplay Video:** Toggle autoplay *ON* or *OFF* specifically for this product.
- **Shop Page Featured Video:** Mark a video as the primary preview clip shown on WooCommerce archive/shop pages.

![Auto Display](https://woodevkit.com/product-video-gallery-for-woocommerce/wp-content/uploads/2026/09/layout.png)