Say you have a sale on. Some products are 5% off, some end-of-season stock is 30% off, and a few items you want to clear are 60% off. On the shop page all three look the same: the same badge, the same color, the same corner.
A badge that shows the real percentage only fixes half of this. The number changes, but the badge still looks the same, so your best deal sits in the grid looking just like the product you barely cut. It gets no more attention than the weakest offer on the page.
This guide shows how to split discounts by size, how to build two badges that never land on the same product, and what else you can add once they work. By the end you will have:
- Big discounts that look different. A 60% cut gets its own color and wording instead of the same badge you use for 5%.
- Badges that sort themselves. Each product gets the right badge from its own prices, with nothing to set by hand.
- Rules for who sees what. Extra conditions that limit a badge to certain products, certain customers, or the last few days of a sale.
Everything in this guide works in the free version of Advanced Woo Labels, apart from a few extras that are marked as PRO. No code at any point.
Why Use Tiered Discount Badges
Shoppers do not read every badge on a category page. They scan for patterns, and a badge that sits on every reduced product turns into background after a few rows. Splitting them into tiers fixes that:
- Your best offer gets noticed. A red badge among gray ones stands out instead of blending in, so the attention lands on the deal that earns it.
- Shoppers can rank your sale at a glance. They can tell a big cut from a small one across the grid, without opening a product page.
- A weak sale becomes obvious. If every product wears the plain badge, your sale has no standout deal, which is better to know before it goes live.
How to Create Two Discount Tiers in WooCommerce
Example: creating two badges for different discount sizes. By the end of this tutorial you will have two labels running side by side on your shop page:
- Up to 39% off. A plain gray badge with each product’s own number, so one reads -12% and the next reads -30%.
- 40% and above. A red badge with MEGA in front of the number instead, so one reads MEGA -55% and the next reads MEGA -70%, in the same shape and the same corner so the two look like one set.
Each product picks its own badge from its prices, nothing is set by hand, and no product can ever get both.
The plan is to build the plain badge first, set its upper limit, then copy it and switch the comparison round. In that order the copy already has everything, so it needs one change instead of a rebuild.
Follow these steps to create two tiered sale badges:
-
Install and activate the Advanced Woo Labels plugin from the WordPress plugin directory, or from the plugin page.
-
Go to Adv. Woo Labels → Settings and set Show default ‘sale’ label to Hide. Otherwise WooCommerce keeps showing its own badge next to yours.
-
Go to Adv. Woo Labels → All Labels, click Add Label, and title it Discount standard. Titles are only visible in the admin, so name them after the badge they control.
In the Label conditions box add:
Product is on sale → equal to → Yes
Then click and to add a second rule in the same group:
Product sale discount → percents → less or equal to → 39
This is the upper limit, and setting it now is what stops both badges showing on the same product later.
The standard tier capped at 39 percent -
In the Label settings box put this in the Label text field:
-{SAVE_PERCENT}%{SAVE_PERCENT}shows each product’s own discount as a whole number, so this badge reads -12% on one product and -30% on another. -
Now set the badge style. Pick a Template shape and a Position type, then turn on Set custom styles and choose a quiet Label color. Gray or a soft brand color works well here, because this is the plain badge the other one has to stand out against.
Styling the plain badge with the live preview -
Click Publish, then use the Duplicate label link in the Publish box. The copy keeps every rule and every style setting, which is why these steps are in this order.
-
Open the copy, rename it Discount deep, and change the one rule that is different:
Product sale discount → percents → greater or equal to → 40
The two ranges now meet without overlapping: 39 and below goes to one badge, 40 and above to the other, and no product can match both.
The hight tier discount badge condition rules -
Change the Label text on the copy so it says more:
MEGA -{SAVE_PERCENT}% -
Then set the style. Change Label color to red and leave the rest alone. Keep the same shape and the same position as the plain badge, and let color and wording do the work. Two badges in different corners at different sizes look like two separate features instead of one set.
The deep tier restyled to stand out -
Publish it, then open your shop page and check one product from each range. Test the edge as well: a product at exactly 39% and one at exactly 40% should each show one badge, never two.
Both tiers live on the shop page
Add a Third Tier
A third badge works the same way, except the middle one now needs a lower limit as well as an upper one. Three rules in one group:
- Small. On sale, and sale discount percents less or equal to 19.
- Standard. On sale, sale discount percents greater or equal to 20, and sale discount percents less or equal to 39.
- Deep. On sale, and sale discount percents greater or equal to 40.
Three is usually as far as it is worth going. Add more and the badges stop meaning anything, because nobody remembers what each color stands for, and you are back where you started.
Use Amount Saved Instead of Percentage
Set the Product sale discount suboption to amount instead of percents and the same rules work in money instead. This is the better choice when your prices vary a lot, because 30% off a phone case and 30% off a laptop are not the same saving, and shoppers know it.
Use a matching label text so the badge says the same thing as the rule:
Save {SYMBOL}{SAVE_AMOUNT|2}
The |2 sets the decimal places, and the amount uses your store’s number formatting. Do not mix the two: if you split by amount but show a percentage, the badge no longer explains why it looks the way it does. The text variables reference lists the rest.
Add Days Left to the Sale Badges
If your sale prices have an end date set in the product editor, the {SALE_ENDS} variable prints how many days are left. Put it on the top tier only, so the badge you most want people to see does two jobs at once:
MEGA -{SAVE_PERCENT}%{BR}{SALE_ENDS} days left
{BR} adds a line break, so the discount sits on one line and the countdown on the next. Both variables are in the free version.
Check a few products before you roll this out. {SALE_ENDS} only prints a number when the product has a sale end date, so if you set sale prices without dates the badge comes out short.
Combine Tiers With Other Product Rules
The discount range is only one rule. Anything else you add to the same group has to pass as well, so you can narrow a badge down to exactly the products you want. These are all free conditions:
- Product category. Keep the loud badge off gift cards, or run it on one range only.
- Product stock status. Only badge what you can actually ship.
- Product quantity. Add a low stock rule and the badge starts to mean big discount and nearly gone.
- Product price. Only badge products above a certain price, where the saving is worth shouting about.
Add rules with the and button and they join the same group. Each one you add makes the badge show on fewer products. The full list is in the display conditions documentation.
Show Sale Badges Only to Specific Users
The rules are checked when the page loads, so a badge can also depend on who is looking at it. User role is the free condition to reach for:
User role → equal to → Wholesale Customer
Add that to a tier and only wholesale customers see it. Flip it to not equal to and you hide the badge from a role instead, which helps when one group already gets its own pricing and a discount badge would only confuse them.
PRO adds more to work with: User country, User language, User device for a mobile-only badge, and rules based on what is in the cart or what the customer has bought before.
FAQs
Can I show the actual discount value inside the label?
Yes, that is what the text variables are for. {SAVE_PERCENT} prints the discount as a percentage and {SAVE_AMOUNT} prints it in money, with {SYMBOL} for your currency symbol. Put them in the Label text field alongside your own wording, so a badge can read -30%, Save $32.00 or MEGA -55%. The value is worked out per product, so you never type a number yourself.
Do I need the PRO version to create discount tiers?
No. The Product sale discount and Product is on sale conditions, the {SAVE_PERCENT} and {SAVE_AMOUNT} variables, and the color, font and spacing options are all in the free version. PRO adds image labels, animations, borders and shadows, extra badge shapes, and conditions based on things like user country, device or purchase history.
What happens if a product matches two tiers?
Both badges show, which is why the steps above use ranges that cannot overlap. If you would rather let them overlap, the Priority value on each label decides which comes first, and Max. number of labels per position limits how many appear at all.
How many tiers can I create?
There is no limit on how many labels you can build, and with separate ranges each product only matches one of them anyway. The real limit is readability: three is usually where an extra badge stops helping.
Can I limit the maximum number of badges per product?
Yes. On the settings page, Max. number of labels per product caps how many badges one product can show at once and is set to five by default. Max. number of labels per position does the same for a single spot, such as on the product image. When more labels match than the cap allows, the Priority value on each label decides which ones win.
How does a tier work on a variable product?
The discount used is the largest one across the variations, not an average. A product where one variation is half price and the rest are full price counts as a 50% discount, so it goes into whichever range 50 falls into.
Can I hide small discounts completely?
Yes, and it is often worth doing. Give your lowest badge a lower limit instead of starting at zero, for example sale discount percents greater or equal to 10, and anything under that gets no badge. A 3% badge just makes shoppers do the maths you would rather they skipped.
Do the tiers update when prices change?
Yes. The rules are checked when the page loads, so a product moved from 30% to 50% off swaps badges by itself, and one whose sale ends stops matching any of them. Nothing needs updating by hand.
Can I animate only the top tier?
Yes, with PRO. The label edit page has an Animation tab where you pick a ready-made effect and set its duration, delay and repeats. Because only one badge has it, this is animation used well: one badge moves and the rest stay still. See the label animations documentation.
Conclusion
A badge that shows on everything stops being read. Tiers put the attention back where it counts, and the work is one rule used twice with a different comparison: build the plain badge, set its limit, copy it, switch the comparison.
If you have not built a percentage badge yet, start with how to add a discount percentage badge in WooCommerce and come back here to split it into tiers.
The numbers here are examples, so pick the cut-off that fits your own prices. See the sale badge with discount documentation for the full list of options, or the Advanced Woo Labels feature list for what else labels can use.