Product Labels

What are Product Labels?

Product labels are small visual markers placed on product images or cards that classify an item at a glance, for example new, sale, bestseller or last chance. They appear on listing pages, in search results, in recommendation carousels and on the product detail page. Labels compress catalogue attributes and business rules into a single readable signal, so that a grid of similar items can be scanned quickly. They are also called badges or flags, and they usually combine a short text, a colour and a defined position on the image.

Definition

Labels fall into three groups by their source. Attribute labels derive directly from product data such as a material, a certification or a release date. Rule labels derive from computed conditions such as a discount above a threshold or an inventory level. Editorial labels are assigned manually for campaigns. The distinction matters because attribute and rule labels can be generated automatically and stay correct, while editorial labels need a review process and an expiry date. Typical problems are label inflation, where nearly every item carries a marker and the signal loses meaning, labels burnt into image files that cannot be translated or read by assistive technology, and conflicting labels on the same card.

Why it matters

In a decoupled architecture labels belong to the product data layer, not to the template. Rules evaluated once in a product information system, a merchandising service or a search index keep listing pages, search results and recommendations consistent, while the storefront only maps a label key to a visual token. That mapping lives in the design system, so colour, contrast and placement stay uniform across surfaces. Rendering labels as text with a background rather than as images preserves translation, accessibility and layout stability. Where a label depends on a personalised or time based rule, it is evaluated at the edge or on the client so the underlying page stays cacheable.

Use cases

On listing and search pages labels support fast comparison and can mark filtered attributes such as a sustainability property. On the product detail page a label repeats the classification near the title and can carry additional context, for example a reference to a recent price. In recommendation modules labels explain why an item is shown. Campaign landing pages use a shared label to make an assortment coherent. A common rule is one label per card, with a defined priority order when several rules match, and a hard expiry on campaign labels so outdated markers disappear from the catalogue automatically.

Explore AI Merchandising · Dynamic Content.

Frontend Insights