<p><span style="font-weight: 400">Product image zoom allows your customers to magnify images to view products from all angles. A combination of three main options is available in the product image zoom plugin for WooComerce, i.e, zoom in magnifier on hover, display in a lightbox on click, and a 360° rotating image option. This helps your product pages to become more engaging, which directly increases your store’s conversion rate. </span></p>
<p><span style="font-weight: 400">Product image zoom for WooCommerce magnifies images on products and category pages. Moreover, it has enhanced mobile responsiveness and is fully optimized for desktops, tablets, and other handheld devices.</span></p>
<p><span style="font-weight: 400">Customize the tools to ensure a clear product view for your end users. A clearer product picture yields higher returns and conversions.</span></p>
<h2>Features of Product Image Zoom for WooCommerce</h2>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">3 Zoom-in tools: Magnifier, Lightbox, and Rotate 360</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Add Magnifier or Lightbox image zoom to the shop page as well</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Apply Zoom to all the products at once</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Display 360° for all product variations. </span><b>(New)</b></li>
<li style="font-weight: 400"><span style="font-weight: 400">Exclude specific products or categories from WooCommerce Zoom features</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Choose from multiple types of magnifiers such as tint, inner zoom, fade, and many more. </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Customize the magnifiers as per your preferences.</span></li>
</ul>
<h3>3 in 1 Image Zoom Options for WooCommerce</h3>
<p><span style="font-weight: 400">With the product image zoom plugin for WooCommerce, you can have three different image zoom options for your product images. When you enable the plugin, it will automatically apply zoom options to your entire product catalog. You can exclude or include products by navigating to the ‘settings’. Configure the image zoom options for the shop and product page separately.</span></p>
<p><span style="font-weight: 400">The three functionalities of the Product Image Zoom extension:</span></p>
<ol>
<li style="font-weight: 400"><span style="font-weight: 400">Magnifier (Zoom product image on hover)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Lightbox (Zoom on Click)</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">360° Image</span></li>
</ol>
<p><img class="size-medium wp-image-18734006363550 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/3-in-1-Image-Zoom-Options.png?w=843" alt="3 in 1 Image Zoom Options" width="843" height="646" /></p>
<h3>Magnifier Options:</h3>
<p><span style="font-weight: 400">Image zoom for WooCommerce offers a variety of customization options for the magnifier tools so that you can modify the image preview to your liking. You can choose from different magnifier types and sizes. You can also customize the magnifier boxes based on your requirements.</span></p>
<p><img class="size-medium wp-image-18734006363596 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Image-zoom-Magnifying.gif?w=896" alt="Image zoom Magnifying" width="896" height="364" /></p>
<h3>Set a Magnifier Animation Type</h3>
<p><span style="font-weight: 400">The product image zoom plugin for WooCommerce allows you to set the different magnifier types to enable customers to view product images. These types include:</span></p>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Basic</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Tint</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Inner zoom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Lens zoom</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Fade</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Easing</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Mouse wheel zoom </span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Image constraint</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Window</span></li>
</ul>
<p><img class="size-medium wp-image-18734006363600 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Set-a-Magnifier-Animation-Type.png?w=791" alt="Set a Magnifier Animation Type" width="791" height="359" /></p>
<h3>Configure Zoom Box Size – Width and Height</h3>
<p><span style="font-weight: 400">Product zoom boxes are configured by default with a recommended size, but you can customize them to suit your needs. Enter the width and height of the box in the available fields.</span></p>
<p><img class="size-medium wp-image-18734006363603 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/Configure-Zoom-Box-Size-–-Width-and-Height.png?w=896" alt="Configure Zoom Box Size – Width and Height" width="896" height="257" /></p>
<h3>Lightbox Options:</h3>
<p><span style="font-weight: 400">Image zoom for WooCommerce allows you to add a lightbox tool to your website. This feature helps users to preview products in full-size images. The lightbox features only need to be activated once as it applies to all the catalog items in your store.</span></p>
<p><img class="aligncenter wp-image-18734002269848 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/Lightbox.gif" alt="Lightbox tool feature" width="600" height="338" /></p>
<h3>360° Image Zoom Option:</h3>
<p><span style="font-weight: 400">Product Image Zoom for WooCommerce offers a 360° view that lets customers explore products from every angle without clicking through multiple images. This immersive, interactive experience helps improve engagement and can boost conversions. To use this feature, simply integrate 360° product photography into your store.</span></p>
<p><img class="aligncenter wp-image-18734002269860 size-full" src="https://woocommerce.com/wp-content/uploads/2019/10/360.gif" alt="WooCommerce image zoom 360° tool" width="600" height="339" /></p>
<p> </p>
<h3>360° Image <b>for Product Variations</b>:</h3>
<p><span style="font-weight: 400">Display unique 360° images for each product variation, enabling customers to easily compare differences between options, such as colors or styles. Clear and interactive previews help customers make informed decisions and enhance the overall buying experience.</span></p>
<p><img class="size-medium wp-image-18734006363601 aligncenter" src="https://woocommerce.com/wp-content/uploads/2024/12/360°-Images-for-Product-Variations.png?w=896" alt="360° Images for Product Variations" width="896" height="598" /></p>
<h3><b>Additional Customization Options for the Image Zoom WooCommerce Plugin</b></h3>
<ul>
<li style="font-weight: 400"><span style="font-weight: 400">Set the cursor type for basic magnifiers such as pointer and crosshair</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Select color, opacity, and cursor type for the tint magnifier type</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Configure the position for the window magnifier either on the right, left, or bottom right</span></li>
<li style="font-weight: 400"><span style="font-weight: 400">Configure Lens size and shape for the lens zoom magnifier</span></li>
</ul>

Product Image Zoom

<p><span style="font-weight: 400">Product Image Zoom for WooCommerce helps your customers zoom on product images to see the product more clearly for a better User Experience.</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">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>

Product Image Zoom vs Add Featured Videos in Product Gallery