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:
Customizing with a message template
Layoutdrop-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.
- Local notification: This type of layout appears as a banner message.It can only support sound, text and destination. For more on local notification, refer to Customizing a local notification message type .
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.
Mediadrop-down allows you to add media to your In-App message to create a compelling experience for end user.
- Select yourMedia Typebetween image and video.
- For theImagemedia type, enter your URL in theMedia URLfield based on the supported formats.If needed, you can also enter the path to aBundled imagewhich can be used if the device is offline.
- For theVideomedia type, enter your URL in theMedia URLfield.Then, enter yourVideo posterto be used while the video is downloading on the audience devices or until users tap the play button.
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.
- In theTextdrop-down, add a title in theMessage titlefield.
- Add your content in theMessage contentfield.
- To further personalize your text, click the icon to add personalization fields.
- Type in your message content and add your personalization fields if needed.For more information on personalization field, refer to this section .
- Check your message content in the preview window.
- In theSettingscategory, select your background color between light and dark.
- Choose to display or not a close button with theShow close buttonoption to provide users a way to dismiss the In-App message.
- Select if your button alignment will be horizontal or vertical with theButton alignmentoption.
- Choose if your In-App message can be auto-dismissed or not after a few seconds.
Customizing a local notification message type
Local notifications can only be triggered by an app on a particular time and depending on an event. They will alert users that something is happening in their app even without having access to the Internet. To learn how to track local notification, refer to this page .
To customize a local notification:
- From yourContentpage, selectLocal notificationin theLayoutcategory
- Under theTextcategory, type down yourMessage titleandMessage content.
- Under theAdvanced optioncategory, in theWait to displayfield, choose how long in seconds your local notification will be displayed on screen once your event is triggered.
- In theSoundfield, enter the filename of the sound file, with the extension, to be played by the mobile device when the local notification is received.The sound file plays when delivering the notification if the file is defined in the mobile application's package. Otherwise, the device's default sound is played.
- Specify a destination to redirect your users when they interact with your local notification in theDeeplink URLfield.
- To pass custom data in the payload in the form of a key value pair, you can add custom fields to your local notification. In theCustom fieldscategory, click theCreate an elementbutton.
- Enter yourKeysthen theValuesassociated with each key.Please note that the handling and purpose of custom fields is entirely up to the mobile app.
- In theApple optionscategory, fill in theCategoryfields to add a category ID for custom actions if available in your Apple mobile application.
Customizing with a custom HTML message
Custom HTML message does not support content personalization.
Custom messagemode 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 fileoption.
You can also find a list of custom HTML requirements for a successful import in Adobe Campaign.
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.
- Click thePreviewbutton.
- 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.