Overview #
The Option Value Badge feature lets you highlight specific option values using small badges like “Best Seller”, “Hot”, “Limited” (or any message you prefer) so customers notice them instantly.
You can use badges to call attention to popular choices, special items, new arrivals, or anything you want customers to focus on. A badge can include an icon, text, or a combination of both, and appears right next to the option value on your product page.
This is a great way to guide customers visually without making your product page feel cluttered.
Available on Premium & Enterprise plans
Supported option types: #
- Dropdown
- Checkbox
- Color swatch
- Image swatch
- Button
- Radio button
- Product list
Demos #
Example 1:
Example 2:
Common Use Cases #
Here are some popular ways merchants use badges:
- Highlight “Best seller”, “Hot”, “Most picked”, or “Recommended”
- Mark “Limited stock”, “Seasonal”, or “Last chance” options
- Promote upsell choices like premium materials or gift wrapping
- Make product variations more noticeable, such as new colors or styles
- Communicate attributes like “Eco-friendly”, “Handmade”, etc.
Badges help customers make quicker decisions and often lead to higher engagement and conversions.
How To Set Up Option Value Badges #
Step 1: Add your option and option values #
Create your option and input all option values just like you normally do.
Step 2: Add a badge to your target option value #
- Find the option value you want to highlight.
- Click the (+) button next to the Label field.
- Choose an existing badge or click Add custom badge to design your own.
Custom Badge Settings
When designing a custom badge, you can adjust:
Icon #
- Choose from our icon library and set the icon color.
- Or upload your own icon if you want branding consistency.
Simple icons usually work better because customers can understand them at a glance.
Text #
- Add a short message (up to 12 characters).
- Choose a text color that stands out but still matches your theme.
Background Color #
- Pick a background color that fits your design.
- If you don’t want a background, simply select white or increase transparency.
Once you’re satisfied, click Add and your badge will be saved.
You can edit or delete custom badges anytime.
Removing a Badge
To remove a badge from an option value, click the badge again and choose No icon. The badge will disappear instantly.
Notes: Your custom badges are saved and can be reused across all option sets as long as you’re using the same browser and device.
How Badges Appear on Different Option Types #
Badge placement changes slightly depending on the option type. Here’s what you can expect:
Dropdown, Checkbox, Radio Button, Product List #
Color Swatch, Image Swatch #
Button #
Need Assistance? #
If you encounter any issues or need help setting up badges, our support team is always ready to assist you through the in-app live chat. We’re here to make sure everything works smoothly for you!
