在内置编辑器中创建应用内消息

在 Pushwoosh 内置编辑器中构建应用内消息模板，无需编写代码。您将获得一个可重用的布局，其中包含内容块、图片、按钮和个性化文本，您可以在 Customer Journey 中、作为一次性应用内消息或从推送中显示。

注意

在开始之前，请集成 Pushwoosh SDK，以便应用内消息可以出现在您的应用中。了解更多

创建新的应用内模板

应用内模板是您一次性创建的可重用设计，然后在营销活动中向用户展示。您可以在内置编辑器中创建一个，上传自定义的 HTML ZIP 文件，或构建一个原生富媒体模板。本文介绍如何在内置编辑器中从头开始创建模板。自定义现有模板也请遵循相同的步骤。

1. 前往 Content → In-apps。
2. 点击 Create in-app。

3. 输入模板名称。
4. 选择创建模板的方式：
   • Create new template: 在内置编辑器中构建模板。
   • Upload ZIP: 上传一个 ZIP 文件，其中包含您的 HTML 应用内消息。
   • Create native rich media: 构建一个由 SDK 渲染的原生应用内消息。了解更多
5. 选择 Create new template。
6. 点击 Create in-app。

探索编辑器布局

内置编辑器有四个区域。每个区域都有明确的功能。

顶部栏

顶部栏用于管理整个模板：其名称、撤销历史、保存状态、在设备上的外观 (In-app settings)、语言 (Auto-translate 和语言切换器)、手机或桌面预览宽度以及内容扫描 (Check)。请参阅配置应用内消息在设备上的外观、本地化模板 和 保存前检查您的内容。

打开顶部栏中的 ⋮ 菜单以获取更多操作：

预览

Preview 允许您在保存消息前进行试用：点击按钮、浏览多屏流程，并检查在手机或桌面上的布局。

预览中可用的功能：

• 按钮和多屏流程可真实运行。
• 链接和深层链接会被报告，但不会打开。
• SDK 调用和打开/点击统计保持关闭。
• 语言与语言切换器中的语言匹配。Merge Tags 保持为占位符。

在预览标题栏中，切换手机和桌面以查看两种布局。点击 Restart 以从头开始再次显示消息。要退出预览，请按 Esc 或点击面板外部。

品牌手册

• Brand book: 打开您账户的 Brand book。
• Apply brand book styles: 重新设置模板样式以匹配您的 Brand book（设置后）。
• Reset custom styles: 移除模板上的样式覆盖，并恢复为默认值。

下载 .zip

Download .zip 将模板保存为 ZIP 文件。它会下载最后保存的版本，因此请先保存您的更改。该菜单项仅在模板至少保存过一次后出现——新的、未保存的模板不会显示它。

画布

在画布上编辑消息：点击文本、图片和按钮以进行更改。使用顶部栏中的手机/桌面切换器检查布局在不同宽度下的外观。该切换器仅更改预览，不更改布局本身。

图层

图层面板以树状结构列出模板中的每个块，顺序与画布上相同。从左边缘打开它以选择嵌套的块（例如，组内的按钮）或拖动行以重新排序内容。

右侧面板

在三个选项卡之间切换：

• Blocks: 向消息中添加内容。请参阅应用内编辑器块参考。
• Settings: 一次性为整个模板应用样式。请参阅配置应用内模板设置。
• AI: 与 AI 助手聊天，根据提示生成或编辑内容。

添加内容块

1. 打开右侧面板中的 Blocks 选项卡。
2. 将一个块拖到画布上，或点击一个块将其添加到模板末尾。
3. 继续添加块，直到布局完成。

每种块类型在消息中都有不同的用途：

• Heading: 标题和短标题
• Text: 正文和较长的描述
• Button: 可点击的行动号召
• Image: 来自媒体库、上传或 URL 的图片
• Video: 可点击的视频缩略图，可打开 YouTube 或 Vimeo 视频
• Card: 一个包含标题、文本和按钮的图片布局
• Divider: 分隔区域的线条
• Columns: 并排布局（2、3 或 4 个等宽列，或 33/67 和 67/33 的分割）
• Timer: 用于优惠和截止日期的倒计时
• Menu: 一行或一列导航或联系链接
• Social: 链接到您的社交资料的图标
• HTML: 自定义 HTML，如表单、调查或嵌入式视频
• Products: 来自您的产品目录或用户废弃购物车的产品卡片网格

有关每个块的设置，请参阅应用内编辑器块参考，以及如何保存和重用块。

向特定用户显示块

并非每个用户都需要看到相同的块。在块上设置 display condition，使其根据用户的 Tags 显示或隐藏。您仍然发送一个模板，但每个人只看到适用于他们的部分。

在画布上选择块，在右侧面板中打开 Display condition，然后打开 Show this block conditionally。了解更多

本地化模板

多语言模板将每种语言的本地化副本存储在一个应用内设计中。有关多语言消息在各渠道中的工作方式，请参阅多语言消息。

注意

此处的语言选择器仅计算渲染应用内内容的平台上的设备。通过用户级 Tags 设置的语言值与设备平台无关，因此不会在此处显示。

要设置多语言内容：

1. 点击顶部栏中的语言切换器以打开语言列表。
2. 选择您要添加的语言，然后点击 Apply。
3. 使用语言切换器在语言之间移动，并为所选语言编辑每个块的内容。
4. 点击 Auto-translate 自动填充缺失的翻译——在保存前请检查 AI 生成的文本。

注意

您添加的任何块都会以相同的内容出现在每种语言中。请记住为您模板中使用的每种语言翻译新的文本和按钮标签。

配置模板设置

使用两个地方来设置消息的样式和位置：

• Settings 选项卡（右侧面板）：文档大小、颜色、排版和块的默认样式。
• In-app settings（顶部栏）：屏幕上的位置、动画和关闭按钮。

了解更多

保存前检查您的内容

点击顶部栏中的 Check 以打开 Smart check 并扫描模板以查找常见问题。

Smart check 会查找：

• 没有 URL 的按钮、菜单项和图片链接，或者 URL 不是 http(s)、mailto:、tel: 或深层链接（例如 myapp://promo）地址
• 未完成的 AI 占位符块
• 空的图片或视频槽以及缺失的 alt 文本
• 链接缺失或无效的产品卡片
• 不符合 WCAG AA 标准的文本对比度
• 未翻译的内容
• 结束日期已过的倒计时器
• 规则损坏或为空的显示条件，分支丢失了它链接的块，或者由于账户禁用了动态内容而无法应用的条件

点击一个发现项可直接跳转到画布上受影响的元素。如果一切正常，面板会显示 All checks passed — the content looks ready to save.

保存模板

点击顶部栏中的 Save 以保存您的更改。使用顶部栏中的 Undo/Redo 来回退和前进您的编辑。

注意

保存操作会将您的应用内模板存储在 Content → In-apps 中。您可以从那里预览、编辑和管理模板。了解更多