Badges
The Because Badge campaign is a dynamic product labeling system that visually highlights items based on product rules and/or user behaviors and preferences.
Last updated
The Because Badge campaign is a dynamic product labeling system that visually highlights items based on product rules and/or user behaviors and preferences.
Last updated
These badges help draw attention to key product attributes and enhance personalization across your Shopify store.
Badges can be customized to display a variety of information, including:
✅ Age suitability (e.g., “Perfect for ages 3+”)
✅ Size recommendations (e.g., “Runs Large - Order One Size Down”)
✅ Product features (e.g., “Eco-Friendly” or “Made in the USA”)
✅ Promotions & sales (e.g., “20% Off - Today Only!”)
✅ Urgency messaging (e.g., “Selling Fast!”)
This guide explains how badge campaigns work in the Because app and provides a step-by-step breakdown of the behind-the-scenes logic.
While Shopify does offer native product badges, they come with several limitations:
❌ Rigid Rule Targeting:
Shopify badges typically rely only on product tags. Because Badges allow for more advanced rule targeting, including dynamic conditions based on visitor behavior.
❌ Limited Design Customization:
Shopify badges are usually tied to your theme, restricting creativity. Because lets you fully customize badge design, placement, and copy.
❌ No A/B Testing Capabilities:
Shopify badges don’t provide insights into performance, while Because badges offer full A/B testing and analytics.
❌ No Ability to Schedule:
Because badges allow you to automatically turn badges on and off for promotions, sales, or limited-time offers—without manually updating them.
❌ Inflexible Messaging:
With Shopify, you can’t dynamically change badge copy to test different messages. Because gives you full control over badge text to optimize for conversions.
If you want flexibility, advanced targeting, and performance tracking, Because Badges are the way to go.
Give your collection page a personality boost with badges that really bring in the sales! Swap out those generic theme badges for something more personal, customizable, and perfect for A/B testing.
Whether it's shouting out a low stock alert, crowning a best seller, introducing something new, or anything else your creative mind can dream up, our badges have got you covered!
If you set up Because badges on the same products as your theme badges, they might start a little turf war and overlap. To keep the peace, head over to Shopify > Online Store > Customize and turn off the theme badges.
Go to the Campaign Dashboard and click the blue “New Campaign” button in the upper right-hand corner.
Select “Badge” as your campaign type.
Choose your page type:
Collection Page
Product Page
In the Campaign Editor, click on “Container” to adjust the width and shape of your badge to fit your design needs.
Under "Position", select where on the page you'd like your Badge to display.
Under “Badge Placement”, select where on your product image the badge should appear. You can choose from options like Top Left, Top Right, Bottom Left, or Bottom Right.
Customize your badge’s text, colors, and styling by navigating to Desktop > Text and Container.
Determine which products will display your badge by setting up campaign rules.
You can manually select products or apply logic based on specific Collections.
Go to the Overview tab and click “Preview Campaign” in the bottom right corner.
Enter the URL of the Collection Page you want to preview.
Click “Preview” to see how your badge will look.
Badges are displayed based on product handles—unique identifiers tied to your Shopify products. These product handles are embedded in the href attributes of anchor (<a>) tags that link to product pages.
For example: /product/jeans → Here, “jeans” is the product handle.
When a collection page or product listing loads, the Because app uses these product handles to determine which badges to display.
When someone visits a collection or product page, the Because app scans the page to identify all the products being displayed.
We gather details like:
The product’s unique ID
Any variations (like different sizes or colors)
We then check this information against Shopify’s built-in data to make sure we have the latest product details.
Once we’ve identified the products on the page, we check our Because database to see if we already have their details stored.
If we already have the product’s details, the badge is applied right away.
If the product is new (or hasn’t been used in a Because campaign before), we pull the missing information directly from Shopify and store it for future use.
Once your store’s products are loaded, Because checks them against the rules you’ve set for your badge campaign.
Only products that match your badge rules will display the badge on your site.
Once we’ve determined which products should have a badge, the Because app automatically finds the right place to display it on your site.
There are two ways badges can be placed, depending on your campaign setup:
Automatic Placement (No-Selector Campaigns – Default Behavior)
The system automatically looks for the product image and attaches the badge near it.
This happens by default, so in most cases, you won’t need to adjust anything.
Custom Placement (Selector-Based Campaigns – Only If Needed)
If the system can’t find the right product image, you can manually choose where the badge should go by using a custom selector.
This is helpful if your site has a unique layout or product display.
Example: Instead of placing the badge near the product image, you might want it next to the product title or price.
By following this process, badges are automatically placed in the best spot, but you also have the flexibility to customize their position if needed.
Because badges are designed to be reliable and accurate, ensuring they always appear on the right products. To do this, our system looks at each product’s built-in Shopify data to determine where to place the badge.
However, if your store uses third-party apps to customize collection pages, badges may not appear correctly (or at all). This happens because some apps load products outside of Shopify’s standard setup, making it impossible for our system to recognize them.
Here are a few examples where Because badges might not work as expected:
❌ Boost Commerce & Similar Apps: These apps pull products from sources outside of Shopify, so our system can’t detect or label them.
❌ Infinite Scrolling Collection Pages: If your collection page loads more products as the user scrolls (instead of loading everything at once), Because may not be able to track and label products dynamically.
❌ Heavily Customized Collection Pages: If your store has a fully custom layout that doesn’t follow Shopify’s standard product structure, our automatic badge placement may not work as expected.
If you have any questions about badge campaigns or need assistance, don’t hesitate to contact our support team at . We’re here to help!
