如何创建 Cookie 同意弹出窗口

创建一个 cookie 同意底部栏。

您将学习如何:

  • 编辑预先设计的弹出模板
  • 单击按钮关闭弹出窗口
  • 设置多个条件来控制弹出窗口的显示位置

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


设计弹出窗口及其内容 #

  1. 转到Templates > Popups > Add New并为您的新 Popup 命名。(另一种方法是按CMD+ECTRL+E打开Finder,搜索 Popup ,选择Add New Popup,然后给它一个名字。)
  2. 选择预先设计的弹出窗口模板或关闭库覆盖并从头开始设计您的弹出窗口。对于此示例,请选择 Cookie 同意底部栏之一。

按钮 > 内容 #

文本:输入“接受并关闭”。

链接 > 弹出窗口 #
  1. 不再显示:是
  2. 尺寸: 中

按钮 > 样式 #

  1. 颜色:选择一种颜色
  2. 填充:删除所有填充

右键单击Button 小部件的 handle,然后选择Duplicate。现在设置此按钮的样式。


按钮 > 内容 #

  1. 文本:输入“拒绝”
  2. 链接:输入一个使用条款页面的链接,该页面解释了为什么需要 cookie。
  3. 尺寸: 中

按钮 > 样式 #

  1. 背景颜色:透明
  2. 边框类型:实心
  3. 边框宽度:1 仅用于底部
  4. 边框半径:所有角为 0
  5. 填充:5 仅用于底部

编辑文本

标题 > 内容 #

对齐方式:左。

编辑接受并关闭按钮

按钮 > 内容 #

对齐:合理。

拖动文本列,使其占据栏的更宽部分,并拖动接受按钮列,使其占用更少的空间。根据需要进行调整。


单击 位于面板左下方的齿轮/齿轮图标 以返回弹出设置。

弹出设置 > 设置 #

覆盖:隐藏。

弹出设置 > 样式 #

颜色:根据需要调整颜色。

弹出设置 > 高级 #

  1. 防止在叠加层上关闭:是
  2. 防止在 ESC 上关闭:是

发布弹出窗口 #

单击“发布”按钮设置条件触发器高级规则

条件 #

点击添加条件

  1. 包括:整个网站
  2. 排除Singlular > 所有页面 > 使用条款页面

触发器 #

页面加载时:是,0 秒。

单击保存并关闭按钮

全部完成。转到您的网站并查看它的实际效果。

注意:此方法不符合 GDPR,因为它在同意之前不会存储接受或阻止 cookie 脚本。如果您需要符合 GDPR,请改用符合 GDPR 的cookie 同意插件

Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top