Localytics Home

Articles in this section

See more

How should I code my custom In-App or Inbox message?

When you create a new In-App message, we allow you to create and upload custom HTML, CSS and Javascript to fully customize the look and feel of the message. Here's an example HTML file you can use as a reference to build your own In-App Message:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Localytics In-App Message</title>

<script type="text/javascript">
function openDeeplink() {
    window.open("appdeeplink://alert?ampAction=click");
    localytics.close();

    return false;
}
</script>
</head>

<body>
<a href="#" onclick="openDeeplink();"><img src="http://www.localytics.com/images/3_session.gif" width="2000" height="1667" /></a>
</body>
</html>

You can either upload a single HTML file with all CSS embedded inline, or a .zip file containing an index.html file and any needed CSS or images.

For more information on our In-App Javascript API, see our docs for iOS and Android.