<p>WooCommerce Product Video extension empowers you to add videos to your product pages. You can upload or embed videos from Youtube, Vimeo, Dailymotion, Metacafe or Facebook. Add a featured product video or include multiple videos in your product gallery.</p>
<p>You can display featured videos on listing pages and customize video thumbnails. Following are the main features of this Product Video plugin.</p>
<h2><strong>Features List of WooCommerce Product Video</strong></h2>
<ul>
<li>Attach videos on any product page</li>
<li>Add a featured product video</li>
<li>Add multiple videos in the product gallery</li>
<li>Play videos – In-Popup, From Page or Full Screen</li>
<li>Upload or embed videos from Youtube & other popular websites</li>
<li>Customize width and height of videos for both shop and product pages</li>
<li>Extensive configurations for embedded & self-hosted videos</li>
<li>Add thumbnails for videos</li>
<li>Choose from 2 video gallery styles (HTML5 LightBox or WooCommerce Style Gallery)</li>
</ul>
<h2>Add Product Featured Video:</h2>
<p>WooCommerce Product Videos extension enables you to replace the featured product images with a video. The featured videos can be played in a popup or from the same page. You can add a WooCommerce product featured video exactly from the product edit page at the back office.</p>
<p><img class="wp-image-4912122 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Add-Product-Featured-Video.png" alt="Add Product Featured Video" width="772" height="640" /></p>
<h2>Add Videos to Product Gallery:</h2>
<p>With this plugin, you can also add videos to the WooCommerce product gallery along with your images. Customize the thumbnail for each product gallery video to convey a message before users click to play a video.</p>
<p><img class="wp-image-4912123 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Add-Videos-to-Product-Gallery.png" alt="" width="918" height="749" /></p>
<h3>Show Featured Videos on Listing Pages:</h3>
<p>You can choose to show or hide any featured videos from listing pages. The plugin will automatically display the existing featured image on the listing page if the admin has configured the video to be displayed only on product page.</p>
<p><img class="alignnone size-full wp-image-4912124" src="https://woocommerce.com/wp-content/uploads/2019/10/Featured-Videos-on-Listing-Pages.png" alt="" width="903" height="992" /></p>
<h2>Upload or Embed Videos:</h2>
<p>You can choose to upload video or embed them from popular websites such as</p>
<ul>
<li>Youtube</li>
<li>Vimeo</li>
<li>Dailymotion</li>
<li>Facebook</li>
<li>Metacafe</li>
</ul>
<p>By default, the WooCommerce Video Product plugin allows you to upload videos in any format such as MP4, MKV, AVI, MOV, FLV, WMV, and many more.</p>
<h3>Customize Thumbnail:</h3>
<p>For every video you upload or attach, you can choose to add a custom thumbnail for it. The videos with the custom thumbnails are played in an attractive popup.</p>
<p><img class="wp-image-4912126 size-full alignnone" src="https://woocommerce.com/wp-content/uploads/2019/10/Upload-or-Embed-Videos.png" alt="" width="702" height="787" /></p>
<h2>Play Videos in a Popup:</h2>
<p>WooCommerce Product Video extension comes with an attractive popup that allows you to play videos in a lightbox. The gallery videos are always played in a popup, you can customize or use the default thumbnail image.</p>
<p><img class="alignnone size-full wp-image-4912129" src="https://woocommerce.com/wp-content/uploads/2019/10/Play-videos-in-popup.png" alt="" width="900" height="660" /></p>
<h2>Play Videos from Page:</h2>
<p>You can choose to play featured videos from the page instead of playing them in a popup. The customers can see the video in full screen by clicking the “full-screen” button.  Only the featured videos without thumbnail are played from page, whereas the videos with thumbnails are automatically played in popup.</p>
<p><img class="alignnone size-full wp-image-4912130" src="https://woocommerce.com/wp-content/uploads/2019/10/Video-Played-from-Page.png" alt="" width="769" height="558" /></p>
<p> </p>
<h2>Attach a Gallery Video to Multiple Products:</h2>
<p>While adding a new gallery video, you can choose to add it to multiple products at once. However, for featured video, you can add it from each product page.</p>
<p><img class="alignnone size-full wp-image-4912131" src="https://woocommerce.com/wp-content/uploads/2019/10/Attach-Videos-to-Multiple-products.png" alt="" width="878" height="531" /></p>
<h2><strong>Configuration Options For Product Videos:</strong></h2>
<p>This product Video plugin provides you extensive configurations options for both self-hosted and third party videos</p>
<h3>General Settings:</h3>
<p>With the release of version 1.4.0, you can now choose the video gallery style you would like use for your website. The extension offers 2 different gallery styles which includes,</p>
<p><strong>1) HTML5 Lightbox Gallery Template</strong></p>
<p>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.</p>
<p><img class="alignnone wp-image-8670227 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/HTML-5-Lightbox.gif" alt="" width="1332" height="764" /></p>
<p><strong>2) Woo Custom Gallery Template</strong></p>
<p>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.</p>
<p><img class="alignnone wp-image-8670229 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/Woo-Custom-Gallery-Final.gif" alt="" width="856" height="533" /></p>
<h3><strong>Configurations for Self Hosted Featured Video:</strong></h3>
<p>You can configure the following options for the featured videos uploaded from your local disk,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Play in loop</li>
<li>Auto Mute Video</li>
<li>Show/Hide video controls</li>
<li>Customize video width & height for product and shop pages</li>
<li>Adjust video width in percentage and height in px</li>
</ul>
<p><img class="alignnone size-full wp-image-5747012" src="https://woocommerce.com/wp-content/uploads/2019/10/Self-hosted-Video-Settings.png" alt="Self hosted Video Settings" width="766" height="811" /></p>
<h3><strong>Configuration Options for Embedded Videos:</strong></h3>
<p>This WooCommerce Product Videos plugin by Addify provides you separate settings for featured and gallery videos embedded from third-party websites.</p>
<p><strong>Settings for Featured Video</strong></p>
<p>You can configure the following options for third-party featured videos,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Allow/Disallow Full-Screen</li>
<li>Auto Mute Video</li>
<li>Show/Hide Related Videos</li>
<li>Customize video width & height for product and shop pages</li>
<li>Adjust video width in percentage and height in px</li>
</ul>
<p><img class="alignnone size-full wp-image-5747013" src="https://woocommerce.com/wp-content/uploads/2019/10/Hosted-Video-Settings.png" alt="" width="763" height="816" /></p>
<p><strong>Settings for Gallery Video:</strong></p>
<p>The plugin provides you separate configurations for third party gallery videos,</p>
<ul>
<li>Enable/ Disable Auto Play Video</li>
<li>Allow/Disallow Full-Screen</li>
<li>Auto Mute Video</li>
<li>Show/Hide Related Videos</li>
<li>The thumbnails are auto-adjusted</li>
</ul>
<p><img class="alignnone size-full wp-image-4912135" src="https://woocommerce.com/wp-content/uploads/2019/10/Third-party-Galery-videos.png" alt="" width="818" height="470" /></p>
<h2>FAQs:</h2>
<p><strong>Do the extension changes the default gallery layout?</strong></p>
<p>Due to technical limitation, the extensions need to replace the gallery. We have 2 gallery styles including custom and a WooCommerce default styled gallery to make sure that you website experience remains same. However, if the you image gallery is highly customized, you might need some tweaking to get it aligned. Feel free to reach out to our support team in this regard.</p>

