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 label
  • Create a text label
  • Conditions of labels

How to create a Label?

PreviousAbout appNextHow to create a Badge?

Last updated 9 months ago

What is a Label?

A label is used to be displayed inside the product image:

Create an image label

  1. From the app admin page, click Labels > click Create label button.

  2. Select Image label > click Create new label button.

  1. In the Style configuration, click Select label button

From here, you can search, choose the image in the library, then click Select button

You can also use Custom Image or Upload Image to use your own design

  1. Place the position for the image and adjust the size for the label.

  2. Select a product to show the label

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

Create a text label

  1. From the app admin page, click Labels > click Create label button

  2. Select Text label > click Create new label button.

  1. In the Style configuration, set up the text label by changing the content, size, text style and background color

If you’d like to use Variable, simply click Show more right under the Content section, there are a bunch of variables you could use:

  • {inventory}: to show In Stock, Sold Out

  • {sale}: to show the discount percentage

  • {sale_amount}: to show the discount amount

  • {start}: Counting up from now until the set timer date (with now as 00h 00m 00s)

  • {end}: Counting down from now to the set timer date (with the set timer date as 00h 00m 00s)

  • {inventory_quantity}: to show total quantity in inventory

  • <br/>: to break the line

  • <b>your text here</b>: for bolder text

  1. Select a product to show the label

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

Conditions of labels

We offer flexible conditions to apply labels with some basic conditions related to products, collection images, customers, or inventory status.

  • In Show Label on, tick to choose the page types you want to show the label on.

  • At the Do Not Show Label on, the Custom Blocks function will assist you in preventing/removing the label that appears in an unfavorable location by utilizing the CSS Selector. However, if you want the label to vanish on particular pages, select the Specific Pages option.

  • On Product Page, show the label either on All Images or First Image only to avoid the crowded feeling.

Notes:

  • When you place several labels for the same product in the same position, they will overlap.

With the conditions related to Products and Customers, you can apply the label to specific products/customers or choose what products/customers to exclude.

For example, only apply FREE Shipping label for Wholesale customers having the tag "Wholesale."

Similar to the Pro Plan, you can add the label on the inventory and discount conditions.

Read more:

You can also add the label based on its Price Range. Recommended for the labels such as Under 100, Under 200, Under 300, etc.

If you want the label to appear or disappear within a specific time - for example, during your sale campaign, just enable the Visibility Date and enter the period.

We also have conditions for NEW products. You can choose to show the label New for products published within a specific time and for specific days.

In case you want to automatically add the label for NEW products, you can skip the Published Date function.

Also, choose to show the label for specific countries, suggested for Free Shipping label.

If you choose the Custom Block but the label still appears, please contact our support team at for assistance.

Let us know at or via Live Chat if you need further help.

support-sbc-ta@bsscommerce.com
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?
support-sbc-ta@bsscommerce.com