跳到内容

设计热门的应用内消息格式

Pushwoosh In-App Editor 简化了为任何业务目标创建任何格式的应用内消息的过程。由于您可以更快地完成工作,因此您可以在更短的时间内进行快速实验并实现预期的结果。

要从头开始创建应用内消息,您只需使用拖放块设计消息布局,并自定义每个元素以适应您的应用风格和业务目标。您不需要编码或设计经验即可创建引人入胜、高转化率的应用内消息——只需几个关于如何最好地使用 Pushwoosh In-App Editor 的技巧。

下面,我们将介绍如何创建:

全屏应用内消息

Anchor link to

让我们以健身行业为例,创建一个促销应用内消息:

健身应用的全屏促销应用内消息示例预览,包含图片和 CTA 按钮
  1. 在您的 Pushwoosh 账户中,前往 内容 (Content)富媒体 (Rich Media) 并点击 添加模板 (Add template)
显示富媒体部分的屏幕截图,其中突出显示了添加模板按钮

输入模板名称,选择 创建新模板 (Create new template),然后点击 添加模板 (Add template)

显示模板创建对话框的屏幕截图,其中包含名称字段和创建新模板选项

在我们的示例中,我们将使用 空白模板 (blank template) 从头开始创建应用内消息。您也可以选择一个默认模板并根据您的需求进行修改。

  1. 首先,在 弹出窗口 (Popup) 选项卡上设置所需的弹出窗口大小:
显示弹出窗口选项卡的屏幕截图,其中包含用于配置弹出窗口大小的宽度和高度设置
  1. 现在,让我们向应用内消息添加一张图片。转到 内容 (Content) 选项卡,并将图片块拖到画布上。点击该块并上传您的文件。您也可以直接在编辑器界面中选择免费的库存照片,方法是点击 更多图片 (More Images)库存照片 (Stock Photos)

全屏应用内消息(纵向)的图片建议

图片和文本

高分辨率:1200 x 1000 像素

最小尺寸:600 x 500 像素

宽高比:6:5

仅图片

高分辨率:1200 x 2000 像素

最小尺寸:600 x 1000 像素

宽高比:3:5

  1. 设置应用内消息的背景颜色:转到 弹出窗口 (Popup) 选项卡并选择所需的颜色。
  1. 现在,您可以添加应用内消息的文本。在我们的示例中,我们会将文本放在图片之上。为此,请选择图片并点击 应用效果 (Apply Effects)。点击 文本 (Text) 按钮,插入您的内容,并调整其参数:
  1. 我们还在图片下方添加一些文本。转到 内容 (Content) 选项卡,并将文本块拖到画布上。插入您的文本并根据需要自定义其参数。
  1. 最后,添加按钮并设置其颜色、大小和其他参数:

操作 (Action) 部分,您可以指定点击按钮后执行的操作。我们将选择 URL 或 Deeplink 选项:

  1. 点击 保存 (Save) 以应用更改。

您现在可以通过以下方式之一使用您的促销应用内消息:

部分屏幕应用内消息

Anchor link to

作为部分屏幕应用内消息的示例,我们将创建一个弹出窗口以获取用户同意发送推送通知。此消息还可以帮助恢复那些取消订阅通知的用户。

部分屏幕选择加入弹出消息示例预览,包含图标、文本和允许按钮
  1. 转到您的 Pushwoosh 账户,打开 内容 (Content)富媒体 (Rich Media) 部分,然后点击 添加模板 (Add template)
显示富媒体部分导航和添加模板按钮的屏幕截图

输入模板名称,选择 创建新模板 (Create new template),然后点击 添加模板 (Add template)

显示模板创建对话框的屏幕截图,其中包含名称输入和已选择的创建新模板

我们将使用 空白模板 (blank template) 从头开始创建应用内消息。或者,您可以选择一个默认模板并根据您的需求进行调整。

  1. 让我们为弹出窗口添加背景图片。打开 弹出窗口 (Popup) 选项卡,在 内容 (Content) 部分点击 显示更多选项 (Show More Options),然后上传图片:
  1. 将内容块添加到画布上。每个块将代表一个独立的内容元素,例如标题、文本等。
  1. 让我们向第一个内容块添加一张图片并调整其外观:
  1. 向第二个块添加标题。设置所需的字体、颜色和其他文本参数。
  1. 现在,将您的应用内消息文本添加到第三个内容块。您可以尝试字体、颜色、文本对齐、行高和内边距参数。
  1. 最后,让我们向弹出窗口添加一个按钮。根据需要自定义按钮颜色、圆角和其他参数。
  1. 点击 保存 (Save) 以应用所有更改。

您可以通过以下方式之一使用您的新应用内消息模板:

更多格式和见解

Anchor link to