Create Rich Pages

A rich page is a landing page or Message Center message in your app that can include HTML, video, etc.

When you create a rich page, you can either select a template and edit the message content, or upload your own HTML. Landing pages and Message Center messages can be visually identical, but there are a few differences. See the Rich Page Reference for detail.

Create a Landing Page

You can create a landing page in the Content step of the Message, Automation, Journey, and A/B Test composers. This tutorial covers the Content step only. See the composer tutorials for the complete steps for each:

On the Content step:

  1. Select Push Notification and/or In-App Message and click Add Content.
  2. Select Landing page in the Actions section, then click Create.
  3. Click Select for the template you want to use, or upload your own HTML.

    • Templates: Click Preview for a template in the side menu and select devices at the top of the screen to see how it will appear, then click Select for the template you want to use.
      • Standard Templates are Text, Image, and Video.
      • Templates added for you by Airship are listed under Custom Templates.

    • Upload: Under Standard Templates click Select for Upload, then click Upload and select your HTML file.

     Important

    • Uploaded rich pages are single-use. They are not saved in your account for reuse.
    • You cannot edit uploaded rich pages. We recommend sending a test message before you send to your live audience.
    • See: Custom HTML Templates for Rich Pages.

  4. Configure the fields for each page element. Skip this step if you uploaded your own HTML.
    • You can click fields in the preview to configure them in the side menu, or select directly from the side menu.
    • Elements are enabled by default. The ON/OFF toggle is in the upper right corner when configuring fields.
    • See Template Fields on this page for configuration information.
  5. Click Save & Exit.
    • You cannot save until your page meets minimum configuration requirements.
    • Requirements are listed above Save & Exit.
    • If your template includes a button or image, you must configure or disable its action link before you can save.

You can now complete the remaining steps in the composer.

Create a Message Center Message

You can create a Message Center message in the Content step of the Message, Automation, and Journey composers. This tutorial covers the Content step only. See the composer tutorials for the complete steps for each:

On the Content step:

  1. Choose how you want to present the message:

    • Add the message to the Message Center inbox only.
      1. Select Message Center and click Add Content.
      2. Click Create.
      OR
    • Add the message to the Message Center inbox AND link to the message from a push notification and/or in-app message.
      1. Select Message Center, combine with Push Notification and/or In-App Message, and click Add Content.
      2. Click Create in the the Actions section. Message Center is automatically the selected action.
       Tip

      If you didn't initially combine Message Center with another message type, you can do so by manually selecting Message Center from the Actions section.

  2. Click Select for the template you want to use, or upload your own HTML.

    • Templates: Click Preview for a template in the side menu and select devices at the top of the screen to see how it will appear, then click Select for the template you want to use.
      • Standard Templates are Text, Image, and Video.
      • Templates added for you by Airship are listed under Custom Templates.

    • Upload: Under Standard Templates click Select for Upload. Then click Upload and select your HTML file.

     Important

    • Uploaded rich pages are single-use. They are not saved in your account for reuse.
    • You cannot edit uploaded rich pages. We recommend sending a test message before you send to your live audience.
    • See: Custom HTML Templates for Rich Pages.

  3. Go to the Message Center tab to configure the preview that appears in the Message Center inbox.
    • Message Center Title is required.
    • Thumbnail image must be a .jpg, .gif or .png file type under 512 KB.
    • Lines 1 and 2 for text that appears below the title.
  4. Configure the fields for each page element on the Content tab. Skip this step if you uploaded your own HTML.
    • You can click fields in the preview to configure them in the side menu, or select directly from the side menu.
    • Elements are enabled by default. The ON/OFF toggle is in the upper right corner when configuring fields.
    • See Template Fields on this page for use and configuration information.
  5. Configure expiration and custom keys on the Options tab.
    • Remove from Message Center: By default, messages Never expire. To set expiration, select Specify and enter the number of minutes, hours, or days after send time when the page will expire. Expired messages disappear from users' Message Centers.
    • Custom Keys Additional key-value pairs in your push notification payload for use by custom code in your app. You can use custom keys to pass additional campaign identifiers for analytics, pass user information to the device, control the look and feel of the app, provide image links, etc. : Enter the key and value. Click for additional keys.
  6. Click Save & Exit.
    • You cannot save until your page meets minimum configuration requirements.
    • Requirements are listed above Save & Exit.
    • If your template includes a button or image, you must configure or disable its action link before you can save.
    • Message Center tab requires a title.

You can now complete the remaining steps in the composer.

Add Custom Rich Page Templates

Airship can add custom templates for you. Contact your Airship account manager if you are interested in adding custom rich page templates to your account.

Rich Page Template Fields

Both custom and standard templates use the same field types, requirements, and configuration:

ImageDisplayed in the body of the message. Upload a .jpg, .gif or .png file under 512 KB.
Link

The action that occurs when a user taps a button or image in the message. Select and configure an action:

  • Deep Link: Deep Link opens to a screen in your app or website. You must configure deep links before they will appear in the menu. See: Manage Deep Links. Select a deep link. If the deep link was configured as a template, you can fill in each template segment.

  • URL: A URL opens on top of the current page (in the same webkit view), not the mobile browser. Enter a URL.

  • Share: Share prompts the user to share your message on social networks. Enter the text you want to accompany the share, including any promotional information, shortened links, hashtags, etc.

You can also add or remove a tag when your audience taps the button or image.

  1. Click Add Tags or Remove Tags.
  2. Click Select Tag.
  3. Enter the tag in the search field.

    • Matches are listed below the Create Tag button. Click to select.
    • If the tag is not found, click Create Tag to add it.
    • Remove a selected tag by clicking at the end of its row.
  4. (Optional) Repeat for additional tag actions.

 Note

Tags will not appear in the type-ahead tag search until you send the message and the tag appears on at least one device. These tags are preserved in your draft but will not yet be visible to other aspects of the tag system, e.g., the Segments Builder.

 Important

Images have the link action enabled by default. This makes the image perform as a button. If you don't want the image to be clickable, disable the link action.

 Warning

While you can disable the action link for buttons, doing so does not remove the button itself. Because you must configure or disable the action link to save a template, you can disable it if you want to edit the message later.

Onload

Add or remove tags when the rich page loads. This tags every user who opens the rich page, whether they've reached it through a push, a badge, or by chance. Configure the tag action:

  1. Click Add Tags or Remove Tags.
  2. Click Select Tag.
  3. Enter the tag in the search field.

    • Matches are listed below the Create Tag button. Click to select.
    • If the tag is not found, click Create Tag to add it.
    • Remove a selected tag by clicking at the end of its row.
  4. (Optional) Repeat for additional tag actions.

 Note

Tags will not appear in the type-ahead tag search until you send the message and the tag appears on at least one device. These tags are preserved in your draft but will not yet be visible to other aspects of the tag system, e.g., the Segments Builder.

TextDisplayed in a headline, message body, button label, etc. Enter text.
VideoDisplayed in the body of the message. Enter the URL for the video source.