Step by step
Open Promotions → Badges
The Badges page holds the sale badge, the countdown timer, the low stock badge, the announcement banner and the cart page blocks.
Turn on in theme
Turn on in theme opens your theme editor with the badges switched on. Click Save there, once.
Choose where they show
On product images puts the badge on cards on collection and search pages and on the product page's main image; Next to the Buy button puts it above the Buy button. With both on, turn off Show it on the product image too to show it once on the product page.
A drawing of the app's screen, with its real labels. Design the badge
Pick a look from the tiles, then adjust Text, Colors, Type and Effects. In the text, [percent] becomes the percent off and [amount] the money off. Show from gives badges only to discounts of at least that percent.
Save
Click Save in the bar at the top. Save my look keeps your colors and style as a look of your own.
Choose per sale
In the sale form, Show sale badge is on by default. Turn it off for a sale that should stay quiet.
Tips
- To place the badge elsewhere on the product page, add the Sale badge block in the theme editor and drag it.
- Who sees badges sets the badge's text for each language; on Pro and Business it can also limit badges to some customers or countries.
- If a product's variants have different discounts, its card says “Up to” the biggest one.
What to check
- Store check: Sale badges in your theme and Badges on your store's pages are green.
- Open a product that is in a running sale and look for the badge.
Common mistakes
- Forgetting Save in the theme editor after Turn on in theme: the badges stay off.
- Leaving Show sale badges on my store off: it hides every badge at once.
- Looking for a badge on a product whose price was changed by hand during the sale: its badge comes off.
The plan you need
On the Free planSale badges are on every plan. Showing them only to some customers or countries is on Pro and Business.
Your questions
Does it change my theme's code?
No. The badge is a theme app embed you turn on in the theme editor, and it goes away with the app.
Why don't I see the badge?
Check that the Sale badges app embed is on in your published theme and saved, and that the product is in a running sale. Store check tells you which.
Related tutorials
- Countdown, banner and low stockShow the time left in a sale on product pages, an announcement banner while a sale runs, and an honest Only N left badge from your real stock.
- Cart goal and savingsShow shoppers what they save above the checkout button, and add a Cart goal bar that shows how far it is to the next deal tier, free delivery or a gift.
- Store check and safe modeStore check gives everything the app needs in your store a light and a Fix button. Safe mode hides the app's blocks from shoppers in one switch.
Learn more
- Use caseShopify Discount Not Showing on Product Pages? Here's WhyShopify discount codes and automatic discounts apply at checkout, so product pages keep the full price. How to show the sale price while shoppers browse.
- Use caseCompare-at Price on Shopify: Show the Saving, Then UndoShow the original price crossed out during a Shopify sale with compare-at prices, and put every price and compare-at back when the sale ends.
- FeatureBadges and countdownTheme app blocks that show what's on sale and for how long, turned on once in the theme editor.
Run your next sale with Market Manager
Free plan. Paid plans start with a 7-day free trial.