弹窗构建器

弹出窗口构建器允许您创建可重复使用的弹出窗口，使用当前启用的页面构建器设计其内容，控制它们在哪里可用，并决定哪些访客操作会触发它们。

创建弹出窗口

1. 导航至 仪表盘 → 弹出窗口 并点击 添加新。

2. 选择 空白 从头开始，或选择一个预定义的弹出窗口类别。

3. 如果您选择了预定义类别，请选择其中一个弹出窗口模板。

4. 输入一个易于识别的弹出窗口名称，然后点击 创建弹出窗口。

5. 使用 Gutenberg、Elementor 或 WPBakery（取决于您网站上配置的页面构建器）构建或编辑弹出窗口内容。

6. 配置弹出窗口的外观、触发器和显示条件，然后发布它。

在编辑器中打开弹出窗口设置

弹出窗口设置在每个支持的构建器中都包含相同的功能，但它们的位置取决于当前激活的编辑器。

Gutenberg

点击顶部编辑器工具栏中的 弹出窗口设置 齿轮图标以打开设置侧边栏。

如果齿轮图标被隐藏，请打开右上角的三个点菜单，然后选择 弹出窗口设置。在打开的面板中，激活星形图标以将“弹出窗口设置”保留在顶部工具栏中。

Elementor

从 Elementor 编辑器中的齿轮图标打开弹出窗口文档设置。弹出窗口设置会显示在编辑器面板中。

WPBakery

弹出窗口设置显示在 WPBakery 内容编辑器下方的 设置 面板中。

配置弹出窗口

• 弹出窗口 — 控制响应式宽度和高度、内容对齐、位置、间距、背景、边框、阴影和打开动画。内边距在弹出窗口边界与其内容之间创建空间，而外边距在弹出窗口与屏幕边缘之间创建空间。
• 遮罩层 — 控制弹出窗口后面的颜色和背景效果。当页面应保持部分可见时，请使用透明度。
• 关闭行为 — 配置关闭按钮、通过遮罩层或 Escape 键关闭、附加关闭选择器以及 持久关闭。
• 触发器 — 确定哪个事件会打开弹出窗口，例如页面加载、滚动、不活动、退出意图、点击、URL 值、页面浏览或会话。有关每个可用触发器及其选项，请参阅 触发器 文章。
• 条件 — 确定弹出窗口在哪里可用。结合 包含 和 排除 规则，以定位整个网站、选定的文章类型、单个页面、分类法、术语、用户角色或其他支持的上下文。
• 高级 — 控制桌面、平板电脑和移动端的可见性，并包含 启用页面滚动。当页面滚动被禁用时，打开弹出窗口后面的页面将保持固定。

默认设置

• 弹出窗口居中，使用白色背景，最大宽度为 800px，并根据其内容调整高度。
• 默认打开动画为 从左到右。
• 默认条件包含整个网站。
• 页面加载 触发器已启用，延迟为 0 毫秒。
• 关闭按钮、通过遮罩层关闭、使用 Escape 键关闭以及 持久关闭 均已启用。

启用 持久关闭 后，访客关闭的弹出窗口将保持隐藏，直到其 Cookie 过期或被删除。默认 Cookie 生命周期为 7 天。

关闭后测试弹出窗口

如果在编辑时弹出窗口不再出现，请暂时禁用 持久关闭，并为每个激活的触发器禁用 仅触发一次。测试后，请恢复所需的值。

您也可以在隐私浏览窗口中测试弹出窗口，或清除当前浏览器中的网站 Cookie。

视频教程