<div class="woo-sc-box" style="background: #fff;border: 1px solid #cfb9f6;border-left-width: 1px !important;border-radius: 5px;color: #000000;margin: 2em 0;padding: 17px">
<h2>Highlights</h2>
<ul class="wccom-tick-list-secondary" style="line-height: 1.8em;color #ffffff;margin-bottom: 18px">
<li><strong>Add visually appealing tag images to enhance customer experience</strong></li>
<li><strong>Convey key product information, such as brand, size, or features, using recognizable images</strong></li>
<li><strong>Improve navigation by helping customers identify products faster through visual cues</strong></li>
<li><strong>Boost engagement and conversions with attractive, professional-looking product displays</strong></li>
<li><strong>Simplify product discovery by associating specific tags with clear, intuitive visuals</strong></li>
</ul>
</div>
<p>When making purchase decisions, customers often bypass lengthy product descriptions in favor of quick details. Product tags play a crucial role in conveying key product characteristics — such as material, purpose, style, size, brand, and more.</p>
<p>The <strong>Custom Product Tag Image for Woocommerce</strong> extension allows merchants to incorporate images into product tags. These images can be added to both existing and new product tags and displayed on product and listing pages.</p>
<p>Using engaging tag images in place of extensive paragraphs can significantly impact customers. For instance, if you offer a money-back guarantee on your products, including a corresponding tag image alongside mentioning it in the content can increase visibility. Visual information is processed more easily than written content, making tag images a powerful tool for conveying important product information to customers.</p>
<p><img class="alignnone size-full wp-image-18734004456578" src="https://woocommerce.com/wp-content/uploads/2020/09/Picture2.png" alt="" width="980" height="693" /></p>
<h2>Features</h2>
<ul>
<li>Customize images on existing or new tags of your products</li>
<li>Turn the visibility of tags on and off for product and listing pages</li>
<li>Choose from six different tag image display positions on the product and listing page:
<ul>
<li>After the product description</li>
<li>Before the product description</li>
<li>After the product price</li>
<li>Before the product price</li>
<li>After the add-to-cart button</li>
<li>Before the add-to-cart button</li>
</ul>
</li>
<li>Show tags in multiple display formats:
<ul>
<li>Text</li>
<li>Icon</li>
<li>Both (text and icon)</li>
</ul>
</li>
<li>Add shapes to your tag images:
<ul>
<li>Square</li>
<li>Round</li>
</ul>
</li>
<li>Select the font size and family customize product tags</li>
<li>Display all tags anywhere by pasting the shortcode: <code>[ka_tag_display]</code></li>
</ul>
<h2>Uses by industry</h2>
<p>This product tag image extension is versatile enough to be used for various industries. Here are some of the common uses:</p>
<ul>
<li><b>Fashion stores</b> commonly tag such as <em>best sellers, </em><span style="font-weight: 400"><em>on sale, new arrivals,100% cotton, free size, and custom design</em>.</span></li>
<li><b>Food stores</b> often use tags such as <em>certified halal, beef, chicken, low calories, spice levels, sauces, veggies</em>, or any other key detail.</li>
<li><b>Medicinal products</b> often use tags such as <em>prescription required, mg dosage, 18+, pain relief, and other medical formulas</em>.</li>
<li><b>Nutritional products</b> commonly use tags like <em>100% organic, high protein, sugar-free, whole grain, low carb, rich in Omega-3</em>, and more.</li>
</ul>
<p><img class="alignnone size-full wp-image-18734004456583" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-1.gif" alt="" width="505" /></p>
<h2>Display custom tag images on product and listing pages</h2>
<p>Elevate your product and listing pages’ look by adding custom product tag images. This highly customizable extension enables merchants to tailor the look and feel of the tag section in whichever way they see fit. From font to icon shape, every option is customizable in this extension.</p>
<p><img class="alignnone size-full wp-image-18734004456694" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-33.png" alt="custom product tag image for woocommerce" width="980" height="840" /></p>
<div class="woocommerce-message">
<h3 style="text-align: center">Make your products stand out — add custom product tag images today.</h3>
<p style="text-align: center"><a class="wccom-button is-primary" style="width: 130px;margin: 24px auto 0" href="https://woocommerce.com/?add-to-cart=6515948"><span class="wccom-button__text">Buy now</span></a></p>
</div>
<h2>Multiple placement options to choose from</h2>
<p>Choose between multiple placement options on product and listing pages to find the best position to display product tag images. For example, users can choose to place tag images before or after the product description, before or after the product price, and many more. These options help customers make an informed decision, as the product’s key information will be displayed in the most relevant places.</p>
<p><img class="alignnone size-full wp-image-18734004456603" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-images-for-woocommerce-4.gif" alt="" width="876" /></p>
<h2>Display tags as text, an icon, or both</h2>
<p>Using this extension, merchants can decide to display product tag images as text, icons, or a combination of both. For example, if the admin wants to convey a quick message, adding bold text like “best-seller” can fulfill the need. Alternatively, if the goal is to provide information like “limited-time offer,” then using a clock icon along with the text can persuade customers to act quickly before the deal expires.</p>
<p><img class="alignnone size-full wp-image-18734004456692" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-22-1.png" alt="" width="980" height="154" /></p>
<h2>Customize the look and feel of tags</h2>
<p>The Custom Product Tag Image extension for WooCommerce allows users to customize product tags with images, text, and shapes. After adding an image, you can customize the title text, color and shape for the particular product tag.</p>
<p>For example, if you want to create a fear of missing out (FOMO) situation for customers about a sale, you can highlight the sale title with red color, increase its font, and change its shape (round, square, etc.) to attract attention. In this way, you can customize the look of product image tags freely and quickly.</p>
<p><img class="alignnone size-full wp-image-18734004456698" src="https://woocommerce.com/wp-content/uploads/2020/09/custom-product-tag-image-for-woocommerce-101.png" alt="c" width="980" height="852" /></p>
<h2>Documentation</h2>
<p>For more information on how to add tag images and how to customize their layout and display, <a href="https://woocommerce.com/document/custom-product-tag-image/">review the documentation</a>.</p>
<h2>PHP version requirement</h2>
<p>The minimum PHP version required to run this extension is 7.4.</p>

