What are the customizable options of the Rich(Floating) interstitial in-app message template?

The Rich(Floating) interstitial in-app message template can be customized using HTML and CSS. More details about this can be found here:
Customize Rich(Floating) interstitial in-app message template

 

We recommend creating and customizing it in the Messaging page as it allows inspection of the HTML elements in the message preview in Web Tools.
After you finish the design, you can copy the code and paste it in any of the text fields of an in-app created in the Campaigns page.


The following list contains the CSS selectors for the HTML elements you can style, indented as per the current structure: 

#view (message view)
#cover .top-section
.top-section
#title
#hero-image
.text-section
#message-wrapper
.image (background image)
.button-section
#button-1
#button-1:active
#button-2
#button-2:active
#close-button

JavaScript cannot be added inside the message field. The message template and values are inside a "script" tag, so adding another one breaks it.


Was this article helpful?
Have more questions? Submit a request