How to create a Badge?

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:

Step 1: Go to the Badges page, click Add New Badge

Step 2: Fill in the required information

2.1. General tab

  • Set the Status to Enable to display the badge or choose Disable.

  • Enter the Badge Name to manage the badge more easily.

  • In Show on Pages, tick to choose the page types you want to show the badge on.

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

2.2. Configuration tab

In this tab, you can create Image Badge and Text Badge

2.2.1. Set up Image Badge

  • To create an Image Badge, select the Upload Image option or choose from our available library.

  • To have multiple badges, click “Select Badge” and choose “Select Multiple Badges” from the drop-down menu.

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

  • Adjust the Size by fixed ratio or Percentage (%) with Width, Height, Margin Top and Bottom properties.

  • Add a Badge Alt Text for image description and Badge Hover Text for text hover effect.

2.2.2. Set up Text Badge

  • To create a Text Badge, enable Custom Text Badge.

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

  • Choose the type of Text Badge from drop-down menu: Standard Text Badge and Inventory Text Badge

The Text configuration section provides several options, including Font, Background, Badge style, and more, that allow you to customize badges according to the context.

The Inventory Text configuration section provides several context of inventory and font and text style custom.

Read more about Inventory Badge:

With Text Badge, you can set the countdown timer and hide it when time out

2.3. Conditions tab

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

Read more about Conditions at:

Step 3: Make sure your settings are correct and click Save

Here is how your badge looks in the online store

If you have any further questions, feel free to contact us at support-sbc@bsscommerce.com.

Last updated