跳到内容

网页弹出窗口内容

网页弹出窗口内容是当网页弹出窗口出现在您的网站上时,访问者看到的视觉布局。您可以在内容下构建它,然后将其附加到网页弹出窗口营销活动中。

创建网页弹出窗口内容

Anchor link to
  1. 前往内容网页弹出窗口内容
  2. 点击创建网页弹出窗口内容
  3. 从模板库中选择一个起始模板。使用右上角的类别下拉菜单按用例筛选(例如促销与优惠游戏与市场),或将其保留在所有模板
网页弹出窗口模板库,带有类别筛选器,显示模态框、图像、底部栏、侧边栏和多页产品导览的起始模板,并配有真实插图
  1. 选择模板后,在编辑器中自定义弹出窗口。

命名弹出窗口

Anchor link to

点击顶部栏中的弹出窗口名称进行编辑。该名称用于在 Pushwoosh 内部、内容列表和营销活动向导中识别此内容。网站访问者不会看到它。

编辑弹出窗口设置

Anchor link to

在画布左侧的设置面板中调整弹出窗口的外观和位置:

如果布局包含一张或多张图片,每张图片都会在面板顶部获得自己的区块,并带有预览和控件。

点击更改图片,从您项目的媒体库中选择一个文件。

弹出窗口设置部分,在网页弹出窗口编辑器中显示空的图片预览和“更改图片”按钮

预览下方:

  • 适应:图片如何填充其框架:自然覆盖包含。对于背景图片不显示,背景图片总是覆盖其区域。
  • **模糊:**柔化图片,范围从 0 到 20 px。
  • **变暗:**仅限背景图片。在照片上添加一个暗色纱罩,以确保放置在其上的文本保持可读性,范围从 0 到 100%。

一些布局还会添加一个布局部分,其中包含图片放置设置:

  • **图片宽度:**占弹出窗口宽度的百分比。
  • 图片位置: ,适用于图片与文本并排的布局。

布局部分仅在当前布局具有类似设置时出现。在底部栏布局中,它提供按钮宽度而不是图片控件。

弹出窗口尺寸和样式

Anchor link to

弹出窗口部分:

  • **宽度、高度(留空 = 自动):**将两者都留空,以使弹出窗口根据其内容自动调整大小,或设置一个以像素为单位的固定大小。在多页弹出窗口中,每个页面都有自己的大小。
  • **圆角半径、阴影:**弹出窗口的边角圆润度和投影。
  • 动画:弹出窗口出现的方式:淡入滑动
设置面板中的弹出窗口部分,包含宽度、高度、圆角半径、阴影和动画控件

点击颜色以展开弹出窗口的调色板:

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

位置和遮罩

Anchor link to

位置部分:

  • **位置:**使用 3×3 网格选择弹出窗口在页面上的锚定位置。
  • **边缘偏移:**设置与所选边缘的距离(以像素为单位)。

遮罩部分:

  • **调暗页面背景:**开启此项可在显示弹出窗口时使页面其余部分变暗。
  • **颜色、不透明度:**设置遮罩的颜色和不透明度,范围从 0 到 1。
网页弹出窗口设置面板,包含 POPUP、PLACEMENT 和 OVERLAY 部分,包括位置网格和遮罩控件

编辑文本

Anchor link to

点击弹出窗口上的任何文本块进行内联编辑。其上方会出现一个工具栏:

  • 应用粗体斜体或下划线格式。
  • 添加或删除链接。
  • 设置左对齐、居中对齐或右对齐。
  • 选择文本样式:图标眉标标题 1-3正文说明文字
网页弹出窗口画布上选定的文本,带有内联编辑工具栏,显示格式、对齐、链接和样式控件

编辑按钮

Anchor link to

点击一个按钮以打开其工具栏:

  • 选择按钮样式:主要次要
  • 选择按钮的功能:
    • **打开链接:**输入目标 URL。
    • 关闭弹出窗口
    • **转到页面:**选择弹出窗口的另一个页面进行切换。此选项在弹出窗口有多个页面后出现。请参阅使用多个页面
网页弹出窗口画布上选定的按钮,按钮编辑工具栏已打开

添加订阅表单

Anchor link to

添加一个订阅表单块,直接在弹出窗口中收集电子邮件注册和其他字段。了解更多关于订阅表单的信息

  1. 在画布上选择一个文本块、按钮或其他元素。
  2. 点击其工具栏上的添加
  3. 选择订阅表单。该块会立即出现,并带有一个默认的电子邮件字段和订阅按钮。
元素工具栏上的添加菜单,包含文本、按钮和订阅表单选项

选择表单来源

Anchor link to

点击订阅表单块以打开表单工具栏。其第一个下拉菜单将该块链接到您项目中的一个订阅表单。您可以创建一个新表单或选择一个已有的表单:

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

设置字段和提交行为

Anchor link to
  1. 表单工具栏中设置提交按钮样式
    • 主要:填充按钮,颜色为弹出窗口的强调色。当订阅是页面上的主要操作时最佳。
    • **次要:**轮廓按钮,带有边框和强调色标签。当弹出窗口已有主要按钮或您想要更轻盈的外观时最佳。
  2. 打开隐私以在表单下方添加隐私同意行,然后在出现的字段中输入您的隐私政策 URL。
表单工具栏中已启用隐私复选框,并带有隐私政策 URL 字段
  1. 点击字段…打开一个弹出窗口,您可以在其中保留电子邮件(始终为必填项)并添加名字姓氏电话自定义,并设置访问者提交后显示的成功确认电子邮件文本。
字段弹出窗口,包含电子邮件、名字和电话字段,添加姓氏和自定义按钮,以及提交后的成功和确认电子邮件文本

使用多个页面

Anchor link to

一个网页弹出窗口可以有多个页面,例如引导访问者完成一个简短的多步骤优惠。

添加页面

Anchor link to

点击 + 添加页面以打开添加页面菜单:

  • **复制当前页面:**将活动页面(包括您所做的任何编辑)复制为一个新页面。
  • 从单页布局中选择一个,以添加一个带有该布局演示内容的新页面。新页面独立于其他页面,因此可以使用不同的布局。
网页弹出窗口编辑器页面选项卡,包含多个页面、起始页标记和添加页面

每个选项卡都是一个页面。点击一个选项卡以切换到它。

设置起始页

Anchor link to

标有 ★ 的选项卡是起始页,即访问者首先看到的页面。要更改它,请打开另一个选项卡并点击该选项卡上的 ☆。

页面选项卡显示一个选项卡上的起始页星形标记和活动选项卡上的删除控件

删除页面

Anchor link to

在活动选项卡上,点击 。将打开一个确认对话框。点击删除以移除该页面。此操作无法撤销。

保存内容

Anchor link to

检查内容、图片和按钮操作。完成后,点击顶部栏中的保存

在营销活动中使用内容

Anchor link to

保存后,内容会出现在内容网页弹出窗口内容中。从列表中打开它以继续编辑。

要将其显示在网站上,请前往营销活动网页弹出窗口,创建或编辑一个营销活动,并在内容步骤中选择此内容。

然后配置受众、显示设置、频率和启动选项。有关完整流程,请参阅创建网页弹出窗口营销活动