Learn how to design and customize full-screen in-app messages using OneSignal’s HTML Editor for greater flexibility, responsiveness, and branding.
Image illustrating code in-app code beside a rendered in-app
Image showing the HTML Editor beside the preview
data-onesignal-unique-label
:div
, p
, li
<style>
blockshref
, src
, action
, and data
attributes<script>
tagsalt
text to images for screen reader compatibility.
safe-area-inset-*
variables to pad your layout:
*OneSignal has no affiliation with imagekit.io, though it’s a helpful tool for optimization.
Can I reuse in-app templates from other providers?
I don’t have templates. How do I start?
What SDK version is required?
Do in-app messages work offline?