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:
Create an Image badge
From the app admin page, click Badges > click Create new badge button.
Select Image badge > click Create new badge button.
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.
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 animation for 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.
Add the conditions and click Save to update the changes.
Create a Standard text badge
From the app admin page, click Badges > click Create new badge button.
Select Standard text badge > click Create new badge button.
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 animation for 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
Add the conditions and click Save to update the changes.
Create an Inventory text badge
From the app admin page, click Badges > click Create new badge button.
Select Inventory text badge > click Create new badge button.
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.
Add the conditions and click Save to update the changes.
Read more about Inventory Badge:
What is 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:
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
