Sending Web in-app messages
Introduction
robotmia enables you to create and send rich messages to users browsing your website. If you are using our in-app messages product, there are 3 things you need to make sure of.
- Include the latest version of the robotmia JavaScript library on your website.
- Make sure you are identifying your users in your website's JavaScript code.
- Create a web in-app message on the Messages tab of the robotmia website.
Integration
The robotmia JavaScript library will automatically check for a message when you identify the current user on your site. If a message is available for the current user that they haven't already seen, it will be displayed immediately in an overlay view.
That's it, you're done!
Customizing display of an in-app message
In JavaScript, robotmia web in-app messages will always render when your webpage is loaded at the point which you call identify within the JavaScript library. At this time there is no means to control when the in-app is displayed besides calling identify at a specific point on your site.
You do have the ability to customize the look and feel of the robotmia web in-app message. Since the message is made of up multiple JavaScript elements with CSS styling, the in-app can be modified by adding CSS styling to your site. These will be applied to the robotmia web in-app when it is delivered to an end user. As an example of this, you could change the font of the message.
<style type="text/css">
#robotmia-notification-content{
font-size: 20px;
font-family: Impact;
font-style: bold;
}
</style>
If you want further insight on specifically how this can be done, please see detailed instructions here.
Using profile properties
Just like emails, in-app messages will replace content wrapped in {{}}
. For example, if you add a
Location
property to your user profiles, you can send messages like this:
Come and visit us at our {{ ${Location} }} office!
A user with a profile property Location: Asheville will get the following message:
Come and visit us at our {{ ${Location} | fallback:"nearest" }} office!
Profiles without a Location
property will receive this message: