Badges

Simple Badge(Legacy)

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.

New Badges

The new badge templates come with more config options. You can achieve all the templates starting from any of them.

Templates

1. Simple Badge

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.

2. Static Badge

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.

3. Badge with Label & Icon

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.

4. Offer Badge with Background Image

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.

Configuring a Badge

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.

Background Type and Size

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.

Position

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.

Label and Icon

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.

Stop Conditions for Badges

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.

User Property

You can stop showing the badge once a specified user property gets updated.

1. Click on the checkbox for User Property

2. Select the user property from the dropdown

3. 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

Goal Event

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

After x days since the badge is shown for the first time

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.

Click on the target element

You can stop showing the badge once the user clicks on the targeted UI element.

Create a mobile campaign

Go back to creating a mobile campaign.