Badges
Last updated
Last updated
The Simple Badge Legacy template is a small circular dot that can be positioned at the Left, Right, Top Center and Center of the UI element. You can also change the color of the dot. You can enable animation for the dot, which is a slight up-and-down motion for the dot. You can select the number of seconds to delay the campaign being shown after the trigger condition is met.
The new badge templates come with more config options. You can achieve all the templates starting from any of them.
By default, the Simple Badge template is a circular red dot at the top-right position of the UI element.
The general use of this template is to draw the user’s attention to click a CTA associated with the UI element.
By default, the Static Badge is a capsule-shaped nudge with the text NEW written on it at the top-right position of the UI element.
The general use of this template is to make the user try out a newly launched feature.
By default, the badge with label template, as the name suggests, is a capsule-shaped nudge with the text label written on it and an icon at the top-right position of the UI element.
By default, the Offer Badge with Background Image template has a blue colored background image with the text Offer 8% written on it.
The general use of this template is to attract the user with an ongoing offer.
Select any of the badge templates, and you’ll land on the design page. You can see the Edit Design section on the right side of the dashboard. You can also click on the badge in design to open the configuration options palate.
You can choose between shape and image as the background type. You can also configure the size of the nudge. Once you click on the in-place design of nudge, a pop-up with config options will open, where you can select the shape as a circle or rectangle or provide an image URL for a background image.
You can also configure the color, corner radius, stroke, and stroke color and provide an offset for the nudge.
You can place the nudge in the Top Right, Top Left, Top Center, Bottom Right, Bottom Left, Bottom Center, Left, Right and Center positions with respect to the UI element.
You can write text on the nudge and also add an icon.
Once enabled, click on the text in design to be able to use the font config options. You can select the position of the text with respect to the icon. You can also configure the font type, font color, font size, alignment and margin.
After clicking on the icon in design, you can provide the icon URL, configure the icon size, and provide a margin.
You can decide to stop showing the badge to the end user based on the four scenarios below. Once you have finalized the design and moved to the Target section on the dashboard, you will find the Stop Conditions section at the bottom.
You can stop showing the badge once a specified user property gets updated.
Click on the checkbox for User Property
Select the user property from the dropdown
Select the user property value; the badge should no longer be displayed upon achieving this.
eg.
subscription_type updates to paid
app_version updates to 2.0.03
You can choose to stop showing the badge once the specified goal event of the campaign is triggered.
eg.
purchase_complete is triggered
level_up is triggered
You can set a condition to stop showing the badge after a certain number of days have passed since the badge was first shown. This can be helpful if you want to display the badge for a limited amount of time before removing it from the UI element.
You can stop showing the badge once the user clicks on the targeted UI element.
Go back to creating a .
