How to create a Label?

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 Choose image button

Choose the image from the library or upload your own image or design an image

  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.

  • If you choose the Custom Block but the label still appears, please contact our support team at support-sbc@bsscommerce.com for assistance.

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:

pageHow to show label/badge when product quantity = 0?pageHow to add the Sold Out label automatically?pageWhy doesn’t the label/badge appear when the product is out of stock?

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.

Let us know at support-sbc@bsscommerce.com or via Live Chat if you need further help.

Last updated