如何创建登录表单弹出窗口?

创建一个带有滑块背景的登录表单弹出窗口。

您将学习如何：

1. 单击按钮打开登录表单弹出窗口
2. 使用幻灯片作为弹出窗口的背景
3. 关闭弹出窗口时将用户重定向到她的仪表板

https://youtube.com/watch?v=ixQWeI1EVD0%3Ffeature%3Doembed%26enablejsapi%3D1%26origin%3Dhttps%253A%252F%252Felementor.com

---

设计弹出窗口及其内容 #

1. 转到模板 > 弹出窗口 >添加新的并为新的弹出窗口命名。（另一种方法是按 CMD+E 或 CTRL+E 打开Finder，搜索 Popup ，选择Add New Popup，并为其命名。）
2. 选择一个预先设计的 Popup 模板或关闭 Library overlay 并从头开始设计您的 Popup。对于这个例子，我们将设计自己的。

弹出 > 布局选项卡 #

1. 自定义宽度：设置为 300px
2. 高度：选择自定义
3. 自定义高度：设置为 600px
4. 覆盖：设置为隐藏

弹出 > 高级选项卡 #

防止关闭覆盖：设置为是

---

内容 #

第 1 节：

布局选项卡 #

1. 最小高度：设置为 600 像素
2. 现在向该部分添加标题和登录小部件。根据需要调整标题内容和样式。
3. 在登录小部件 > 内容 > 其他选项 > 登录后重定向：设置为开并输入页面的 URL 以将用户重定向到

第 2 节：

布局选项卡 #

最小高度：设置为 600 像素

幻灯片小部件 > 布局选项卡 #

1. 高度：设置为 600px
2. 图像> 对于幻灯片的每个图像，重复以下四个选项更改：
3. 图片：选择图片
4. 尺码: 选择封面
5. Ken Burns 效果：设置为是
6. 缩放方向：设置为 In

现在让我们将两个部分放在另一个之上。

1. 第 2 部分> 边距 > 顶部：-600 像素（负 600）
2. 第 1 部分> Z 索引：1

---

发布弹出窗口 #

单击 发布按钮。此弹出窗口没有条件、触发器或高级规则，因此单击保存并关闭按钮。

控制弹出窗口 #

1. 编辑包含登录按钮的页面。
2. 编辑登录按钮。如果您还没有创建按钮，现在就可以创建了。根据需要编辑其文本和排版。

按钮小部件 > 内容 #

1. 按钮 > 链接：单击动态图标，然后在操作下选择弹出窗口
2. 再次单击Popup并选择Toggle Popup。
3. 现在，在 Popup 字段中，开始键入以搜索您刚刚创建的登录小部件。
4. 单击更新按钮。

弹出 > 高级选项卡 #

1. 防止关闭覆盖：设置为是

全做完了。以普通访问者（未登录）的身份访问带有登录按钮的页面。单击登录按钮。如果您填写表格并成功登录，您将被重定向到您指定为仪表板的页面。如果您选择关闭弹出窗口而不是登录，请再次单击登录按钮以切换/关闭弹出窗口。