Black Friday: 30% off all plugins from 24 Nov · Join the list for early access →

In a product grid, shoppers scan images, not text. Badges on product images act as quick signals: this one is discounted, that one is new, this one is popular. Used well, they guide attention to the right products. Used badly, they clutter the shop and lose meaning.

The most useful badges

Design rules

  1. Two badges maximum per product: more and nothing stands out.
  2. Consistent colors: red for discounts, blue for new, dark for stock information.
  3. Short text: one to three words.
  4. Same position everywhere: top left or top right of the image.
  5. Readable on phones: enough contrast and size.

What to avoid

Badges on product pages too

Show the same badges on the main product image so the message continues after the click. Combine with a sale countdown during promotions.

Setting them up

WooCommerce only shows a basic “Sale!” bubble. Badgely adds automatic Sale %, New, Bestseller, Low stock and Sold out badges, a custom badge per product, and badges for whole categories or tags, with your colors and a live preview. See the product badges demo and more ideas in our WooCommerce conversion tips.

Frequently asked questions

Do product badges increase conversions?

They help shoppers spot relevant products faster. Real information (discount, stock, novelty) works best.

How many badges per product?

One or two. More and they compete with each other.

Can I add a badge to a whole category?

Yes, with category or tag rules, for example “Made in France”.