In this post, we shed light on one of the robust solutions developed by Amasty – the Magento 2 Product Labels extension. If you want to explore other third-party modules for creating product labels on your online store, check out our review of the Product Labels extension by Mirasvit. The Amasty tool serves the same purpose as the Mirasvit product label module – it lets you add bright labels to store items displayed on product and category pages. Besides, the Magento 2 product labels extension calculates a percent discount or flat amount based on the difference between special and regular prices. There are three rounding algorithms to simplify rounding off discount amounts. Below, we describe why it is necessary to use ‘on sale’, ‘new’, and other Magento product badges.
‘
Download / Buy Amasty Product Labels Magento 2 Extension
Download / Buy Amasty Product Labels Magento Extension
The reason is obvious: they help to draw customers’ attention to particular items. Amasty’s Magento 2 Product Labels extension lets you use predefined variables for label texts. Alternatively, you can upload your own label images. Colorful labels, flexible display conditions, time intervals for label demonstration, variables, and tons of other options provide the ability to customize the module according to literally all ecommerce requirements.
Nobody will know about your promotions if they are not actively advertised. Customers will just ignore them if no additional visual support is provided, so your time and effort will be wasted. Therefore, Amasty Product Labels is a must-have ecommerce tool! It offers the easiest way to draw customers’ attention to special offers via bright labels and CTA slogans, which can be displayed depending on product attributes and other data. Hence, you will immediately inform visitors about new store items, hot deals, free shipping, or product quality (like ‘100% wool’), increasing sales. Before we proceed to the backend and frontend sections of our post, take a look at the reviews submitted by the Magento 2 product label extension users:
Table of contents
Features
- Support for all product types;
- A pack of ready-to-use labels;
- A selection of ready-made shapes for designing labels;
- Flexible conditions for fine-tuning the label display;
- Customer group-based label display;
- Scheduling of time intervals for showing configured labels;
- Variables support in the label text;
- Ability to set the priority value for each label;
- Option to add label tooltips with custom text;
- Possibility to display multiple labels per product at the same time;
- Preview mode on the edit label page;
- Seamless UX on mobile with a dedicated PWA add-on.
As you could already understand, Amasty allows using product labels in Magento 2. Let’s look at specific features the Magento 2 custom badges module provides. The first and most important one is the availability of ready-made labels. The Amasty Product Labels Magento 2 extension includes a pack of pre-designed labels that can be used for various use cases. It means that you get a plethora of catchy label designs to make each new campaign unique. Stickers are in trend, and Amasty’s Magento label extension fully copes with it, providing free badges for Hot Deal, Limited Edition, Black Friday Sale, and other promos. Besides, the module supports SVG files.
If you need something really unique (and want to spend time and effort on creating completely new content), the Magento 2 product label module allows generating your own Magento product labels based on already provided shapes. Alternatively, you can upload custom images. Also, you can use the opportunity to promote particular brands and upload their logos to place on the product images.
Another vital feature provided by Amasty Product Labels for Magento 2 is the ability to preview how labels look on the frontend right in the admin interface. Magento products become more appealing to store visitors with product labels, but you should avoid mistakes, so backend preview is the best way to eliminate omissions.
The Amasty Magento label module provides extremely flexible label display conditions. The Magento 2 Product Labels extension allows you to leverage product attributes and attribute sets, as well as product categories and SKUs. Using the custom label Magento 2 module, you can emphasize new and “on sale” products. Besides, it is possible to display labels only when the stock level value is lower than a certain amount. Add the ability to set time periods for label display, use priorities, implement customer group-based display, and leverage variables – you will get the almighty Magento 2 product labels extension. For example, selecting a data range lets you highlight the events occurring in your store by placing specific labels like Black Friday or Christmas Sale. Using customer group options, you can display a Free Gift badge for your loyalty program participants or set other conditions according to your marketing strategy.
If you want to improve user experience on mobile and make your product labels look great on any device, Amasty offers to install its ready-to-use solution for the PWA storefront. The Amasty PWA add-on for Product Labels allows leveraging all the extension features optimized for mobile devices. The display of the product stickers created with the extension can be adapted to any screen resolution, helping merchants maximize their promotions’ efficiency, boost mobile traffic, and attract more potential clients.
With the Product Labels PWA add-on, store owners can significantly decrease expenses related to the PWA integration on a Magento site and custom development. Compatibility with the Magento Venia theme streamlines the PWA setup and ensures stable performance and less issues in the Magento 2 website environment. Moreover, the PWA technology makes mobile pages load faster, delivering a frictionless user experience on smartphones and tablets. Another benefit of the PWA storefront is compatibility with most browsers, including Chrome, Firefox, Safari, etc. Thus, you get a mobile-friendly and highly responsive storefront, which leads to higher conversions and increases customer engagement.
One more prominent feature of progressive web apps is the ability to access a website with one click. Adding the PWA icon to a mobile phone screen is simpler than installing an application, making it easier to reach out to potential customers and engage them with promotions. Besides, PWA allows enabling push notifications by default. Another advantage of implementing a PWA-based storefront is a higher position in the Google search results due to increased page loading speed, which is considered an essential ranking factor.
Download Amasty PWA for Product Labels Magento 2 Add-On
Backend
All Magento 2 labels are gathered in a grid that shows:
- Label ID,
- Name (e.g., New Product, Sale, 10% discount, etc.),
- Status (Active/Inactive),
- Product Page Image (label image for product pages),
- Product Page Label Position (location of the label on product pages),
- Category Page Image (label image for category pages),
- and Category Page Label Position (location of the label on category pages).
All columns support sorting and filtering. Their order can be rearranged as well.
When adding a new label, you will deal with five tabs of options: General, Product Page, Category Page, Product Conditions, and Tooltip. Under the General tab of the Magento 2 product labels extension, you need to specify core label information, such as status (Active/Inactive), the period of activity, name, and priority (0 is for the highest priority, and 99 is for the lowest). Besides, you can enable the feature that hides the label if another one with higher priority is applied. Another parameter – Use for Parent – displays a child’s label for the parent product (note that it works for configurable and grouped products only). Finally, you decide to which store views to apply the label and choose customer groups that will see the label.
In the Product Page tab of the Magento 2 product labels extension, you adjust the labels for your website product pages. First, you decide whether to show the label as plain text, use a pre-configured label shape (from 22 available options), or upload a custom image. Next, choose label position: Top Left, Top Right, Top Center, Middle Left, Middle Right, Middle Center, Bottom Left, Bottom Right, or Bottom Center. The extension offers a handy grid for quick selection of a required location.
Then, specify Label Size – a percent of the product image. The Magento 2 product label module lets you fully customize label text with the help of variables. You can utilize the following predefined parameters:
- {ATTR:code} – attribute value;
- {SAVE_PERCENT} – save percents;
- {SAVE_AMOUNT} – save amount;
- {PRICE} – price;
- {SPECIAL_PRICE} – special price;
- {SKU} – product SKU;
- {NEW_FOR} – how many days ago the product was added;
- {BR} – new line;
- {SPDL} – days left for special price;
- {SPHL} – hours left for special price;
- {STOCK} – product qty (for product view page).
The extension also allows specifying text color and size and customizing label and text styles using CSS (e.g., color:red; font-size:12px; etc.).
The same options are available for category pages.
As for the Product Conditions tab of the Magento 2 product labels module, it lets you make the selection of products for applying the label to make its display more precise. Here, you will deal with the expression if ALL/ANY of these conditions are TRUE/FALSE. You can set rule conditions based on various product attributes or define custom conditions based on the item state (Is New, Sale), quantity (Qty), or inventory status (Stock Status)
The last section of the edit label page lets admins enable tooltips, select colors for the tooltip and tooltip text, and specify the text displayed in the product sticker tooltip using variables.
Configuration of the Product Labels extension consists of four sections: Display Settings, ‘On Sale’ Condition, ‘Is New’ Condition, and ‘Stock Status’ Condition.
In Display Settings, specify containers (DOM-selectors) for product and category pages – Product Page Label Container and Category Page Label Container. Here, you can also set the limit on the number of labels displayed per product at the same time, decide whether to place several labels in the same place on the product image, and show/hide labels that contain text with zero value variables. Besides, it is possible to choose between vertical and horizontal alignment for labels placed in the same location and specify a value in pixels for the margin between labels displayed together.
‘On Sale’ Condition lets you specify the minimal discount amount and minimal discount percentage. Besides, you can choose the rounding of the discount percentage (the next lowest/highest integer value or by rules of mathematical rounding) with this Magento 2 product labels module.
‘Is New’ Condition allows using such parameters as Use ‘New from Date’ and ‘New to Date’ and Use ‘Creation Date’. It is also necessary to specify a threshold in days for new products if you enable the Creation Date option.
The following section contains settings for configuring the display of labels on out of stock items. Here, you can enable the function that will show only the “Out of Stock” badge and hide all other active labels and choose which label to display by default.
Frontend
On a category page, Magento 2 product labels can have the following appearance:
Below is another example of the labels displayed on a product page with the Amasty Magento 2 product labels module:
Recent Updates
Magento 2 Product Labels 2.0.0
- Major updates were done for the edit label interface.
- Label tooltips were introduced.
- Product label preview mode was added to the label configuration settings.
- A new setting was added to the extension configuration – an option to hide labels that contain text with variables that have zero value or not specified variables.
Magento 2 Product Labels 1.13.5
- The main features of the extension were covered with MFTF tests to improve the Product Labels module’s quality and stability.
Magento 2 Product Labels 1.12.3
- Now the module is read compatible with GraphQL.
Magento 2 Product Labels 1.10.6
- Now it is possible to show product labels in the catalog widgets.
Magento 2 Product Labels 1.10.0
- Magento web API functionality was implemented.
Magento 2 Product Labels 1.9.0
- Now you can place multiple labels on a single product’s image, set the margin between labels in pixels, and choose vertical or horizontal labels alignment.
Magento 2 Product Labels 1.7.0
- A new option was added: the product label can be changed when a simple product is selected.
- A new function was implemented: now, all active labels except the “Out of Stock” label can be hidden.
- New option: transparent labels can have a colored border.
- A new action was added to the Labels grid: duplicate labels.
Magento 2 Product Labels 1.6.8
- Information section was added to the module’s configuration page.
Magento 2 Product Labels 1.6.0
- New function: indexer can be used now to improve the performance of catalog products listing and label preview performance in the backend.
Magento 2 Product Labels 1.5.0
- The SVG image type is supported now.
Magento 2 Product Labels 1.4.4
- New function: validation of the stock range condition in the configuration for improved UX.
- Magento 2.2 compatibility was introduced.
Magento 2 Product Labels 1.3.0
- A new feature was implemented: now you can display labels for products within a specific quantity range.
Magento 2 Product Labels 1.2.5
- Performance optimization was made: a cache for the labels block was added.
Magento 2 Product Labels 1.1.4
- New backend interface and usability updates.
- Labels live preview in the backend.
- New label types with various shapes and colors were added.
- A new free label pack was developed.
- Variables for the special price time and product stock were added.
- A new condition – “Display if stock is lower than” – was added.
- Duplicating labels and Change Status mass actions can be used now.
- Text without images as a label can be added now.
Final Words
As you can see, Amasty offers a very convenient tool designed to draw the attention of your customers to various goods. The Magento 2 product labels extension has simple but yet powerful backend settings and an attractive appearance on the frontend of both Magento 2 and Magento 1. As for the price of the Product Labels module, it depends on the platform version. The Magento 1 plugin costs $119, while its descendant has a slightly higher price tag – $209.
Download / Buy Amasty Product Labels Magento 2 Extension
Download / Buy Amasty Product Labels Magento Extension
‘