---
schema_version: "1"
id: 82e3c440a93caf3f395feed517bf90da33985e384bafefa63d554e9f4a8ee3fb
title: Create In-App Messages in Content Builder
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/mktg/264-0-0/mc_ceb_create_in_app.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.mc_ceb_create_in_app.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 89635bde2aabd6a4ab910186f02e5d580233ba0ce02f3a65b164616910876866
description: 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.
products:
  - Marketing
  - Marketing Cloud Engagement
release: "264"
---
# 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.

Recommended Image Dimensions for In-App Messages   
| In-App Layout | Aspect Ratio | Pixels |
| --- | --- | --- |
| Banner | 1:1 | 50x50 minimum |
| Modal | 16:9 | 640x360 minimum |
| Full Page - Image Crop | 16:9 | 640x360 minimum |
| Full Page - Image Fill | 3:4 OR 4:3 | 450x600 OR 600x450 minimum |

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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_content_creation-264-0-0-production-enus/453b15fc-ab47-40df-8f11-8a7b92c8d0cd/images/icon_note.png)
        
        Note To use the Fill Image feature, you must be on the latest version of the MobilePush [iOS](https://salesforce-marketingcloud.github.io/MarketingCloudSDK-iOS/) or [Android](https://salesforce-marketingcloud.github.io/MarketingCloudSDK-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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_content_creation-264-0-0-production-enus/453b15fc-ab47-40df-8f11-8a7b92c8d0cd/images/icon_note.png)
    
    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.
    - Turn On Push Notifications—Prompts users to turn on push notifications.
        
        ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_content_creation-264-0-0-production-enus/453b15fc-ab47-40df-8f11-8a7b92c8d0cd/images/icon_note.png)
        
        Note Messages with this button action content will only be sent to users that do not have push notifications turned on. Users will be shown the OS prompt to turn on the push notification feature if available, else they will be redirected to the app 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](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_content_creation-264-0-0-production-enus/453b15fc-ab47-40df-8f11-8a7b92c8d0cd/images/icon_note.png)
        
        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](https://help.salesforce.com/s/articleView?id=mktg.mc_jb_configure_inapp_in_journey_builder.htm&language=en_US).
    
    ![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_content_creation-264-0-0-production-enus/453b15fc-ab47-40df-8f11-8a7b92c8d0cd/images/icon_important.png)
    
    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](https://developer.salesforce.com/docs/marketing/marketing-cloud-ampscript/references/mc-ampscript-content/mc-ampscript-reference-content-block-by-id.html).