The Deal Bar

Tier Labels and Badges

3 min readUpdated 2026-09-16

Labels are the small badges on each tier that call out the savings or flag the best option. Used well, they turn a plain list of quantities into a persuasive "obvious choice" layout. Drip Discounts gives you both manual and automatic ways to set them.

Adding a Manual Label

  1. Open the deal and find the bar you want to badge.
  2. Enter the Label text — for example, "Best value" or "Most popular". The field is optional; a bar with no label shows no badge.
  3. Save the deal to show the badge on your storefront.

Manual labels give you full control over the wording, so you can use marketing copy rather than just a raw percentage.

Adding the Percentage Automatically

The checkbox on each bar reads Add discount percentage to the label (label field required). It does exactly what it says, and the parenthetical matters.

  1. Type a label first, for example Super offer.
  2. Tick Add discount percentage to the label.
  3. The badge renders with the percentage prefixed to your text, so a 20% tier labelled Super offer shows as 20% Super offer.
Important

this prepends to your label, it does not replace it. With an empty label field you get a bare percentage and a stray space, which is why the checkbox says the label field is required.

Warning

this only works on a bar whose Price type is Discounted %. If you switch the bar to Default, Discounted € or Specific, the app silently unticks the checkbox for you. Switching back to Discounted % does not tick it again — you have to do that yourself.

When the percentage is added automatically, changing the tier's discount keeps the badge accurate without you editing the label.

Styling Your Labels

  1. Set the Label background and Label text colours so badges stand out (see the colour article).
  2. Adjust the Label text font size and style so the badge is legible but not overpowering.

Using Labels to Guide Choice

  1. Put a strong label like "Best value" on the tier you most want shoppers to pick.
  2. Keep labels consistent across tiers so the comparison is easy.
  3. Avoid badging every tier — when everything is highlighted, nothing stands out.

Previewing

After adding labels, save the deal and view a product page to confirm the badges display correctly and read clearly on both desktop and mobile. The deal editor's live preview pane shows the prefixed percentage before you save.

Was this article helpful?

Let us know so we can improve our docs