使用无代码编辑器创建应用内消息

要创建应用内消息模板（也称为富媒体），请前往 内容 (Content) → 应用内消息 (In-Apps) (富媒体 (Rich Media))，然后点击 添加模板 (Add template)：

截图显示 Pushwoosh 控制面板中富媒体部分的“添加模板”按钮

在这里，您有三个选项：

上传包含您的 HTML 应用内消息的 ZIP 文件。
选择并自定义一个预构建的模板。
从头开始构建您自己的模板。

在本文中，我们将探讨如何从头开始创建模板。按照相同的步骤来自定义您现有的模板。

定义布局

通过将所需的内容块拖放到模板正文中来定义模板布局。您可以添加图片、文本、按钮、分隔线、可填写表单、HTML 块和菜单。

如果您想在一行中放置多个内容元素，请将“列”元素添加到模板中，选择所需的块类型，并向每列添加内容：

要更改布局的背景颜色，请点击其外边距，确保整个布局被选中，然后选择颜色：

如果整个布局被选中，您还可以编辑内边距设置并上传背景图片。

创建纵向和横向富媒体

Pushwoosh 提供了创建纵向和横向富媒体内容的灵活性，确保您的营销活动在所有设备上都具有视觉吸引力和效果。

纵向富媒体

要创建专为纵向设计的富媒体（通常在移动设备上使用），请导航到编辑器中的 移动设备 (Mobile) 选项卡。在这里，您可以设计适合垂直布局的内容，适用于智能手机屏幕。

横向富媒体

对于横向富媒体（通常显示在平板电脑等更宽的屏幕上，或在游戏或音乐播放器等横向应用中），请导航到编辑器中的 桌面设备 (Desktop) 选项卡。在这里，您可以构建您的富媒体以利用更宽的水平空间。

截图显示用于在纵向和横向之间切换的“移动设备”和“桌面设备”选项卡

向横向富媒体添加列

如果您需要向横向富媒体添加列，请首先添加 列 (Column) 元素，并定义您需要的列数和布局。

设计好带列的横向富媒体后，切换到 移动设备 (Mobile) 选项卡。

向下滚动到设置面板底部的 响应式设计 (RESPONSIVE DESIGN) 部分，并启用 在移动设备上不堆叠 (Do Not Stack on Mobile) 选项。

Pushwoosh 还允许您在富媒体中混合搭配列布局。您可以将特定列配置为垂直堆叠，同时保持其他列水平排列。为此，请根据需要调整每个列块。

截图显示混合列布局配置，其中一些垂直堆叠，另一些水平排列

内容元素

标题

您可以编辑标题的字体、颜色、文本对齐方式、行高和内边距参数。

您还可以让 AI 为您生成标题文本以节省时间。点击 智能标题 (Smart Headings) 部分的按钮，输入一些关键词，然后点击 获取建议 (Get Suggestions)：

文本

文本的自定义方式与标题相同：您可以更改字体、颜色、文本对齐方式、行高和内边距参数。

您还可以使用 Pushwoosh AI 编辑器以不同的语气重写您的文案、更改其字符长度并检查语法。为此，请点击文本块 → 智能文本 (Smart Text)，然后选择一种内置的文案格式：

图片

要添加图片，请点击图片块并将您的文件拖到编辑器面板中：

或者，您可以指定 图片 URL (Image URL) 而不是上传文件。

您还可以尝试 AI 图像生成。为此，请点击 魔法图片 (Magic Image) 部分的按钮，描述您想要创建的图片，然后点击 生成图片 (Generate Images)：

在 操作 (Action) 部分，您可以设置点击图片时应执行的操作：打开网站（或应用内页面的深层链接）或关闭弹出窗口。您还可以插入自定义的 JavaScript 处理程序属性来设置图片点击操作。如果不需要任何操作，请忽略此设置。

如果您希望在点击图片时打开移动应用中的页面，请选择 打开网站 (Open Website) 选项并插入深层链接。

按钮

将按钮添加到模板后，您可以自定义其文本、颜色、内边距和边框。

