Product badges and labels for WooCommerce enable you to create custom badges and display them directly on your product images. Design badges in three formats: Text, Image, and Countdown. You can also use dynamic pricing tags to automatically show live discount values without any manual updates.
Display rules let you target badges by product, category, product type, stock status, price, sale status, tag, and more. Every badge includes a real-time live preview so you can fine-tune the design before it goes live on your store.
<h2>Features</h2>
<ul>
<li style="font-weight: 400">Create custom badges in Text, Image, and Countdown.</li>
<li style="font-weight: 400">Use dynamic pricing tags to auto-display discount percentages and sale prices.</li>
<li style="font-weight: 400">Choose from a predefined badge image library or upload your own custom badge image.</li>
<li style="font-weight: 400">Build multiple display rules with condition-based targeting.</li>
<li style="font-weight: 400">Target by product, category, product type, featured product, stock status, price, tag, and more.</li>
<li style="font-weight: 400">Schedule badges to display only during a specific date range.</li>
<li style="font-weight: 400">Show badges to all users or restrict visibility to specific customer roles.</li>
<li style="font-weight: 400">Customize badge size, padding, margin, border radius, opacity, and 3D rotation.</li>
<li style="font-weight: 400">Drag and drop the badge position directly on the product image in real time.</li>
<li style="font-weight: 400">Live preview panel updates instantly as you design each badge.</li>
<li style="font-weight: 400">Hide badges on single product pages.</li>
<li style="font-weight: 400">Hide badges on mobile devices.</li>
</ul>
<h3>Create Custom Sale Badges</h3>
Product Badges and Labels for WooCommerce lets you create unlimited badges and assign them to any product or group of products using display rules. Build a badge once and reuse it across as many rules as needed, keeping your badge library organized and easy to manage.
<img class="alignnone size-medium wp-image-18734006563358" src="https://woocommerce.com/wp-content/uploads/2026/05/Create-Custom-Sale-Badges.png?w=896" alt="Create Custom Sale Badges" width="896" height="445" />
<h4>Text Badges</h4>
Design text-based badges using a built-in rich text editor with font, size, color, bold, italic, and alignment controls. Use dynamic pricing tags such as {percentage}, {discount}, {price}, {saleprice}, and {delprice} to automatically pull live product data into your badge.
<img class="alignnone size-medium wp-image-18734006563353" src="https://woocommerce.com/wp-content/uploads/2026/05/Text-Badges.png?w=896" alt="Text Badges" width="896" height="410" />
<h4>Image Badges</h4>
The WooCommerce product badge allows you to select from a built-in library of predefined badges or upload your own custom badge image. Adjust the image scale using a percentage slider and preview the result instantly in the live preview panel.
<img class="alignnone size-medium wp-image-18734006563359" src="https://woocommerce.com/wp-content/uploads/2026/05/Image-Badges.png?w=896" alt="Image Badges" width="896" height="384" />
<h4>Countdown Badges</h4>
Display a live countdown timer badge that displays days, hours, minutes, and seconds directly on the product image. Set a target end date and time, pick a custom text color, and choose to hide the timer automatically when it expires.
<img class="alignnone size-medium wp-image-18734006563354" src="https://woocommerce.com/wp-content/uploads/2026/05/Countdown-Badges.png?w=896" alt="Countdown Badges" width="896" height="380" />
<h3>Create Multiple Rules to Display Badges</h3>
Create multiple display rules and assign a different badge to each one. Rules support a wide range of conditions, including on all products, on sale, specific products, category, price, sale price, and more.
<img class="alignnone size-medium wp-image-18734006563357" src="https://woocommerce.com/wp-content/uploads/2026/05/Create-Multiple-Rules-to-Display-Badges.png?w=896" alt="Create Multiple Rules to Display Badges" width="896" height="386" />
<h3>Dynamic Sales Pricing Tags</h3>
Text badges support dynamic pricing tokens that automatically pull live product data and display it directly on the badge. Use tags like {percentage}, {discount}, {saleprice}, and more to show real-time pricing information without ever editing a badge manually.
<img class="alignnone size-medium wp-image-18734006563356" src="https://woocommerce.com/wp-content/uploads/2026/05/Dynamic-Sales-Pricing-Tags.png?w=792" alt="Dynamic Sales Pricing Tags" width="792" height="431" />
<h3>Predefined Badge Library</h3>
Product Badges and Label for WooCommerce provides you with a built-in library of professionally designed badge images ready to apply in a single click. From BOGO to Buy 1 Get 1 Free and more, the library covers the most popular promotional formats. You can also upload your own custom badge image.
<img class="alignnone size-medium wp-image-18734006563355" src="https://woocommerce.com/wp-content/uploads/2026/05/Predefined-Badge-Library.png?w=896" alt="Predefined Badge Library" width="896" height="509" />
<h3>Scheduled and Role-Based Badges</h3>
Schedule any badge to run within a specific date range and let it appear and disappear automatically. Combine this with role-based visibility to show exclusive promotions only to the customers who should see them, whether that is members, wholesalers, or any other user group.
<img class="alignnone size-medium wp-image-18734006563352" src="https://woocommerce.com/wp-content/uploads/2026/05/Scheduled-and-Role-Based-Badges.png?w=896" alt="Scheduled and Role-Based Badges" width="896" height="341" />
<h3>Customize the Badges</h3>
Product badges and labels for WooCommerce let you personalize your sale badge. You can customize the size, padding, border radius, opacity, and more. Simply drag the badge to your desired position in the live preview panel and see every change reflected in real time.
<img class="alignnone size-medium wp-image-18734006563360" src="https://woocommerce.com/wp-content/uploads/2026/05/Customize-the-Badges.png?w=896" alt="Customize the Badges" width="896" height="619" />