Product Video

<p>Improve sales by integrating gallery and featured videos to your product pages. YouTube & Vimeo video supported.</p>
<div class="heading--4 ui-app-store-hero__ratings">
<div class="ui-star-rating ui-star-rating--active" data-rating="4">
<div class="ui-star-rating__icon-set" aria-hidden="true">
<div class="ui-star-rating__icon"></div>
</div>
</div>
</div>

<p><span style="font-weight: 400">Enable your customers to design and customize a product to fit their needs with the product designer for WooCommerce. It enables you to customize T-shirts, cups, business cards, and other similar products by uploading and adding text, images, and custom designs.</span></p>
<p><span style="font-weight: 400">It allows your customers to create custom product designs exactly how they want. They can add text, clipart, shapes, and effects, or even upload their own designs.</span></p>
<h2><b>Features:</b></h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Allow customers to add text to the products</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select different text colors for the text</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">2 product customizer layout </span><b>(New)</b>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Classic Customizer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Modern Customizer</span></li>
</ul>
</li>
<li style="font-weight: 400"><span style="font-weight: 400">Set customization fee </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize text such as font type, size, and style</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Effects like grayscale, sepia, invert, emboss, sharpen, blur</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Shapes like square, circle, oval, diamond</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Upload cliparts and display them to customers for customization</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize both simple and variable products in the designer</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customization of both the front and back sides of the product</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow the user to upload a custom design and images</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Allow specific image upload type </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Download the design image separately</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize product designer interface</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Integrate Pixabay</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Share the designed product </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add a Barcode</span></li>
</ul>
<h3><b>Design any Type of Product</b></h3>
<p><span style="font-weight: 400">Allow customers to personalize products like t-shirts, mugs, hats, and more using custom product designer for WooCommerce. They can easily add text, images, and clipart to create unique designs that match their style.</span></p>
<p><span style="font-weight: 400">Choose between two customizer layouts: </span><b>Classic </b><span style="font-weight: 400">and</span><b> Modern</b><span style="font-weight: 400">. The modern customizer includes both light and dark modes, offering an improved design and user experience.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-3-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-1.png","id":"18734006325569","title":"Design any Type of Product 1","alt":"Design any Type of Product 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-2.png","id":"18734006325568","title":"Design any Type of Product 2","alt":"Design any Type of Product 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Design-any-Type-of-Product-3.png","id":"18734006325567","title":"Design any Type of Product 3","alt":"Design any Type of Product 3","caption":"","itemprop":"image"}]"></div>
<h3><b>Set a Product Customization Fee (New)</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce allows you to charge for the customization of the products. It helps you generate additional revenue and charge for printing, embossing, or carving services. You can set the fees globally or individually for all the products.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325700" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Product-Customization-Fee-New-1.png?w=896" alt="Set a Product Customization Fee (New)" width="896" height="534" /></p>
<h3><b>Add Cliparts for Designing</b></h3>
<p><span style="font-weight: 400">Upload custom clipart from the backend to give customers more creative options when designing their products. Product customizer for WooCommerce lets you organize clipart into categories, making it easier for customers to browse and select the perfect designs for personalization.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-4-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-1.png","id":"18734006325575","title":"Add Cliparts for Designing 1","alt":"Add Cliparts for Designing 1","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Cliparts-for-Designing-2.png","id":"18734006325576","title":"Add Cliparts for Designing 2","alt":"Add Cliparts for Designing 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Add Front and Back Images</b></h3>
<p><span style="font-weight: 400">This plugin allows you to add front and back images of the products. It helps customers to extensively customize their products from both sides.</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-5-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images.png","id":"18734006325580","title":"Add Front and Back Images","alt":"Add Front and Back Images","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Add-Front-and-Back-Images-2.png","id":"18734006325579","title":"Add Front and Back Images 2","alt":"Add Front and Back Images 2","caption":"","itemprop":"image"}]"></div>
<h3><b>Integrate Pixabay</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you enable Pixabay and allows customers to add high-resolution images or designs to their products. Customers can choose from more than 5 million images on Pixabay to enhance their product designs.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325582" src="https://woocommerce.com/wp-content/uploads/2024/12/Integrate-Pixabay.png?w=896" alt="Integrate Pixabay" width="896" height="434" /></p>
<h3><b>Allow Specific Image Upload Types (New)</b></h3>
<p><span style="font-weight: 400">Custom product designer lets your customers upload a custom image and design to enhance their product customization. You can also restrict uploads to specific file types, such as JPG, PNG, or SVG, ensuring compatibility, maintaining image quality, and preventing unsupported or unsafe file formats from being uploaded.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325583" src="https://woocommerce.com/wp-content/uploads/2024/12/Allow-Specific-Image-Upload-Types-New.png?w=896" alt="Allow Specific Image Upload Types (New)" width="896" height="148" /></p>
<h3><b>Customize the Product Designer</b></h3>
<p><span style="font-weight: 400">Product designer for WooCommerce lets you adjust the canvas size, set a custom heading, and choose colors for backgrounds, text, and buttons to match your store’s branding. You can also set pricing for custom designs, helping you manage personalized orders while keeping the design area clean, user-friendly, and optimized.</span></p>
<p><b>Note</b><span style="font-weight: 400">: Customization options are available only in the Classic Customizer (V1).</span></p>
<p> </p>
<p class="jetpack-slideshow-noscript robots-nocontent">This slideshow requires JavaScript.</p><div id="gallery-0-6-slideshow" class="jetpack-slideshow-window jetpack-slideshow jetpack-slideshow-black" data-trans="fade" data-autostart="1" data-gallery="[{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer-2.png","id":"18734006325585","title":"Customize the Product Designer 2","alt":"Customize the Product Designer 2","caption":"","itemprop":"image"},{"src":"https:\/\/woocommerce.com\/wp-content\/uploads\/2024\/12\/Customize-the-Product-Designer.png","id":"18734006325586","title":"Customize the Product Designer","alt":"Customize the Product Designer","caption":"","itemprop":"image"}]"></div>
<p> </p>
<p><span style="background-color: #fef2cd;align-items: center;border-left: 4px solid transparent;border-radius: 2px;margin-bottom: 32px;margin-top: 32px;padding: 24px"><b>Note</b>: Customization options are available only in the Classic Customizer (V1).</span></p>
<h3><b>Download Design Image</b></h3>
<p><span style="font-weight: 400">Admins can download the design image directly from the order details, making it easy to review and print each design accurately for production.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325587" src="https://woocommerce.com/wp-content/uploads/2024/12/Download-Design-Image.png?w=896" alt="Download Design Image" width="896" height="212" /></p>
<h3><b>Compatible with Variable Products</b></h3>
<p><span style="font-weight: 400">Product designer plugin for WooCommerce works seamlessly with variable products, enabling customization for each variation. Upload separate front and back images for every variation so customers see an accurate preview based on their selected size, color, or style.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325588" src="https://woocommerce.com/wp-content/uploads/2024/12/Compatible-with-Variable-Products.png?w=896" alt="Compatible with Variable Products" width="896" height="485" /></p>
<h3><b>Share Your Customized Designs</b></h3>
<p><span style="font-weight: 400">Let customers easily share their personalized products on social media straight from the product designer. This boosts engagement, highlights their creations, and promotes your store organically.</span></p>
<p><img class="alignnone size-medium wp-image-18734006325589" src="https://woocommerce.com/wp-content/uploads/2024/12/Share-Your-Customized-Designs.png?w=896" alt="Share Your Customized Designs" width="896" height="469" /></p>
<p> </p>

Custom Product Designer

<p><span style="font-weight: 400">Enable customers to customize the product according to their preference with WooCommerce product designer.</span></p>

Product Video vs Custom Product Designer