How to Add Sale Badges and Best Seller Tags in Shopify

Product badges are eye-catching labels such as Sale or Best Seller that appear on collection pages and product grids. They help draw attention to specific products and can improve conversion rates. In this guide, NextSky will show you how to add and manage Sale and Best Seller badges using Shopify's built-in features, theme settings, and no-code solutions.

Why are product badges important for Shopify Stores?

Most shoppers don't carefully read every product on a collection page. Instead, they scan quickly and make decisions within seconds. That's why product badges serve as powerful visual cues that help products stand out and attract more clicks.

• Grab attention: Badges like Sale and New highlight products among dozens of competing options.
• Create urgency and value: A Sale badge or discount percentage immediately communicates a special offer.
• Build trust: A Best Seller badge acts as social proof, helping customers feel more confident in their purchase decisions.
• Improve conversions: When used strategically, badges can increase click-through rates and drive more sales.

How Sale Badges Work in Shopify

Shopify includes built-in support for Sale badges, so you don't need an app or custom code to display discount labels.

1. Go to Shopify Admin and open the product you want to edit.
2. In the Pricing section:
3. Click Save.

When the Compare-at price is higher than the Price, most Shopify themes automatically display a Sale badge on collection pages and product pages. Some themes also show the discount percentage (for example, 20% Off) and strike through the original price.

How to Add Best Seller, New, and Custom Badges

Shopify does not automatically create Best Seller badges based on sales performance, but you can easily achieve this using product tags and theme functionality.

Method 1: Use Product Tags

1. Open the product in Shopify Admin.
2. In the Tags section (right sidebar), add a tag such as:
3. Click Save.

Many modern Shopify themes, including Dawn-based and custom themes, can automatically display these tags as product badges. Preview your collection page to confirm how your theme handles them.

Method 2: Configure Badge Settings in Your Theme

1. Navigate to Online Store → Themes → Customize.
2. Open a collection template or select a product card section.
3. Look for options such as:
4. Enable the feature and map specific product tags to badge styles.

If supported by your theme, you'll be able to control badge placement, colors, and which tags trigger specific badge designs.

Method 3: Customize with liquid

If your theme doesn't support badges or you need complete control over the design:

1. Create a new snippet (for example, best-seller.liquid).
2. Use a conditional Liquid statement such as:

{% if product.tags contains 'best-seller' %}

 <span class="badge badge--best-seller">Best Seller</span>

{% endif %}

1. Add the snippet to your product card section through your theme files.

This method requires basic familiarity with Shopify Liquid. Always duplicate your theme before making code changes.

Advanced solutions: No-code apps and custom development

For dynamic badges and more advanced functionality, consider the following options:

Theme-based solutions

Many premium and custom Shopify themes include advanced badge systems that allow you to create rules based on tags, inventory levels, discounts, or collections.

Shopify apps

Search for "product badges" or "product labels" in the Shopify App Store. Many apps can automatically display badges based on:

• Sales performance
• Inventory levels
• Product tags
• Discount campaigns
• New product launches

Custom development

Custom development is ideal if you need unique badge designs or highly specific badge logic. NextSky specializes in building badge systems that integrate seamlessly with your store's design and performance requirements.

Best practices for using product badges

To maximize the effectiveness of your badges and improve conversion rates:

• Use badges selectively: Reserve Best Seller for genuinely popular products and Sale for actual promotions.
• Choose the right placement: The upper-left corner of product images typically receives the most attention. The upper-right corner or near the price can also work well.
• Keep the design clear: Use contrasting colors and concise text that remains readable on both desktop and mobile devices.
• Test and optimize: Preview badges across multiple devices and run A/B tests when possible to identify the highest-converting design.

Tip: Avoid overusing badges or displaying misleading labels. Doing so can reduce trust and negatively impact the shopping experience.

Sale badges and Best Seller tags are simple yet highly effective tools for improving product visibility and increasing conversions in Shopify. Whether you use Shopify's built-in discount features, theme settings, or custom badge solutions, a well-implemented badge strategy can help shoppers find the right products faster and encourage more purchases.