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.
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.
Why Not Just Use Shopify Badges?
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.
How to Create a Because Badge Campaign
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!
1. Turn Your Shopify Theme Badges Off
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.
2. Create a New Badge Campaign
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
3. Customize Your Badge Size & Shape
In the Campaign Editor, click on “Container” to adjust the width and shape of your badge to fit your design needs.
4. Set the Badge Position
Under "Position", select where on the page you'd like your Badge to display.
5. Choose Your Badge Placement
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.
6. Edit Badge Text & Styling
Customize your badge’s text, colors, and styling by navigating to Desktop > Text and Container.
7. Set Your Campaign Rules
Determine which products will display your badge by setting up campaign rules.
You can manually select products or apply logic based on specific Collections.
8. Preview Your Badge Campaign
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.
How Badge Campaigns Work
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.
Step-by-Step Logic
1. Identifying Products on the Page
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.
2. Checking Our Database for 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.
3. Determining Which Products Get Badges
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.
4. How Badges Are Placed 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.
Why Does Badge Placement Work Differently on Some Stores?
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.
Popular Use Cases
Ready to Try It?
In the Because campaign editor, select “Badge” as your content type, then select your page type. From there, you’ll choose your message, adjust styling, and set your targeting rules.
If you have any questions about badge campaigns or need assistance, don’t hesitate to contact our support team at support@trybecause.com. We’re here to help!
Last updated