Table of Contents
创建一个弹出窗口，阻止访问者查看页面内容，除非他们单击弹出窗口中的特定按钮。
您将学习如何创建一个弹出窗口：
- 向访问者询问是或否的问题，并允许访问者单击“是”按钮或“否”按钮
- 如果访问者单击“是”按钮，则显示页面内容，如果访问者单击“否”按钮或单击“是”按钮以外的任何地方，则将访问者重定向到另一个 URL。\
https://youtube.com/watch?v=hEsoZGyNkCY%3Ffeature%3Doembed%26enablejsapi%3D1%26origin%3Dhttps%253A%252F%252Felementor.com
设计弹出窗口及其内容 #
- 转到模板 > 弹出窗口 > 添加新的并为新的弹出窗口命名。（另一种方法是按CMD+E或CTRL+E打开Finder，搜索 Popup ，选择Add New Popup，并为其命名。）
- 选择一个预先设计的 Popup 模板或关闭 Library overlay 并从头开始设计您的 Popup。对于这个例子，我们将设计自己的。
弹出 > 布局选项卡 #
- 宽度：设置为 600px
- 高度：选择自定义
- 自定义高度：设置为 800px
- 垂直位置：中心
- 关闭按钮：设置为隐藏
- 入口动画：选择淡入
内容 #
- 添加一个询问是或否问题的标题，并根据需要设置样式。
- 添加两个按钮，一个用于“是”，一个用于“否”，并根据需要设置每个按钮的样式。
- 单击 位于面板左下角的齿轮/齿轮图标 返回到弹出设置
弹出 > 样式选项卡 #
- 背景类型: 透明
- 图片：添加背景图片并根据需要调整其设置
弹出 > 高级选项卡 #
- 填充：左右设置为 80px，离开 顶部
和底部空白 - 防止关闭覆盖：设置为是
- 防止关闭 ESC 键：设置为是
编辑部分 #
部分 > 样式 > 边框 #
- 边框类型: 实心
- 边框宽度：15px
- 颜色：为您的边框选择一种颜色
- 边框半径：仅底部为 40
栏目 > 进阶 #
填充：仅底部为 30px。
编辑列 #
列 > 样式 #
- 背景类型：渐变
- 颜色：选择第一种渐变色
- Second Color : 选择第二种渐变色
- 类型: 径向
边界 #
- 边框半径：仅底部为 20px
- Box Shadow : 根据需要设置
专栏 > 进阶 #
- 边距：为顶部和左侧设置 -30（负 30）
- 填充：为顶部和底部设置 100px
编辑内容 #
标题 > 样式 #
标题：将颜色设置为白色。
按钮 > 样式 #
文本颜色：将每个按钮的颜色设置为白色。
编辑是按钮 #
内容：
- 链接：单击“动态”图标
并选择“操作”>“弹出窗口” - 再次点击弹出窗口
- 选择关闭弹出窗口并将不再显示滑动到是
编辑否按钮 #
内容：
链接：输入任何适合年龄的网站链接
设置发布选项 #
单击发布按钮。此弹出窗口没有条件、触发器或高级规则，因此单击保存并关闭按钮。
编辑包含“购买”按钮（或您创建的用于启动弹出窗口的任何按钮）的页面。
编辑购买按钮 #
- 如果您还没有创建启动弹出窗口的按钮，现在就可以创建。根据需要编辑其文本和排版
- 链接：单击“动态”图标并选择“操作”>“弹出窗口”
- 再次单击 Popup，然后在 Action 下选择Open Popup。
- 在 Popup 字段中，输入几个字母以搜索/查找您刚刚创建的 Popup。
- 单击“更新”按钮以更新页面。
全做完了。现在转到带有“购买”按钮的页面，单击它，然后查看正在运行的弹出窗口。
