BSS Product Labels & Badges
  • About app
  • How to create a Label?
  • How to create a Badge?
  • How to create a Label Group?
  • Integration
    • LAI Product Review Integration Guide
  • FAQs
    • How to Provide Your Store's Collaborator Code
    • How to Approve Our Collaborator Request
    • How to create a text label/badge with custom style?
    • How to redirect customers after clicking on label/badge
    • What to do when some of the labels are appearing in places they should not?
    • Why are the changes of labels not applied on my products?
    • How to convert the language in the label or badge on your on your multilingual site?
    • How to add 2 labels at the same time on certain products?
    • How to show labels beautifully on the desktop and mobile?
    • How to change colors of the label?
    • How to exclude the label from unexpected page(s) or block(s)?
    • How to remove leftover code of the Product Labels Pro app?
    • How to show badges out of product images?
    • How to show label/badge when product quantity = 0?
    • How to add the Sold Out label automatically?
    • Why doesn’t the label/badge appear when the product is out of stock?
    • Why can't I see the badge on the product image?
    • Why doesn't the app work?
    • Why are the labels/badges not visible constantly on the page(s)?
    • Why is the label/badge duplicated?
    • How to remove label automatically?
    • How to apply Labels/Badges based on Product/Customer tags?
    • How to show text hover effect on label/badge?
    • How to create labels for product variants?
    • Why after changing theme, labels/badges aren't displayed anymore.
    • Can I add multiple badges on a product?
    • What is Inventory Badge?
    • Can I exclude specific customers from seeing my badge?
    • Can I choose who can see my badge?
    • Can I set the badge below the Buy it now button?
    • How to change the effect the labels/badges show up in the online store?
    • How can I customize the position of badges?
    • How to Display Labels/Badges Only on Mobile Devices
    • How to display your inventory quantity on text labels?
    • Countdown Timer for Label/Badge
    • How to Use Product Metafields to Customize Label/Badge Display?
    • How to Create Product Metafields in Shopify: A Step-by-Step Guide
    • How to Use Variant Metafields to Customize Label/Badge Display
    • How to Create a Label or Badge that Shows Product Metafield Content Automatically
    • Using a List of Values Metafield to Display Labels/Badges
    • Display a Badge Next to the Product Price
  • General
    • How to enable app embed block?
    • Can I have a trial for BSS Product Labels & Badges app?
    • How to translate the app interface into other languages?
Powered by GitBook
On this page
  • Create an Image badge
  • Create a Standard text badge
  • Create an Inventory text badge
  • Conditions tab
  • Here is how your badge looks in the online store

How to create a Badge?

PreviousHow to create a Label?NextHow to create a Label Group?

Last updated 9 months ago

Product badges let you boost sales by emphasizing key product details to customers. You can even use badges to tap into powerful psychological triggers such as scarcity, social proof, and urgency to boost sales.

Our app offers three types of badges: Image Badge, Standard Text Badge and Inventory Text Badge. Follow these steps to create a badge:

Create an Image badge

  1. From the app admin page, click Badges > click Create new badge button.

  1. Select Image badge > click Create new badge button.

  2. In the Style configuration, click Upload image button to upload your own image or click Select badge to choose the image from the library or design an image. You can either select a single badge or multiple badges

When utilizing multiple badges, you have the flexibility to arrange a variety of stickers in a desired sequence, placing them side by side as you choose.

  1. Set up some necessary configurations for the image badge:

  • Badge position: Below Product Name, Below Product Image, Below Product Price, Below Add to cart button, or Below Quantity box.

  • Alignment: Left, Center, Right.

  • Show badge on: Mobile, Desktop.

  • Adjust the Size by Dynamic (%) or Fixed (px) with Width, Height, Margin Top and Bottom properties.

  • Animation: choose an animation for the badge.

  • Enable Badge Alt text: image description

  • Enable Tooltip and Badge link: Show a tooltip and redirect link when hovering and clicking on the badge.

  1. Add the conditions and click Save to update the changes.

Create a Standard text badge

  1. From the app admin page, click Badges > click Create new badge button.

  2. Select Standard text badge > click Create new badge button.

  3. Set up some necessary configurations for the standard text badge:

  • Select the Badge Position and Adjust Size just like the Image Badge.

  • The Custom text badge section provides several options, including Font, Background, Badge style, and more, that allow you to customize badges according to the context.

  • Animation: choose an animation for the badge.

  • Enable Badge Alt text: image description

  • Enable Tooltip and Badge link: Show a tooltip and redirect link when hovering and clicking on the badge.

  • Enable Countdown timer: You can set the countdown timer and hide it when time out

  1. Add the conditions and click Save to update the changes.

Create an Inventory text badge

  1. From the app admin page, click Badges > click Create new badge button.

  2. Select Inventory text badge > click Create new badge button.

  3. Set up some necessary configurations for the inventory text badge:

  • Badge position, badge size: just like the Standard text Badge.

  • Condition & Text Message: provides several context of inventory and font and text style custom.

  1. Add the conditions and click Save to update the changes.

Read more about Inventory Badge:

Conditions tab

Set the conditions for the badge on the Conditions tab, which are identical to those for labels.

Read more about Conditions at:

  • Can I exclude specific customers from seeing my badge?

  • Can I choose who can see my badge?

Here is how your badge looks in the online store

If you have any further questions, feel free to contact us at .

What is Inventory Badge?
support-sbc-ta@bsscommerce.com
Conditions of labels
Image Badge
Standard Text Badge
Inventory Text Badge