跳到内容

创建原生应用内消息

原生应用内消息使用现成的布局,由 Pushwoosh SDK 直接在设备上渲染,而不是像自定义应用内消息那样加载 HTML 页面。这使得它们加载更快,动画更流畅,而且您不需要设计或开发技能即可构建一个。

当您想快速发布促销、提醒或功能公告,且不需要完全自定义的布局时,可以选择原生应用内消息。如果您需要对设计有完全的控制,可以改为构建一个基于 HTML 的应用内消息

前提条件

Anchor link to

在创建原生应用内消息模板之前,请确保:

  • 您的应用中已集成 Pushwoosh SDK,以便应用内消息可以显示。了解更多
  • 您的应用运行 iOS SDK 7.2.0+ 或 Android SDK 6.10.0+。所有三种显示类型(modalfullscreenstories)都需要相同的最低版本,并且在两个平台上都可使用。

创建原生应用内消息模板

Anchor link to
  1. 前往 ContentIn-apps
  2. 点击 Add template
  3. 输入模板名称。
  4. 选择 Create native rich media
  5. DISPLAY TYPE 中,选择 modalfullscreenstories
  6. 点击 Add template
“添加新模板”对话框,其中选择了“创建原生富媒体”,显示类型下拉菜单设置为 modal

编辑器打开后,右侧是实时移动预览,左侧是模板字段,分为 ContentConfigActions 三组。您在每组中看到的内容取决于您选择的显示类型。

配置显示类型

Anchor link to

一个居中的卡片,可选择显示在变暗的背景上。在左侧面板中填写以下字段:

  • Content: 标题和消息,各自有独立的文本颜色,外加一个可选图片。
  • Config: 卡片背景颜色、一个 Close button 开关,以及一个 Dim background 开关,该开关会使卡片后面的屏幕变暗。
  • Actions: 一个或多个按钮。请参阅配置按钮
modal 显示类型的原生应用内消息编辑器,包含 Content、Config 和 Actions 字段,以及一个实时移动预览

Fullscreen

Anchor link to

一个带有文本和按钮的全屏封面图片。在左侧面板中填写以下字段:

  • Content: 一张封面图片,外加一个标题和一条消息,各自有独立的文本颜色。
  • Config: 封面颜色(在图片加载时或代替图片显示)和一个 Close button 开关。
  • Actions: 一个或多个按钮。请参阅配置按钮
fullscreen 显示类型的原生应用内消息编辑器,包含封面图片、标题、消息和封面颜色字段

一系列全屏幻灯片,顶部有进度条,类似于社交媒体的 stories。每张幻灯片都是 Content 下的一个独立的 Stories 条目。

  1. 填写第一张幻灯片的 ImageTitleMessage(各自有独立的文本颜色)。
  2. Seconds 设置为幻灯片在切换前在屏幕上停留的时间。默认值为 5。输入一个 1 到 30 之间的值。超出此范围的值将导致验证错误并阻止 Save
  3. 或者,点击幻灯片内的 Add 为其添加自己的 CTA 按钮。请参阅配置按钮
Stories 幻灯片,包含 Image、Title、Message 和 Seconds 字段,以及一个带有自己的 Add 链接的嵌套 Buttons 条目
  1. 点击最后一张幻灯片下方的 Add 添加另一张幻灯片,然后为其重复步骤 1-3。
  2. Config 下,设置这些适用于整个 story 而非单个幻灯片的选项:
    • Loop: 在最后一张幻灯片之后从第一张重新开始。
    • Close button: 显示一个关闭 (✕) 控件。
stories 显示类型的 Config 面板,带有 Loop 和 Close button 开关
完成的 story 对用户来说是什么样子的示例
Anchor link to

配置按钮

Anchor link to

Modal、fullscreen 和每个 stories 幻灯片都使用相同的按钮字段:

  • Button text 及其颜色。
  • BackgroundBorder colorBorder radius
  • Action: 选择用户点击按钮时发生的操作:
    • close: 关闭应用内消息。
    • url: 打开您在出现的字段中输入的链接。使用网址(例如,https://example.com)或指向您应用的深层链接(例如,myapp://product/123)。
Actions 面板,其中一个 Buttons 条目显示了 Button text、Color、Background、Border color、Border radius 和 Action 字段

点击 Add 添加另一个按钮,或点击按钮上的 × 将其移除。

添加本地化

Anchor link to

默认情况下,一个原生应用内消息只有一种语言。要添加更多语言:

  1. 点击顶部栏中语言选择器旁边的 +
  2. 选择要添加的语言并点击 Apply
“选择语言”对话框,包含一个搜索字段、全选、取消全选和重用上次选择链接,以及一个语言清单
  1. 使用顶部栏中的语言选择器在不同语言之间切换,并为每种语言填写文本字段。

保存模板

Anchor link to

点击右上角的 Save 以保存您的更改。

然后,该模板会出现在 ContentIn-apps 中,与您的其他应用内消息模板并列。

在营销活动中使用它

Anchor link to

原生应用内消息模板会与您的其他应用内消息模板一起出现在模板选择器中。

您可以用它来: