How to create a Badge?
Last updated
Last updated
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:
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. 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.
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.
Add the conditions and click Save to update the changes.
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 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
Add the conditions and click Save to update the changes.
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:
Set the conditions for the badge on the Conditions tab, which are identical to those for labels.
Read more about Conditions at:
If you have any further questions, feel free to contact us at support-sbc-ta@bsscommerce.com.