Create In-App Messages in Content Builder

Create in-app messages in Content Builder to target your engaged app audiences. Choose from full-page, modal, or banner-style templates in Content Builder, and send using the new In-App activity in Journey Builder.

1. In Content Builder, click Create.
2. In the dropdown, select Mobile App, and then select In-App Message and Select.
3. Choose Full-Page, Banner, or Modal and click Select.
   1. If you select Full-Page, you have the additional option of Crop Image or Fill Image.
      

      Note To use the Fill Image feature, you must be on the latest version of the MobilePush iOS or Android SDK.
4. To add an image to your message, insert a URL or click Browse to choose an image from the Content Builder library.
5. Add a title and subtitle to your message, if applicable. Use the personalization and emoji dropdown as needed.
6. Enter the message.
   

   Note To personalize the content of your message, click inside the Message field and select contact attributes from the personalization dropdown menu.
7. Add buttons to your message and name your buttons.
8. Select a behavior for each button.
   • Dismiss message—Closes the message.
   • Go to web URL—Insert a URL in the field that goes to a web page.
   • Open page in app—Insert a URL in the field that goes to a specific page in your app.
   • Open device settings—Opens the user’s device settings.
   • Open location settings—Opens the user’s location settings.
9. At the top of the screen, click the Design tab.
   1. For a full-page or modal layout, choose whether you want the message title to appear above or below the image.
   2. The dismiss icon is enabled by default. To not include the icon, deselect this option.
      

      Note The dismiss icon can only be removed if you’ve added a dismiss button to your message. Full-page and modal messages must have a method for dismissal, Banner messages can be swiped away.
   3. For modal and banner layout, select the background opacity for your app.
10. Configure notification settings.
    1. For a banner layout, choose whether you want the banner to appear at the top or bottom of the device.
    2. For modal and banner layout, choose the border size. Choose the border color from the dropdown or enter a hex code.
    3. Choose the background color from the dropdown or enter a hex code.
    4. For modal and banner, choose the corner radius.
    5. Choose the notification opacity.
11. Configure the text settings.
    1. Choose the title font size. Choose the font color from the dropdown or enter a hex code.
    2. Choose the title alignment.
    3. Choose the message font size. Choose the font color from the dropdown or enter a hex code.
    4. Choose the message alignment.
12. Configure the image settings.
    1. For a full-page or modal layout, for the image size, select either Edge to Edge or Inset.
    2. Choose the border size. Choose the border color from the dropdown or enter a hex code.
    3. Choose the corner radius.
13. Configure the button settings for each button.
    1. For a full-page and modal, select Horizontal or Vertical orientation.
    2. Choose the font size. Choose the font color from the dropdown or enter a hex code.
    3. Choose the border size. Choose a border color from the dropdown or enter a hex code.
    4. Choose a button background color from the dropdown or enter a hex code. Choose a corner radius.
14. Click Save.
15. For a subscriber-level preview for your message, click Subscriber Preview.
    This message can now be pulled into an In-App Message activity. See Create the In-App Message Activity in Journey Builder.

    

    Important Referencing other Content Builder content in blocks returns table and HTML wrappers instead of text. To reference this content, use code snippets. See ContentBlockbyID.