Create a badge

Create the badge

1. 1

   Click Create badge

   Go to Badges and click Create badge.

2. 2

   Start from a template (optional)

   Under Start from a ready-made badge, click one to fill in its text, icon and colours. You can change anything afterwards.

   Template	Badge
   Sale	Sale, red
   New	New, green
   Hot	🔥 Hot, orange
   Bestseller	👑 Best, purple
   Limited	⏰ Limited, charcoal
   Trending	📈 Trending, pink
   Pre-order	⏰ Pre-order, teal
   Eco	🌿 Eco, green

   

3. 3

   Name it

   Enter a Name (up to 40 characters). Only you see it; it identifies the badge in your list.

4. 4

   Set the text and icon

   Type the Badge text (up to 24 characters) and pick an Icon from the grid, or type your own emoji or symbol in Custom icon (up to 12 characters). A badge needs text, an icon, or both.

5. 5

   Set colours, position and size

   Setting	Choices
   Background color	Any colour, red #d91b1f to start
   Text color	Any colour, white to start
   Position	Top left, Top center, Top right (default), Bottom left, Bottom center, Bottom right
   Badge size	Small, Medium, Large, or the text size slider from 8 to 16 px (10 px to start)
   Uppercase badge text	Shows the text in capital letters

   

6. 6

   Choose where it shows

   Tick Show on product cards to also show a compact badge on collection, search, home page and recommendation cards.

   The Storefront switch at the top turns the badge on or off everywhere, while keeping its setup.

7. 7

   Save, then assign it

   Click Save. A badge shows nowhere until it's assigned: see Assign a badge.

Troubleshooting

• Add badge text or pick an icon: the badge needs at least one of them.
• The badge is assigned to an option or value.
• The Storefront switch is on, and the badge is Active in the list.
• The option uses a style that shows badges: swatches, pills, polaroids or buttons, not a dropdown.
• For product cards, Show on product cards is ticked.