<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>

<h2><strong>Add Product Video – Featured or Gallery Video</strong></h2>
<p>WooCommerce Product Video Plugin improves your product pages by adding engaging videos to the product gallery. Replace the featured image with a video or include videos in the product gallery alongside images or both.</p>
<p>Directly upload videos or embed from platforms such as YouTube, Vimeo, Dailymotion, Metacafe, and Facebook, making it easy to showcase your products in action.</p>
<p>You can display a single featured video or multiple videos in the product gallery. Videos can also appear on shop and listing pages, including through lightbox pop-ups for better visibility.</p>
<h2><strong>Features List for WooCommerce Product Video Plugin</strong></h2>
<ul>
<li>Add videos to the WooCommerce product gallery</li>
<li>Add a video instead of the featured image</li>
<li>Add videos by a custom URL or upload a video</li>
<li>Add multiple videos to the product gallery</li>
<li>Play videos in a pop-up – In full screen or on the page</li>
<li>Embed videos from platforms such as YouTube, Vimeo, or Dailymotion</li>
<li>Add separate videos for each product variation</li>
<li>Sort videos added in the product gallery</li>
<li>Display the video on both the product and shop pages</li>
<li>Customize the height and width of the video</li>
<li>Personalize the launch video button</li>
<li>Add custom CSS stylings to match your store’s theme</li>
</ul>
<div class="woo-sc-box normal" style="background-color: #beecba">This Plugin is fully compatible with HPOS(High-Performance Order Storage) and Multisite.</div>
<h2></h2>
<h2><b>Add Featured Videos to Products</b></h2>
<p>The WooCommerce Product Video Gallery Plugin lets you replace your product’s featured image with a video, creating a more engaging shopping experience. Easily upload or embed a featured product video from the backend and display it on the product page or in a pop-up for customers to watch instantly.</p>
<p><img class="aligncenter wp-image-6805401 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/Featured-Video.gif" alt="The WooCommerce product video gallery plugin enables you to replace the product feature image with a video." width="640" height="414" /></p>
<h2><b>Add Videos to Your WooCommerce Product Gallery</b></h2>
<p>The WooCommerce Product Video Gallery plugin lets you showcase multiple product videos alongside images in your gallery. Displaying videos in the product gallery helps you engage customers visually, highlight product features, and create a more interactive shopping experience.</p>
<p><img class="aligncenter wp-image-18734002720463 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/image4-2.png" alt="WooCommerce video product gallery allows you to display multiple product videos in the product gallery alongside images." width="1034" height="471" /></p>
<h2><b>Add Videos for Product Variations</b></h2>
<p>The WooCommerce Product Video Gallery Plugin lets you add unique videos for each product variation. Showcase the distinct features of every variation through videos, helping customers quickly understand differences and make informed buying decisions.</p>
<p><img class="aligncenter wp-image-18734002720466 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/image3.gif" alt="Add Separate Featured Videos for each Product Variations" width="640" height="389" /></p>
<h2><b>Upload or Embed Videos</b></h2>
<p>You can upload a video of your own or embed it from popular websites such as</p>
<ul>
<li>Youtube</li>
<li>Vimeo</li>
<li>Dailymotion</li>
</ul>
<p>By default, the WooCommerce product videos plugin allows you to upload videos in the default WordPress video formats, i.e., MP4, MKV, AVI, MOV, FLV, and WMV.</p>
<p> </p>
<p><img class="aligncenter wp-image-18734005453334 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/image2.png" alt="" width="779" height="449" /></p>
<h2><b>Play Product Videos in a Pop-up</b></h2>
<p>With the WooCommerce Product Video plugin, customers can watch videos in a stylish lightbox pop-up without leaving the page. By simply clicking the “Launch Video” button, the video plays right on the product page, making the shopping experience more interactive and convenient.</p>
<p><img class="aligncenter wp-image-6764364 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/Play-Videos-in-Pop-Up.png" alt="you can play videos in a lightbox with an attractive popup" width="970" height="576" /></p>
<h2><b>Use Shortcode to Display Product Video</b></h2>
<p>Easily display product videos on pages built with page builders like Elementor, Divi, and others using the provided shortcode. This lets you add featured or gallery videos anywhere on your site, giving customers a seamless and interactive shopping experience.</p>
<p><img class="alignnone size-medium wp-image-18734006316044" src="https://woocommerce.com/wp-content/uploads/2020/10/Use-Shortcode-to-Display-Product-Video.png?w=891" alt="Use Shortcode to Display Product Video" width="891" height="143" /></p>
<h2><b>Display Videos on the Shop and Product Pages</b></h2>
<p>The WooCommerce Product Video Gallery Plugin lets you showcase videos directly on your shop and product pages. Display featured or gallery videos on listing pages or use a lightbox pop-up for seamless viewing.</p>
<p><img class="aligncenter wp-image-18734002720474 size-full" src="https://woocommerce.com/wp-content/uploads/2020/10/image5-3.png" alt="Showcase your featured videos on shop pages" width="1068" height="540" /></p>
<h2><b>Customize Video Thumbnail</b></h2>
<p>The WooCommerce product featured video plugin lets you adjust video thumbnails in the product gallery. It helps enhance the videos visually and provides users with a comprehensive understanding of the video before they hit the play button.</p>
<p><img class="alignnone size-medium wp-image-18734006316049" src="https://woocommerce.com/wp-content/uploads/2020/10/Customize-Video-Thumbnail.png?w=783" alt="Customize Video Thumbnail" width="783" height="290" /></p>
<h2><b>Use Custom CSS for additional Styling</b></h2>
<p>Customize the look of your product videos with custom CSS to match your store’s style. The WooCommerce Product Video Gallery Plugin lets you apply your own CSS for featured and gallery videos, ensuring a seamless and branded shopping experience.</p>
<p><img class="alignnone size-medium wp-image-18734006316052" src="https://woocommerce.com/wp-content/uploads/2020/10/Use-Custom-CSS-for-additional-Styling.png?w=896" alt="Use Custom CSS for additional Styling" width="896" height="424" /></p>
<h3>Key Benefits of Adding Videos to WooCommerce Product Gallery:</h3>
<p><span style="font-weight: 400">Using the WooCommerce product video gallery plugin offers the following advantages:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">It helps shop owners explain their product features comprehensively.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Watching a product video makes purchasing decisions easier for customers.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Videos on the product or shop page help to attract customers & boost sales.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">It is a useful plugin for tech store owners.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Displays the product video on the shop page to advertise the product.</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Product feature videos will keep the customers engaged in the product gallery.</span></li>
</ul>
<h2>Compatibility</h2>
<p>Our plugins are designed to be highly versatile and also compatible with the most commonly used themes, browsers, builders, and mobile views. We understand the importance of flexibility and integration when it comes to enhancing your website’s functionality. Our plugins can effortlessly integrate with the following:</p>
<h3>Themes Compatibility</h3>
<ul>
<li>Store Front</li>
<li>Avada</li>
<li>Flatsome</li>
<li>Porto</li>
<li>Woodmart</li>
<li>WooCommerce default theme</li>
</ul>
<h3>Builders</h3>
<ul>
<li>Elementor</li>
<li>Bakery</li>
<li>Divi</li>
</ul>
<h3>Also Compatible with</h3>
<ul>
<li>PHP 8</li>
<li>Mobile Layouts</li>
<li>WPML-Static Content</li>
</ul>
<h3><b>How to Get Started with the WooCommerce Featured Video Plugin</b></h3>
<ol>
<li style="font-weight: 400">Purchase<b> Add Featured Videos in Product Gallery</b> from WooCommerce.com</li>
<li style="font-weight: 400">Download and install the extension</li>
<li style="font-weight: 400">Activate the extension></li>
<li style="font-weight: 400">Go to <b>WooCommerce > Settings > Featured Video</b> tab to enable and configure the general settings</li>
<li style="font-weight: 400">Read the full installation guide <a href="https://woocommerce.com/document/2-0/add-featured-videos-in-product-gallery/"><b>here</b></a></li>
</ol>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://woocommerce.com/wp-content/uploads/2014/08/unnamed-1.png?w=320" alt="WooCommerce Product Video Gallery - documentation" width="120" height="105" /></td>
<td>
<h2>Documentation</h2>
<p>Looking for assistance? Check out the extensive documentation for a complete understanding of the WooCommerce Product Video Gallery plugin.</p>
<h4><a href="https://woocommerce.com/document/2-0/add-featured-videos-in-product-gallery/" target="_blank" rel="noopener">View documentation</a></h4>
</td>
</tr>
</tbody>
</table>
<table class="borderless">
<tbody>
<tr>
<td><img class="alignnone wp-image-18734002262567" src="https://fmablog.fmeaddons.com/wp-content/uploads/2023/10/Questions-and-Support.png" alt="woocommerce FmeAddons Support" width="120" height="105" /></td>
<td>
<h2>Questions and Support</h2>
<p>For Questions and Support: If you have inquiries before making a purchase or require assistance, don’t hesitate to contact our support team.</p>
<p><a href="mailto:support@fmeaddons.com">Send email</a></td>
</tr>
</tbody>
</table>

Add Featured Videos in Product Gallery

<p>Add Videos to Product Gallery or as a Featured Video to improve User Experience. Embed or Upload Videos from YouTube, Vimeo, and More.</p>

Custom Product Designer vs Add Featured Videos in Product Gallery