Badges, labels, and images
Highlight your best tier with a badge, add a per-item label, and put an image on a tier.
Add a badge
A badge is the small flag on a tier — Most Popular, Best Value, Save 20%.
Open the Offers tab and find the tier you want to highlight.
Type your text into Badge text.
Pick a Badge Style.
Click Save.
Badge styles
| Style | Look |
|---|---|
| Simple | A plain badge in your bundle's badge colors (Badge group in the Colors card on the Design tab). It only appears when Badge text isn't empty. |
| Most Popular | A preset ribbon that always reads "Most Popular". Badge text is greyed out because the wording is fixed. It still uses your badge colors. |
| Dark | A dark badge with white text. Its colors are fixed, so the badge colors don't change it. It shows your Badge text, and no badge appears if that is empty. |
Badges only exist in the horizontal layout. In the vertical layout the Badge text field and the style picker are hidden, and no badge shows on the storefront.
Badge one tier, not all of them. A badge on every tier highlights nothing.
Add a label
The Label is a short highlighted tag on a tier. In the horizontal layout it sits next to the title; in the vertical layout it becomes a banner across the top of the card. It's where the per-unit maths goes:
{{new_price_per_item}} per itemYou save {{saved_amount_total}}
Labels are the quickest way to make a bigger tier look obviously cheaper. Their colors are in the Label group on the Design tab.
Add an image
On the tier, click Add Image, under Image (Optional).
Under Image Type, pick one of the three options: No Image, Show Variant Image, or Upload Custom Image. For a custom image, drop a JPG or PNG file into the upload box.
Set Image size (0–100 px) and Image Radius (0–100%, where 50% makes a circle) in the same window.
Close the window — your choice applies as you make it, and there's no Save button here. Save the bundle itself when you're done.
Show Variant Image shows the image of the variant the customer currently has selected on the product page, and falls back to the product's main image. Once you've uploaded a custom image, the button on the tier reads Edit/Change Image.
Images and layouts
A tier image takes the place of the round selector. In the horizontal layout it sits at the left of each full-width row, which gives an image and longer titles the most room. In the vertical layout the tiers are narrow side-by-side cards and the image sits centered at the top of each one, so keep it small.
A setup that works
| Tier | Title | Subtitle | Badge text | Label |
|---|---|---|---|---|
| 1 | 1 Pack | — | — | — |
| 2 | 2 Pack | Save {{saved_percentage}} | Most Popular | {{new_price_per_item}} per item |
| 3 | 3 Pack | Save {{saved_percentage}} | Best Value | {{new_price_per_item}} per item |
Use the Simple badge style for this setup. The Most Popular style draws its own fixed wording instead of your Badge text.