弹出元素

关于弹出元素

弹出窗口是访客浏览网站时弹出的窗口。其主要目的是吸引更多潜在客户并有效地实现广告目标。

来自 GemPages 仪表板，打开要编辑的模板。您可以快速找到 编辑器左侧边栏上的元素，位于 转化助推器 部分。将元素拖放到页面上的任意位置。

要使用 弹出元素:

第三步： 来自 GemPages 仪表板，找到目标页面打开编辑器。

第三步： 此 弹出窗口 元素可以在左侧边栏的 转化助推器 部分。

第三步： 拖放 弹出窗口 元素到页面上的任何位置。

弹出窗口最小化后，编辑器右侧会出现一个小标签。您可以随时点击此标签重新打开并编辑弹出窗口的内容。

要编辑弹出内容，只需单击编辑器右侧的弹出标签。

弹出窗口将重新出现在编辑器上，允许您直接选择和编辑其内部元素（例如文本、图像或按钮）。

配置“设置”选项卡

弹出窗口名称

姓名：输入您喜欢的弹出元素名称。

按钮关闭

• 图标：选择关闭按钮图标（例如“X”或“X粗体”）。
• 图标大小：调整图标大小。
• 图标颜色：选择图标颜色（例如白色、#FFFFFF）。
• 宽度和高度：设置按钮的大小。
  
• 背景：选择关闭按钮的背景颜色。
• 职务：选择关闭按钮出现在弹出窗口内还是弹出窗口外。

顶层罩面

弹出窗口出现时，叠加层会使背景页面内容变暗，从而帮助将注意力集中在弹出窗口本身上。启用后，您可以自定义叠加层的颜色和透明度。

• 颜色：从调色板中选择一种颜色作为覆盖颜色。
• 不透明度：调整整个部分的不透明度。数值越低，透明度越高。
• 点击关闭：切换此开关，使用户能够点击覆盖背景来关闭弹出窗口。 

尺寸

• 全屏幕：选择弹出窗口是否占据全屏（是/否）。
• 宽度：设置弹出窗口的宽度（例如 600px）。
• 高度：调整弹出窗口的高度（自动或特定值）。
• 填充：定义弹出元素内的填充（例如，四周为 32px）。

背景

• 颜色：选择弹出窗口的背景颜色（例如，#FFFFFF）。

• 图片：您也可以添加背景图像。

形状

• 边境：设置边框的类型（例如实线、虚线）。
• 角半径：调整角的圆度（例如，圆角为16px）。
• 阴影：您可以启用或禁用弹出窗口的阴影效果。

职务

在 9 个不同的位置调整图像的位置：左上、上中、右上、中左、中中、中右、左下、下中和右下。

显示条件

配置何时触发弹出窗口：

显示时间： 从下拉菜单中选择 5 个选项之一来设置弹出窗口出现的确切时间。

• 没有：弹出窗口不会显示在实时页面上。
• 页面加载后页面加载时会弹出窗口。
• 部分滚动：用户滚动到页面的特定百分比后，将触发弹出窗口。
• 即将退出：当用户即将离开页面时，弹出窗口就会出现。

延迟： 当您选择“页面加载后”时，此设置才会出现。

使用此选项可设置页面加载后系统应等待多少秒才显示弹出窗口。

• 请输入延迟时间（以秒为单位）
• 最大延迟时间：100秒

滚动： 当您选择部分滚动时，此设置将显示。

使用此选项可设置用户需要滚动页面多少距离弹出窗口出现。

• 输入滚动百分比（例如：50% 表示用户向下滚动页面一半位置后弹出窗口出现）

在移动： 当您选择“关于”退出时，将显示此设置。

选择弹出窗口在移动设备上的行为方式。

频率： 此设置控制弹出窗口的显示频率。

可用选项：

• 每个用户仅显示一次：此弹出窗口只会对每个用户显示一次。
• 每次访问时间：每次用户访问该页面时，都会弹出此窗口。
• 一段时间后：该弹出窗口将在指定天数后再次出现。

如果您选择“一段时间后”，将出现一个附加设置，允许您输入再次向同一用户显示弹出窗口之前的天数。

影响

此元素有 7 种入口效果可供选择：

• 褪色
• 通过Zoom
• 缩小
• 水平移动
• 垂直移动
• 3D展开
• 无：无入口效果。

配置高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.

您还可以在以下网址找到更多有用的提示和视频教程 GemPages 学院.

最佳实践：通过链接触发弹出窗口

GemPages 允许您通过超链接文本触发弹窗。这意味着您可以获取弹窗 ID，并将您选择的文本与其进行超链接。

• 选择触发时要打开的弹出窗口，然后单击鼠标右键。
• 点击 复制类 复制弹出窗口 ID。
• 关闭弹出窗口，选中要转换为链接的文本。
• 点击超链接按钮并 p试一下复制的链接。
• 删除 ID 开头的点并将其替换为 #，然后选择 链接到此 URL.

如何在弹出窗口中添加表单

要在弹出窗口中嵌入表单，只需添加一个 联系表格 弹出元素内的元素。

第三步： 点击编辑器右侧的弹出窗口标签，打开弹出窗口。

第三步： 接下来，从左侧边栏拖放 联系表格 将元素添加到弹出区域。

添加完成后，您可以根据需要自定义表单字段和设置。

最后点击 已保存 金益辉 发布 应用更改。

关于 Popup 元素的常见问题解答

1. 为什么弹出元素在主题部分不起作用？

目前，Popup 元素是 主题部分不支持。这意味着当您创建包含弹出窗口的主题部分时，它将无法在实时页面上正常显示或运行。

在这种情况下，你需要 直接在每个页面上添加 Popup 元素 代替。

2.最小化后如何编辑弹窗内容？

最小化后，编辑器右侧会出现一个弹出标签。只需点击该标签，弹出窗口就会重新出现，以便您编辑其内容。

3. 我的弹出窗口何时会出现在实时页面上？

弹出显示时间取决于您选择的 显示时间 条件下 显示条件:

• 页面加载后
• 部分滚动
• 即将退出
• 没有 （不会出现弹出窗口）

4. 如何打开带有链接或按钮的弹出窗口？

您可以通过复制弹出窗口的超链接文本或按钮来触发弹出窗口 ID （通过“复制类”）并在 URL 中使用“#”前缀进行链接。

5. 我可以对弹出窗口应用哪些效果？

Popup 元素包括 七个入口效应：淡入淡出、放大、缩小、水平移动、垂直移动、3D 展开和无。

6. 我在编辑器里添加了一个弹出窗口，但现在找不到了。它在哪儿？

弹出窗口最小化后，将不会显示在画布上。您会在编辑器右侧看到一个小的弹出窗口标签。点击该标签即可重新打开弹出窗口，继续编辑。

7. 我在哪里可以找到弹出窗口 ID？

在编辑器中选择弹出窗口，右键单击它，然后选择 复制 > 复制类复制的值是弹出窗口 ID，您可以使用该 ID 通过链接触发弹出窗口。

8. 我可以保存一个弹出元素以供多个页面全局使用吗？

目前，GemPages 仅支持通过以下方式进行全局重用： 主题部分 此功能仅适用于版块，不适用于单个元素。如果您想在多个页面上使用同一个弹出窗口，可以复制并粘贴弹出窗口元素。

有关详细说明，请参阅指南。 复制和粘贴元素.

9. 如何删除弹出窗口？

您会在编辑器右侧看到一个小的弹出标签。点击该标签重新打开弹出窗口，然后点击垃圾桶图标将其删除。