{"id":7960,"date":"2018-05-10T11:30:43","date_gmt":"2018-05-10T11:30:43","guid":{"rendered":"https:\/\/www.mconnectmedia.com\/blog\/?p=7960"},"modified":"2025-07-31T18:39:07","modified_gmt":"2025-07-31T13:09:07","slug":"catch-quick-attention-shoppers-with-magento-2-product-label-extension","status":"publish","type":"post","link":"https:\/\/www.mconnectmedia.com\/blog\/2018\/05\/10\/catch-quick-attention-shoppers-with-magento-2-product-label-extension\/","title":{"rendered":"Catch Quick Attention of Shoppers by Showing Enticing Product Labels in Magento 2"},"content":{"rendered":"<p>The reason why online shopping is marching ahead than traditional stores is the appealing offers provided by online store owners. Shoppers get attracted to products with exciting offers and this in turnwill increase your conversion rate. \u201c<strong>Free<\/strong>\u201d, <strong>\u201cDiscount<\/strong>\u201d, \u201c<strong>Best Seller<\/strong>\u201d are the most appealing words to acquire the diligence of buyers.<\/p>\n<p>Now, your store has a wide variety of catalogue and you might have different offers for each product or it may differ as per categories. There are scenarios where it is not about offers all the time. You also need to highlight the \u201cNew Arrival\u201d products or \u201cBest Selling\u201d products of your store. The question is, how to convey this information to your customers? Instead of writing in the form of text, an image will be a better option as pictorial representation is more eye-catchy than plain text.<\/p>\n<p>And to do this, you have to seek help from developers each and every time when you require change. Doesn\u2019t it get tedious and time consuming? Getting hard on your pocket as well. The team at M-Connect Media came across this trouble faced by the store owners and decided to help them by developing an easy-to-use <strong>Product Label Magento 2 Extension<\/strong>.<\/p>\n<p>This amazing extension allows you to add labels of your choice for every product of the catalogue. You can even add it as per different categories. Upload images if your choice, manage an entire sticker library and provide the size of the label so that your product image does not get distorted. With this extension installed on your store, you do not have to seek help from developers every time. You\u2019ll be able to manage the entire product labels on your own with simple configurations.<\/p>\n<h3>Featured Highlights of M-Connect Product Label Magento 2 Extension<\/h3>\n<ul>\n<li>Grab customer\u2019s attention towards your products with attractive labels.<\/li>\n<li>You can select whether to display the label on product detail page or category page or both.<\/li>\n<li>Automatic display of \u201cFew Products left\u201d product label based on assigned minimum quantity.<\/li>\n<li>You can ascribe multiple labels to single product.<\/li>\n<li>Add same label to all the products of a particular category at a time.<\/li>\n<li>Add particular label to several products and categories at once.<\/li>\n<li>Feature to add label from product catalog configuration as well.<\/li>\n<li>Customization of the label image by assigning height, width and position on the product image.<\/li>\n<li>Set conditions to display label for specific price range, date range and product\u2019s stock.<\/li>\n<li>A custom sticker library to add and manage labels. Label images can be added directly from sticker library.<\/li>\n<\/ul>\n<h2>How to use it?<\/h2>\n<p>After reading the description, you must be wondering how to use this amazing extension. So, here are the steps explained with figures.<\/p>\n<h3>Step 1 \u2013 Label Display Common Settings<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7964\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Display-settings-1.png\" alt=\"Label Display Settings\" width=\"982\" height=\"264\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Display-settings-1.png 982w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Display-settings-1-300x81.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Display-settings-1-768x206.png 768w\" sizes=\"auto, (max-width: 982px) 100vw, 982px\" \/><\/p>\n<ul>\n<li><strong>Left Product Label Show (Qty)<\/strong> &#8211; Enter the minimum quantity to automatically show the default few product left label.<\/li>\n<li><strong>Label Show on Product View<\/strong> \u2013 Choose \u201cYes\u201d to show label on product detail page.<\/li>\n<li><strong>Label Show on Category View<\/strong> \u2013 Select \u201cYes\u201d to display label on product images in category listing.<\/li>\n<\/ul>\n<h3>Step 2 \u2013 Add Label<\/h3>\n<p>With this step, you can upload image for label, set its size and position, assign products and categories and set conditions. Let\u2019s take a closer look to these steps.<\/p>\n<h4>Label name and Display<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7967\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/label-settings-1-1024x342.png\" alt=\"Label Settings\" width=\"780\" height=\"261\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/label-settings-1-1024x342.png 1024w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/label-settings-1-300x100.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/label-settings-1-768x256.png 768w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/label-settings-1.png 1124w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>For easy understanding and identification, give proper name for the label. Choose whether the label is to be displayed on product page, category page or both.<\/p>\n<h3>Add image and set size<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7969\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/set-image.png\" alt=\"Set Image\" width=\"742\" height=\"475\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/set-image.png 742w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/set-image-300x192.png 300w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>You can choose from whether to upload image directly from your PC or add from custom sticker library (the custom sticker library is explained later in this blog). Assign height and width to the image and also its position on the product image. This way you can easily set and add label on your product image.<\/p>\n<h3>Select store view and Customer Group<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7970\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/store-viiw.png\" alt=\"Store View Customer Group\" width=\"712\" height=\"510\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/store-viiw.png 712w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/store-viiw-300x215.png 300w\" sizes=\"auto, (max-width: 712px) 100vw, 712px\" \/>Now, this is some more advanced functionality for a product label. You can select the store views and customer groups to which the label is to be shown. Moreover, you can set a priority and do not forget to change the status to \u201cEnable\u201d, else the label won\u2019t be displayed on front end.<\/p>\n<h3>Label Assignment to one or more products<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7971\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-products-1024x323.png\" alt=\"Assign products\" width=\"780\" height=\"246\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-products-1024x323.png 1024w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-products-300x95.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-products-768x242.png 768w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-products.png 1192w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>As you can see checkbox in the image, you can assign this particular label to one or more products at a time. Then this label will be shown on all the selected products at the front end.<\/p>\n<h3>Label Assignment to one or more Categories<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7972\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-category.png\" alt=\"Assign Category\" width=\"862\" height=\"468\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-category.png 862w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-category-300x163.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/assign-category-768x417.png 768w\" sizes=\"auto, (max-width: 862px) 100vw, 862px\" \/><\/p>\n<p>Again with the help of checkboxes, you can select one or more categories and sub categories for product label display.<\/p>\n<h4>Set Conditions for label display<\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7973\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/condition.png\" alt=\"Set Condition\" width=\"710\" height=\"231\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/condition.png 710w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/condition-300x98.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/p>\n<p>This is the most promising part of the extension. You can set different conditions based on price range, date range and product stock.<\/p>\n<p>Choose \u201cYes\u201d if you want to show this particular label based on specific price range. If you set the range from $50 to $500, then this label will be added to products falling under this range.<\/p>\n<p>Now, suppose you are giving offer on certain products over a specific time period. So, you want to show the discount label during the definite time period. The M-Connect extension allows you to do so in a simple and easy way. Just set the date range option to \u201cYes\u201d and select the dates!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7974\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Date-Information.png\" alt=\"Date information\" width=\"431\" height=\"382\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Date-Information.png 431w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Date-Information-300x266.png 300w\" sizes=\"auto, (max-width: 431px) 100vw, 431px\" \/><\/p>\n<p>Another condition is based on product stock. Suppose you want to show labels on the product according to its status, then this option comes handy.<\/p>\n<h3>Custom Library<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7975\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Sticker-Information-1024x334.png\" alt=\"Sticker Information\" width=\"780\" height=\"254\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Sticker-Information-1024x334.png 1024w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Sticker-Information-300x98.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Sticker-Information-768x251.png 768w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Sticker-Information.png 1030w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>Another fascinating feature of this extension. An exclusive custom sticker library in which you can add images and can later use them while label generation.<\/p>\n<p>Sticker name and description for better identification and add the image of your choice. With this functionality, you do not need to upload images all the time while adding labels.<\/p>\n<h3>Assigning Label\/s to Product<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7976\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Assign-Label-to-Product.png\" alt=\"Assign Label to Product\" width=\"626\" height=\"285\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Assign-Label-to-Product.png 626w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Assign-Label-to-Product-300x137.png 300w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/p>\n<p>Another way of assigning label to a product. This can be done from the product edit section. You can add one or more labels to each product.<\/p>\n<h4>We are now done with the back-end configurations, let\u2019s see how the front end looks.<\/h4>\n<h3>Category page:<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7977\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Front-end-1024x800.png\" alt=\"Product Label at Category Page\" width=\"780\" height=\"609\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Front-end-1024x800.png 1024w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Front-end-300x234.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Front-end-768x600.png 768w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Front-end.png 1060w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>Product page:<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-7978\" src=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Product-Label-at-detail-page-1024x471.png\" alt=\"Product Label at detail page\" width=\"780\" height=\"359\" srcset=\"https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Product-Label-at-detail-page-1024x471.png 1024w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Product-Label-at-detail-page-300x138.png 300w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Product-Label-at-detail-page-768x353.png 768w, https:\/\/www.mconnectmedia.com\/blog\/wp-content\/uploads\/2018\/05\/Product-Label-at-detail-page.png 1260w\" sizes=\"auto, (max-width: 780px) 100vw, 780px\" \/><\/p>\n<h3>Final Words<\/h3>\n<p>Don\u2019t waste your precious time! Simply add this extension to your store and make it more interactive to the shoppers. Surely a great deal! You can check more detail about this Product Ribbon \/ Label Magento 2 extension at <a href=\"https:\/\/support.mconnectmedia.com\/hc\/en-us\/sections\/360000942771-Mconnect-Product-Label-Extension-for-Magento-2\">here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The reason why online shopping is marching ahead than traditional stores is the appealing offers provided by online store owners. Shoppers get attracted to products<\/p>\n","protected":false},"author":1,"featured_media":8572,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[2249,2251,2247,2246,2250,2245,2248,2244],"class_list":["post-7960","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ecommerce","tag-ecommerce-marketing-product-labels","tag-highlight-product-with-ribbons","tag-how-do-i-add-stickers-or-labels-to-magento-product-image","tag-image-sticker-extensions","tag-magento-2-product-labels-and-sales-sticker-modele","tag-mconnect-magento-2-product-labels-extension","tag-on-sale-and-other-product-labels-magento-2-extension","tag-product-label-magento-2"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/posts\/7960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=7960"}],"version-history":[{"count":4,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/posts\/7960\/revisions"}],"predecessor-version":[{"id":14738,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/posts\/7960\/revisions\/14738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/media\/8572"}],"wp:attachment":[{"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=7960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=7960"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mconnectmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=7960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}