Custom Product Tag Image

<p><span style="font-weight: 400">Add images to product tags and display them on product and listing pages to provide a more visually informative shopping experience.</span></p>

<ul class="wccom-tick-list-primary">
<li>Add official EU Energy Labels to your WooCommerce products.</li>
<li>Display labels on both shop and individual product pages.</li>
<li>Enable tooltip previews on hover for product labels.</li>
<li>Supports both current and legacy EU Energy Label formats.</li>
<li>Customize label placement per product or globally via settings.</li>
<li>Optional image upload for custom tooltips.</li>
</ul>
<hr class="wccom-product-heading__hr" />
<h2>Add EU Energy Labels to Product and Shop Pages</h2>
<p>Products that consume energy — such as appliances, electronics, lighting, and vehicles — are required by EU law to display specific energy labels. These labels provide transparent information about energy consumption and efficiency. The <strong>EU Energy Label for WooCommerce</strong> plugin helps store owners comply by generating and displaying official EU labels directly on their online products.</p>
<h2><strong>Overview</strong></h2>
<p>The <strong>EU Energy Label for WooCommerce</strong> plugin allows you to generate and manage EU-compliant energy labels for your products. You can display both new and legacy versions of the label as needed. The plugin also includes label rating support and tooltip functionality.</p>
<p>The EU energy label is a powerful tool to help consumers make informed and eco-friendly purchasing decisions.</p>
<h2><strong>Enable and Manage EU Energy Labels</strong></h2>
<p>Flexible admin settings allow you to activate labels on product, category, tag, archive, and individual product pages with just a few clicks.</p>
<h3><strong>How does it work?</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Enable labels globally for product and shop pages via the plugin’s settings page.</li>
<li>Set label position using dropdown options in the plugin settings.</li>
<li>Customize or override label settings at the individual product level.</li>
</ul>
<h2><strong>Assigning Labels to Products</strong></h2>
<p>To set a label for a product, open the product edit screen and use the dedicated “EU Energy Label” tab:</p>
<ol>
<li>Navigate to the product edit screen and click on the EU Energy Label tab.</li>
<li>Enable the label and choose between single or dual label types.</li>
<li>Select the appropriate label category and optionally upload a custom image or tooltip.</li>
</ol>
<p><img class="alignnone wp-image-18734004992924 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134614.png?w=896" alt="Energy Label for WooCommerce Product Page Setting" width="896" height="356" /><br />
<img class="alignnone wp-image-18734004992926 size-medium" src="https://woocommerce.com/wp-content/uploads/2021/09/Screenshot-2025-03-04-134626.png?w=896" alt="Energy Label for WooCommerce Label Type Selection" width="896" height="352" /></p>
<h2><strong>Front-End Display</strong></h2>
<h3><strong>Shop Page</strong></h3>
<p>EU energy labels appear on shop and archive pages. The label color varies based on product category, consistent with EU standards.</p>
<p><img class="aligncenter wp-image-8506734 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-1.png" alt="Energy Label Shop Page Display" width="1621" height="869" /></p>
<h3><strong>Tooltips</strong></h3>
<p>Hovering over the label icon reveals a tooltip showing the full energy label. This enhances usability on shop and category pages.</p>
<p><img class="alignnone wp-image-8506754 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/08/item-page-2.png" alt="On Hover Label Display EU" width="1637" height="777" /></p>
<h2><strong>Product Page</strong></h2>
<p>By default, energy labels display on the right side of the product image, with alternative positioning available in settings.</p>
<p><img class="aligncenter wp-image-8326817 size-full" style="border: 1px solid #674399" src="https://woocommerce.com/wp-content/uploads/2021/07/screen-6.png" alt="Product Page Eu Label Display" width="1393" height="673" /></p>
<h3><strong>Compatible With Popular Themes & Builders</strong></h3>
<ul class="wccom-tick-list-secondary">
<li>Elementor Builder</li>
<li>WPBakery Builder</li>
<li>Divi Builder</li>
<li>Storefront Theme</li>
<li>Enfold Theme</li>
<li>Avada Theme</li>
<li>Woodmart Theme</li>
<li>Divi Theme</li>
<li>Flatsome Theme</li>
<li>Porto Theme</li>
<li>XStore Theme</li>
<li>Shopkeeper Theme</li>
</ul>
<h3><strong>Translation Ready</strong></h3>
<p>The plugin includes a .POT file for easy translation and is fully compatible with multilingual plugins such as WPML and Polylang.</p>

EU Energy Label

<p>Easily add official EU Energy Labels to WooCommerce products. Stay compliant with EU regulations, improve transparency, and boost customer trust. Simple setup and fully customizable display.</p>

Custom Product Tag Image vs EU Energy Label