Product Badges and Labels

Replace the default WooCommerce sale badge with fully custom text, image, and countdown badges that grab attention and drive conversions.

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. 
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.
Customize the tools to ensure a clear product view for your end users. A clearer product picture yields higher returns and conversions.
<h2>Features of Product Image Zoom for WooCommerce</h2>
<ul>
<li style="font-weight: 400">3 Zoom-in tools: Magnifier, Lightbox, and Rotate 360</li>
<li style="font-weight: 400">Add Magnifier or Lightbox image zoom to the shop page as well</li>
<li style="font-weight: 400">Apply Zoom to all the products at once</li>
<li style="font-weight: 400">Display 360° for all product variations. (New)</li>
<li style="font-weight: 400">Exclude specific products or categories from WooCommerce Zoom features</li>
<li style="font-weight: 400">Choose from multiple types of magnifiers such as tint, inner zoom, fade, and many more. </li>
<li style="font-weight: 400">Customize the magnifiers as per your preferences.</li>
</ul>
<h3>3 in 1 Image Zoom Options for WooCommerce</h3>
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.
The three functionalities of the Product Image Zoom extension:
<ol>
<li style="font-weight: 400">Magnifier (Zoom product image on hover)</li>
<li style="font-weight: 400">Lightbox (Zoom on Click)</li>
<li style="font-weight: 400">360° Image</li>
</ol>
<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" />
<h3>Magnifier Options:</h3>
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.
<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" />
<h3>Set a Magnifier Animation Type</h3>
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:
<ul>
<li style="font-weight: 400">Basic</li>
<li style="font-weight: 400">Tint</li>
<li style="font-weight: 400">Inner zoom</li>
<li style="font-weight: 400">Lens zoom</li>
<li style="font-weight: 400">Fade</li>
<li style="font-weight: 400">Easing</li>
<li style="font-weight: 400">Mouse wheel zoom </li>
<li style="font-weight: 400">Image constraint</li>
<li style="font-weight: 400">Window</li>
</ul>
<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" />
<h3>Configure Zoom Box Size – Width and Height</h3>
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.
<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" />
<h3>Lightbox Options:</h3>
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.
<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" />
<h3>360° Image Zoom Option:</h3>
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.
<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" />
 
<h3>360° Image for Product Variations:</h3>
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.
<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" />
<h3>Additional Customization Options for the Image Zoom WooCommerce Plugin</h3>
<ul>
<li style="font-weight: 400">Set the cursor type for basic magnifiers such as pointer and crosshair</li>
<li style="font-weight: 400">Select color, opacity, and cursor type for the tint magnifier type</li>
<li style="font-weight: 400">Configure the position for the window magnifier either on the right, left, or bottom right</li>
<li style="font-weight: 400">Configure Lens size and shape for the lens zoom magnifier</li>
</ul>

Product Image Zoom

Product Image Zoom for WooCommerce helps your customers zoom on product images to see the product more clearly for a better User Experience.

Product Badges and Labels vs Product Image Zoom