Shoppers scan product pages in seconds. They look at the first image, glance at the price, and either stay or leave. Your product description has about 4 seconds to work. Your product image has less than 1.
Image badges are the small labels overlaid on your product photos. “Best Seller.” “New.” “Limited Edition.” “Sustainable.” They sit on top of the image and communicate something important without making the shopper read a single word of copy.
Most stores either skip badges entirely or use them badly. They slap “New” on everything, use colours that clash with the product, or place them where they block the most important part of the image. Done well, image badges are the fastest way to communicate what makes your product different. Here are 5 tweaks that work.
1. Use One Badge Per Image, Never Two
The moment you stack two badges on a product image, neither one registers. The shopper’s eye treats them as visual noise and skips past both.
Pick the single most important thing you want to communicate about that product. If it is a best seller, show “Best Seller.” If it is low stock, show “Only 3 Left.” If it is new, show “New.” Choose one and commit.
How to do it: In your product page editor, add a single badge element to your main product image. If your theme does not support image badges natively, use a free tool like Canva to add a text label to your product photo before uploading. Keep it to one label per image.
2. Match Badge Colour to Your Brand Palette, Not to Urgency Cliches
Red badges do not always mean urgency. Red might clash with your brand. If your store uses muted earth tones, a bright red “Best Seller” badge looks jarring and cheap. If your brand is playful and bright, a black badge looks funeral-ready.
Pull a colour from your existing brand palette and use it consistently. A warm ochre badge on a cream-background store feels premium. A soft sage green badge on a wellness brand feels on-brand. The badge should look like it belongs to your store, not like it was borrowed from a clearance rack.
How to do it: Identify your secondary brand colour (not your primary, which you want to reserve for buttons and links). Use that colour for all your badge backgrounds. Keep the text white or off-white for readability. Test it on mobile to make sure the text is legible at small sizes.
3. Place Badges in the Top-Left, Not the Top-Right
Eye-tracking studies consistently show that Western-language readers scan images top-left to bottom-right. A badge in the top-left corner gets seen in the first fixation. A badge in the top-right gets seen second, or sometimes not at all if the shopper has already moved to the price.
The exception: if your product image has a strong subject in the top-left, place the badge top-right to avoid covering it. The rule is: badge goes where the eye lands first, as long as it does not block the product.
How to do it: In your image editor or theme settings, set badge position to top-left with 12px padding from the edge. If your theme only supports top-right, use Canva or Figma to bake the badge directly into the product image before uploading.
4. Use Specific Badges, Not Generic Ones
“New” tells the shopper nothing. “New for Autumn” tells them something. “Best Seller” is vague. “200+ Sold This Month” is specific and credible.
Generic badges feel like marketing. Specific badges feel like information. The shopper’s brain treats them differently. A specific number or detail makes the badge feel like it was earned, not invented.
Here are 5 generic badges and their specific upgrades:
- “New” becomes “New for Autumn 2026”
- “Best Seller” becomes “200+ Sold This Month”
- “Limited” becomes “Only 8 Left in Stock”
- “Eco” becomes “100% Recycled Packaging”
- “Award” becomes “Vogue Editor’s Pick 2026”
How to do it: Go through your top 20 products and rewrite each badge to include a specific detail. Update the badge text in your theme editor or re-export the product images with the new labels. This takes about 30 minutes for a 20-product store.
5. Remove Badges From Products That Do Not Need Them
Not every product needs a badge. If everything has a label, nothing stands out. The products that actually need badges are the ones where the badge changes the shopper’s decision.
A product that is genuinely low stock needs a badge because urgency matters. A product that is a legitimate best seller needs a badge because social proof matters. A product that has been in your catalogue for 8 months and sells moderately does not need a badge. It just needs a good photo and a clear description.
Audit your store: remove badges from any product where the badge is not adding new information. If the shopper would make the same decision with or without the badge, the badge is decoration, not communication. Remove it.
How to do it: Open your product list. For each product with a badge, ask: “If I removed this badge, would the shopper’s decision change?” If the answer is no, remove it. This takes 15 minutes and instantly declutters your store.
The Quick Version
- One badge per image, never two
- Match badge colour to your brand palette
- Place badges top-left, not top-right
- Use specific details, not generic labels
- Remove badges from products that do not need them
None of these require a plugin, a developer, or a redesign. They require 45 minutes and a critical eye. Do it this week.
Want More Like This?
Want more like this? Join MOKU Club for free. Weekly resources, early access to new guides, and occasional templates you can actually use. Join below.
