Variant badges
Variant badges
Variant badges let you pin a small label directly on a swatch — things like New, Hot, Limited, or Best seller — so shoppers notice key variants at a glance without having to read through a product description.
Manual, assigned by you
Every badge you create here is manual: you assign it to specific variant values yourself, and it shows on those values regardless of stock status.
How it works
- A badge starts as a preset — design how it looks once, then assign it to as many values as you want.
- Each value can show one badge at a time.
- Updating a preset (text, color, position, shape) instantly updates everywhere it's assigned.
- Deleting a badge removes it from every value it was assigned to.
- Badges display on every variant display type: swatch, button, dropdown.
Create a badge
- Go to Variant badges → click + Create badge
- Fill in the badge details
Field | Description |
|---|---|
Preset name | An internal label for you to recognize this badge in the list. Shoppers don't see it. |
Badge text | The text shoppers see on the swatch (up to 40 characters). Click the emoji icon to add an emoji. |
Text color | Foreground/text color of the badge (hex code). |
Background | Background color of the badge (hex code). |
Position | Where on the swatch the badge appears: Top left, Top right, Bottom left, or Bottom right. |
Shape | Pill, Rectangle, or Corner ribbon. |
The Preview panel on the right updates live as you type.
- Click Save
You'll be taken to the badge's edit page, where the Assign to swatches section becomes active.
Assign a badge to swatches
After saving, the Assign to swatches section appears below the badge form.
- Pick the option from the dropdown
- Check the values that should show this badge
The values already assigned to this badge are shown under Currently assigned to. Tick or untick individual values — changes save automatically.
- Click Save assignment to save the changes
Updated on: 25/09/2026
Thank you!