网页弹出窗口内容
网页弹出窗口内容是当网页弹出窗口出现在您的网站上时,访问者看到的视觉布局。您可以在内容下构建它,然后将其附加到网页弹出窗口营销活动中。
创建网页弹出窗口内容
Anchor link to- 前往内容 → 网页弹出窗口内容。
- 点击创建网页弹出窗口内容。
- 从模板库中选择一个起始模板。使用右上角的类别下拉菜单按用例筛选(例如促销与优惠或游戏与市场),或将其保留在所有模板。

- 选择模板后,在编辑器中自定义弹出窗口。
命名弹出窗口
Anchor link to点击顶部栏中的弹出窗口名称进行编辑。该名称用于在 Pushwoosh 内部、内容列表和营销活动向导中识别此内容。网站访问者不会看到它。
编辑弹出窗口设置
Anchor link to在画布左侧的设置面板中调整弹出窗口的外观和位置:
如果布局包含一张或多张图片,每张图片都会在面板顶部获得自己的区块,并带有预览和控件。
点击更改图片,从您项目的媒体库中选择一个文件。

预览下方:
- 适应:图片如何填充其框架:自然、覆盖或包含。对于背景图片不显示,背景图片总是覆盖其区域。
- **模糊:**柔化图片,范围从 0 到 20 px。
- **变暗:**仅限背景图片。在照片上添加一个暗色纱罩,以确保放置在其上的文本保持可读性,范围从 0 到 100%。
一些布局还会添加一个布局部分,其中包含图片放置设置:
- **图片宽度:**占弹出窗口宽度的百分比。
- 图片位置: 左或右,适用于图片与文本并排的布局。
布局部分仅在当前布局具有类似设置时出现。在底部栏布局中,它提供按钮宽度而不是图片控件。
弹出窗口尺寸和样式
Anchor link to在弹出窗口部分:
- **宽度、高度(留空 = 自动):**将两者都留空,以使弹出窗口根据其内容自动调整大小,或设置一个以像素为单位的固定大小。在多页弹出窗口中,每个页面都有自己的大小。
- **圆角半径、阴影:**弹出窗口的边角圆润度和投影。
- 动画:弹出窗口出现的方式:无、淡入或滑动。

点击颜色以展开弹出窗口的调色板:
- **背景、强调色(按钮):**弹出窗口的背景色和应用于按钮的强调色。
- **文本、次要文本:**正文文本和次要文本(如说明文字和眉标)的颜色。
- **图片上的文本:**仅在文本位于背景图片之上的布局中显示。设置该文本使用的颜色。

位置和遮罩
Anchor link to在位置部分:
- **位置:**使用 3×3 网格选择弹出窗口在页面上的锚定位置。
- **边缘偏移:**设置与所选边缘的距离(以像素为单位)。
在遮罩部分:
- **调暗页面背景:**开启此项可在显示弹出窗口时使页面其余部分变暗。
- **颜色、不透明度:**设置遮罩的颜色和不透明度,范围从 0 到 1。

编辑文本
Anchor link to点击弹出窗口上的任何文本块进行内联编辑。其上方会出现一个工具栏:
- 应用粗体、斜体或下划线格式。
- 添加或删除链接。
- 设置左对齐、居中对齐或右对齐。
- 选择文本样式:图标、眉标、标题 1-3、正文或说明文字。

编辑按钮
Anchor link to点击一个按钮以打开其工具栏:
- 选择按钮样式:主要或次要。
- 选择按钮的功能:
- **打开链接:**输入目标 URL。
- 关闭弹出窗口。
- **转到页面:**选择弹出窗口的另一个页面进行切换。此选项在弹出窗口有多个页面后出现。请参阅使用多个页面。

添加订阅表单
Anchor link to添加一个订阅表单块,直接在弹出窗口中收集电子邮件注册和其他字段。了解更多关于订阅表单的信息。
- 在画布上选择一个文本块、按钮或其他元素。
- 点击其工具栏上的添加。
- 选择订阅表单。该块会立即出现,并带有一个默认的电子邮件字段和订阅按钮。

选择表单来源
Anchor link to点击订阅表单块以打开表单工具栏。其第一个下拉菜单将该块链接到您项目中的一个订阅表单。您可以创建一个新表单或选择一个已有的表单:
| 选项 | 使用场景 |
|---|---|
| 新表单 - 保存时创建(默认) | 最快上手:当您保存弹出窗口时,Pushwoosh 会为您创建表单,命名为“弹出窗口名称 - 网页弹出窗口”。 |
| + 创建新表单… | 您想在保存弹出窗口前命名并设置表单。将打开一个新订阅表单对话框——输入名称,然后按照下文所述设置其字段、提交文本和隐私,然后点击创建。 |
| 下拉列表中的现有表单 | 重复使用已配置订阅者或双重选择加入的表单。 |

设置字段和提交行为
Anchor link to- 在表单工具栏中设置提交按钮样式:
- 主要:填充按钮,颜色为弹出窗口的强调色。当订阅是页面上的主要操作时最佳。
- **次要:**轮廓按钮,带有边框和强调色标签。当弹出窗口已有主要按钮或您想要更轻盈的外观时最佳。
- 打开隐私以在表单下方添加隐私同意行,然后在出现的字段中输入您的隐私政策 URL。

- 点击字段…打开一个弹出窗口,您可以在其中保留电子邮件(始终为必填项)并添加名字、姓氏、电话或自定义,并设置访问者提交后显示的成功和确认电子邮件文本。

使用多个页面
Anchor link to一个网页弹出窗口可以有多个页面,例如引导访问者完成一个简短的多步骤优惠。
添加页面
Anchor link to点击 + 添加页面以打开添加页面菜单:
- **复制当前页面:**将活动页面(包括您所做的任何编辑)复制为一个新页面。
- 从单页布局中选择一个,以添加一个带有该布局演示内容的新页面。新页面独立于其他页面,因此可以使用不同的布局。

每个选项卡都是一个页面。点击一个选项卡以切换到它。
设置起始页
Anchor link to标有 ★ 的选项卡是起始页,即访问者首先看到的页面。要更改它,请打开另一个选项卡并点击该选项卡上的 ☆。

删除页面
Anchor link to在活动选项卡上,点击 ✕。将打开一个确认对话框。点击删除以移除该页面。此操作无法撤销。
保存内容
Anchor link to检查内容、图片和按钮操作。完成后,点击顶部栏中的保存。
在营销活动中使用内容
Anchor link to保存后,内容会出现在内容 → 网页弹出窗口内容中。从列表中打开它以继续编辑。
要将其显示在网站上,请前往营销活动 → 网页弹出窗口,创建或编辑一个营销活动,并在内容步骤中选择此内容。
然后配置受众、显示设置、频率和启动选项。有关完整流程,请参阅创建网页弹出窗口营销活动。