Modal In-App Messages

Modals appear in the center of the device’s screen with a screen overlay that helps it stand out from your app in the background. These are perfect for not-so-subtly suggesting that your user take advantage of a sale or giveaway.

Modal Specs

Image and Copy Behavior

Modal in-app messages are designed to fit the device at the best and most filling ratios possible, while staying true to the size and ratios of your chosen image or copy for your message.

  • All images must be less than 5MB.
  • We only accept PNG, JPG, and GIF file types.
  • We recommend that your images be 500KB.
Layout Asset Size Notes
Image + Text 29:10 aspect ratio
Hi-Res 1200 x 415px
Min. 600 x 205px
Tall images will scale down and be horizontally centered. Wide images will be clipped on the left and right edges.
Image Only Nearly any aspect ratio
Hi-Res up to 1200 x 2000px
Min. 600 x 600px
The message will resize to fit images of most aspect ratios.

You should always preview and test your messages on a variety of devices to ensure that the most important areas of your image and message appear as expected.

Font Awesome

Braze supports using Font Awesome v4.3.0 for modal in-app message icons.

Larger Screens

On a tablet or desktop browser, a modal in-app message will still sit in the center of the app screen as shown below.

Modal Viewport

WAS THIS PAGE HELPFUL?
New Stuff!