Skip to main content

Getting Started with Product Badges

Updated over a week ago

What are Product Badges?

Badges are an effective way to boost awareness of products in your store. Badges display on products based on your Shopify product tags. Select which pages they will be displayed on, design them to your brand, position them as needed, and set a priority order in case a product qualifies for multiple badges that will overlap.

Why you should use Product Badges?

Badges are a simple and effective way to increase your app's conversion rate. Here are some examples of how our most successful merchants are using badges to increase sales:

  • Establish social proof: "Best Seller", "Staff Pick"

  • Drive urgency: "Limited Edition", "Low Inventory"

  • Educate your buyers: "New Arrivals", "Seasonal", "Sustainably Made"

  • Promote a sale: "10% Off", "BOGO", "Free Shipping"

How to create a Product Badge?

  1. Navigate to your app icon in the top right corner and click on the drop-down to select 'Settings'

    Screenshot 2024-03-22 at 4.20.35 PM.png
  2. Select Add Badge to create your 1st badge

    Screenshot 2024-03-22 at 4.20.49 PM.png

    Merchants can select which pages their badges will be shown on:

    • Badges under Displayed on Product Detail Pages, will be shown on product detail pages

    • Badges under Displayed on Collections, will be shown on your home page collection blocks and product landing pages
      *All badges do not display on product images in search, cart, checkout, or through any 3rd-party integration blocks

  3. Select a Shopify Product Tag related to your product(s) the badge should display on

    Screenshot 2024-03-22 at 4.21.22 PM.png

    The selected Shopify product tag is what the badge will be based on. Using the example above, any product that has the tag “best seller” will display this badge.

  4. Name your Badge Title

    Screenshot 2024-03-22 at 4.21.47 PM.png
    • This is the text that will be displayed for your badge.

      • Product Detail Page badges can be up to 24 characters

      • Collections badges can be up to 16 characters

  5. This is the icon and/or text that will be displayed for your badge.

    Screenshot 2024-03-22 at 4.21.36 PM.png
    • Product Detail Page badges can be up to 24 characters with text only

      • Icon included: up to 19 characters

    • Collections badges can be up to 16 characters with text only

      • Icon included: up to 11 characters

    • Important Note: Support for custom icons on product badges are on the Enterprise tier.

  6. Exclude products from showing this badge (optional)

    CleanShot_2022-10-31_at_12.53.21_2x.png



    You can use conditional logic to exclude products with a specific product tag from displaying a badge. This is helpful if your store manages a high volume of tags and products.

  7. Customize the colors, corner radius, and positioning of your badge

    CleanShot_2022-10-31_at_13.21.12_2x.png
    • Font color - hex color of the badge title font

    • Background color - hex color of the badge background

    • Corner radius - select 1 corner radius style

    • Vertical positioning - select 1 vertical position

    • Horizontal positioning - select 1 horizontal position

  8. Set a priority order in case a product qualifies for multiple badges

    CleanShot_2022-10-31_at_21.29.53_2x.png



    Certain products may qualify for multiple badges. This is true if a product has multiple tags that are targeted and those badges are using the same vertical position.

    Using the example above, if a product has both the "new release" and "best seller" tag, only the "New Release" badge will be shown since it has a higher priority and both of the badges use the "Top" vertical positioning. If the "Best Seller" badge was using the "Bottom" vertical positioning, both badges would be displayed on the product. The "New Release" badge would be shown on top and the "Best Seller" badge on bottom.

  9. Toggle your badges to Enabled and select Save & Update to set your badges live

    Screenshot 2024-03-22 at 4.23.09 PM.png

More Questions

To learn more about Tapcart, visit Tapcart Academy to become a mobile app expert!

If you have additional questions on badges, we’re happy to help! Please reach out to a Tapcart Team member through our LiveChat in your dashboard or you can email us at [email protected].

Did this answer your question?