In-app Notifications are sent by your app to engage active users with contextual messages. At WebEngage, as soon as you integrate your apps with your dashboard, you can start sending In-app Messages.

Step 1: Enable Channel in Dashboard

As shown below, head over to Integrations > Channels > In-app in your dashborad and click the toggle button to start sending In-app Campaigns.

You can also choose to implement a few additional configurations to:

• Show the In-app Notifications in specific sections of your app. (How it works)
• Customize the font style of your message and CTAs as per your brand guidelines. (How it works)

Step 2: Set up In-app Message Targeting

By default, all In-app Notifications are shown as soon as a user launches their app or performs a specific Event while interacting with your app. You can choose to specify exactly where the In-app message must be shown by:

• Tagging app screens with a Screen Name
• Tracking app-user interactions through Screen Data Attributes to display the message in the context of their actions.

Tagging App Screens with Screen Name

Just like a website has several web pages associated with it, an app can lead users to several sections or ‘screens’ that facilitate varied user-app interactions.

For example, users of an e-commerce app will see the homepage or home screen on launching the app. The home screen enables them to search and navigate to various sections like a curated collection, product category, personal Wishlist/ Cart, profile, order tracking section and so on.

Thus, using the WebEngage SDK, you can tag each screen with a Screen Name. Doing so enables you to pinpoint Screens in your app where you can render In-app messages.

For example, marketers of the e-commerce app can engage users with contextual In-app Notifications whenever they view their Shopping Cart, extending personalized offers on purchase. This can easily be done by adding the Screen Name, cart under the field, Where to Show at Step 2: When while creating the campaign.

Here’s a sample to help you get started:

Tracking Screen Data

Each Screen in your app can be associated with contextual Screen Data which could be anything like, the product category a user is viewing, the number of products a user sees in a session, the search filters added by a user, the sort applied while browsing through an app screen and so on.

Thus, tracking app-user interactions as Screen Data Attributes enables you to engage only those users who interact with your app in a specific manner, no matter which Screen they're on.

For example, marketers of an e-commerce app can specifically engage users who view more than 50 products in any section of their app, highlighting the most popular styles of the season. This can be done by adding the Screen Data Attribute, prod-count greater than 50
under the field, Where to Show at Step 2: When.

Here’s a sample to help you get started:

Step 3: Upload Brand Fonts

You can easily upload all your brand fonts to your dashboard to ensure that your In-app Messages convey the same look and feel as your app. Here’s how you can go about it:

Step 1: As shown above, go to the Integrations > Channels > In-app section in your dashboard.

Step 2: Click on the Upload Custom Font button / Plus Icon (placed on top left) to add a font file. Please ensure that:

• The file size does not exceed 1MB.
• The file is in .ttf / .otf / .woff / .woff2 format.

Once added, you will be able to select separate fonts for the In-app Notification’s Message and Button Label (CTA) through the Themes section nested under Step 2: Message while creating the campaign.

You're now ready to use In-app as a channel of engagement in WebEngage. Please feel free to drop in a few lines at [email protected] in case you have any queries or feedback. We're always just an email away!