Customizing an In-App message

To fine-tune your In-App message, Adobe Campaign allows you to access a set of advanced options while designing an In-App.

The In-App content editor lets you choose between two In-App message modes:

  • Message Template: this template allows you to fully customize your In-App with images or videos and action buttons.

  • Custom Message: this template lets you import custom HTML.

inapp_customize_1

Related content:

Customizing with a message template

Layout

The Layout drop-down provides you with four different options to choose from depending on your messaging needs:

  • Full page : This type of layout covers the entire screen of your audience devices.

    It supports media (image, video), text and button components.

  • Large modal : This layout appears in a large alert-style window, your application is still visible in the background.

    It supports media (image, video), text and button components.

  • Small modal : This layout appears as a small alert type window, your application is still visible in the background.

    It supports media (image, video), text and button components.

  • Alert : This type of layout appears as a native OS alert message.

    It can only support text and button components.

Each type of layouts can be previewed on different devices such as phone, tablet, platform e.g. Android or iOS and orientation e.g. landscape or portrait in the right-window of the content editor.

inapp_customize_4

Media

The Media drop-down allows you to add media to your In-App message to create a compelling experience for end user.

  1. Select your Media Type between image and video.

  2. For the Image media type, enter your URL in the Media URL field based on the supported formats.

    If needed, you can also enter the path to a Bundled image which can be used if the device is offline.

    inapp_customize_5
  3. For the Video media type, enter your URL in the Media URL field.

    Then, enter your Video poster to be used while the video is downloading on the audience devices or until users tap the play button.

    inapp_customize_6

Text

If needed, you can also add a message title and content to your In-App message. To better personalize your In-App message, you can add different personalization fields, content blocks and dynamic text to your content.

  1. In the Text drop-down, add a title in the Message title field.

    inapp_customize_9
  2. Add your content in the Message content field.

  3. To further personalize your text, click the icon to add personalization fields.

    inapp_customize_8
  4. Type in your message content and add your personalization fields if needed.

    For more information on personalization field, refer to this section.

    inapp_customize_10
  5. Check your message content in the preview window.

    inapp_customize_11

Buttons

Your can add up to two buttons to your In-App message.

  1. In the Buttons drop-down, enter the text of your first button in the Primary category.

    inapp_customize_12
  2. Choose which of the two actions Dismiss and Redirect will be assigned to your primary button.

  3. In the Secondary category, add a second button to your In-App if needed by entering your text.

  4. Select the action associated to your second button.

  5. If you chose the Redirect action, enter your web URL or deeplink in the Destination URL field.

    inapp_customize_13
  6. Enter your web URL or deeplink in the Destination URL field, if you chose the Redirect action,

  7. Check your message content in the preview window or by clicking the Preview button.

    Refer to the Previewing the In-App message page.

    inapp_customize_11

Settings

  1. In the Settings category, select your background color between light and dark.

  2. Choose to display or not a close button with the Show close button option to provide users a way to dismiss the In-App message.

  3. Select if your button alignment will be horizontal or vertical with the Button alignment option.

  4. Choose if your In-App message can be auto-dismissed or not after a few seconds.

    inapp_customize_7

Customizing with a custom HTML message

Pastaba:

Custom HTML message does not support content personalization.

The Custom message mode allows you to directly import one of your pre-configured HTML message.

To do so, you just have to drag and drop or select your file from computer.

Your file must have a specific layout which can be found by clicking the Download the sample file option.

inapp_customize_2

You can also find a list of custom HTML requirements for a successful import in Adobe Campaign.

inapp_customize_3

Once your HTML has been imported, you can find a preview of your file on different devices in the preview window.

Previewing the In-App message

Before sending your In-App message, you can test with your test profiles to check what your targeted audience will see when they receive your delivery.

  1. Click the Preview button.

    inapp_sending_2
  2. Click the Select a test profile button and select one of your test profiles to start previewing your delivery. For more information on test profiles, refer to this section.

  3. Check your message on different devices such as Android, iPhone phones or even tablets. You can also check if your personalization fields are retrieving the right data.

    inapp_sending_3
  4. You can now send your message and measure its impact with delivery reports. For more on reporting, refer to this section.

Šis darbas yra licencijuotas pagal licenciją „Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License“  „Twitter™“ ir „Facebook“ skelbimams „Creative Commons“ sąlygos netaikomos.

Teisiniai pranešimai   |   Privatumo internete politika