AI 可以帮助您想出按钮文本。只需点击“智能按钮”部分的按钮，输入关键词，然后点击 获取建议 (Get Suggestions)：

要指定点击按钮后应执行的操作，请转到 操作 (Action) 部分并选择所需选项：打开网站或关闭弹出窗口。您还可以插入自定义的 JavaScript 处理程序属性来设置按钮点击操作。

如果您希望在点击按钮时打开移动应用中的页面，请选择 打开网站 (Open Website) 选项并插入深层链接。

分隔线

分隔线是您可以放置在内容块之间的线条。使用它们来构建模板并强调最重要的块。您可以更改分隔线的宽度、线条类型、对齐方式和内边距设置。

表单

要配置此元素，您将需要开发人员的帮助。

表单允许您收集用户的电子邮件、电话号码、偏好以及其他可能对未来通信有用的信息。此元素的配置与标准 HTML 表单相同：数据通过 GET 或 POST 请求发送到 URL 字段中指定的地址。

截图显示表单配置面板，其中包含 URL 字段和请求方法设置

点击字段名称以配置其参数：

字段类型 (Field Type)：应在字段中传输的数据类型；
字段名称 (Field Name)：传递字段数据的参数名称；
字段标签 (Field Label)：显示在字段上方的文本；
占位符文本 (Placeholder Text)；
指示该字段是否为提交表单所必需的复选框。

截图显示表单字段配置选项，包括字段类型、名称、标签和占位符

要添加另一个字段，请点击 添加新字段 (Add New Field) 并选择数据类型：

截图显示“添加新字段”按钮和包含可用字段数据类型的下拉菜单

您可以自定义表单参数，例如宽度、对齐方式、字段之间的间距、按钮文本、颜色和字体。

HTML

如果您想在模板中包含自己的 HTML 代码，请添加 HTML 块。

菜单

菜单 (Menu) 元素允许您将多个可点击项按行或列放置。例如，您可以添加导航栏或公司联系方式。

要添加菜单项，请点击 添加新项 (Add New Item)：

截图显示用于向模板添加菜单项的“添加新项”按钮

添加项目文本并设置点击项目时应执行的操作：

截图显示菜单项配置，其中包含文本字段和操作设置

选择水平或垂直菜单类型，并根据需要在项目之间添加分隔符：

截图显示菜单布局选项，其中包含水平和垂直方向设置

内容个性化

个性化正文、标题或按钮文本，使您的内容更具相关性和吸引力。例如，您可以用用户的名字称呼他们或提及他们的偏好。

首先，您需要设置标签 (Tags) 并配置从用户收集数据（例如，通过反馈表）。创建富媒体时，选择所需的内容块，点击 合并标签 (Merge Tags)，然后选择您要使用的标签：

多语言模板

您可以为用户使用的每种语言本地化富媒体模板中的文本。为此，请在 可编辑语言 (Editable language) 列表中切换语言，并分别编辑每种语言的内容：

截图显示用于选择和本地化模板内容的“可编辑语言”下拉菜单

如果内容未本地化，它将以 语言设置 (Language settings) 中指定为 默认 (default) 的语言显示。

您添加到模板的任何元素对于所有语言都显示相同的内容。请记住为您在模板中使用的所有语言本地化添加的文本（包括按钮文本）。

常规模板设置

在 弹出窗口 (Popup) 选项卡上，您可以配置常规模板设置：

设置弹出窗口在屏幕上的位置；
更改弹出窗口的宽度和高度；
调整边框圆角；
为整个模板配置内容设置：对齐方式、宽度、字体和颜色；
设置背景颜色或添加背景图片；
自定义关闭按钮的位置和外观。

截图显示“弹出窗口”选项卡，其中包含常规模板设置，包括位置、大小和样式

保存和使用模板

点击 保存 (Save) 以应用更改：

截图突出显示用于保存应用内消息模板更改的“保存”按钮

现在您可以使用您的富媒体模板来发送应用内消息了。请遵循本指南进行操作 >