Everything you need to install, design badges, set targeting rules, and get the most out of every feature.
Up and running with your first badge in under 5 minutes — no coding required.
Click Install on the app listing. Approve the requested permissions and you'll be redirected to the badge dashboard inside your Shopify admin.
Click Create Badge on the dashboard. Choose a template from the gallery or start with a blank canvas. Give your badge a name (e.g., "Summer Sale") and open the designer.
Use the visual editor to set the badge text, font, fill color or gradient, shape, size, and position. Changes preview live — what you see in the editor is exactly what customers see.
Go to the Targeting tab within the badge editor. Add one or more rules — by product, collection, tag, inventory level, discount, or date range — to control exactly which products display this badge.
In your Shopify admin go to Online Store → Themes → Customize. Click App Embeds in the sidebar and toggle on Product Label & Badges. Save — badges are now live on your store.
The app embed is a one-time setup. All future badge changes, additions, and deletions take effect immediately without revisiting the theme editor.
Full visual control over how your badge looks — from shape to typography to animation.
Control exactly which products show a badge using one or more rules. Rules are evaluated live on the storefront.
on-sale, new-arrival, staff-pick). Multiple tags can be added; the badge appears when any of the tags match.Dynamic rules update automatically. Inventory status and discount rules are evaluated fresh on each page load — badges appear and disappear in real time without any manual re-publishing.
Choose where your badges appear and set different positions per surface.
Badge positions are relative to the product image container as rendered by your theme. If a badge appears off-center or clipped, try adjusting the XY offset values or check whether your theme applies overflow:hidden to product image wrappers.
Understand which badges are driving engagement and influencing purchase decisions.
Once you're on the Pro plan, impression and click data is collected automatically for every active badge — no configuration needed. The storefront JS fires events to the analytics queue whenever a badge is viewed or clicked.
Open the Analytics tab in the app. Each badge is listed with its total impressions (times displayed), clicks, and click-through rate (CTR). Filter by date range to see performance over any period.
In the badge editor, set a Click URL on any badge. When a customer clicks the badge, they're taken to that URL (e.g., a sale collection, a product page, or a landing page). This click is recorded in Analytics and the badge acts as a direct call-to-action.
Start free forever. Upgrade to Pro for unlimited badges and advanced features. Pro includes a 7-day free trial.
Billing is handled entirely by Shopify — no separate payment method needed. To upgrade or cancel, go to Plans & Pricing in the app dashboard. Cancellation takes effect immediately with no fees. If you downgrade from Pro to Free, badges above the 5-badge free limit are paused automatically (not deleted) until you re-upgrade.
Common issues and how to resolve them quickly.
overflow: hidden to product image containers. Try switching to a corner position preset first. If that doesn't help, use the custom XY offset (Pro) to nudge the badge inside the visible area. You can also contact support and we'll provide theme-specific CSS.Our support team responds within 1 business day and knows Shopify inside-out.
Contact Support