WordPress divi主题

使用 Divi 的新显示条件隐藏和显示内容

| 4月 26, 2022 | Divi主题使用教程 | 0 条评论

5分钟生成10篇英文软文article forge软件试用

条件选项示例

使用 Divi 的条件选项有很多独特的方法! 这里有几个例子突出了 Divi 的许多条件中的三个。

google广告开户

日期和时间:创建定期促销横幅

您可以使用 Divi 的条件选项来根据日期和时间显示元素,甚至可以创建重复的内容时间表。 在这个例子中,我正在为一家比萨店建立一个网站。 比萨店喜欢通过每周五举办“买一份比萨送一份”促销活动来庆祝“比萨星期五”,他们希望每个周五访问该网站的人都知道这件事。

为了促进销售,我创建了一个浮动促销栏,并使用 Divi 的位置选项将其固定在浏览器的顶部。 接下来,我使用 Divi 的动画选项让它在有人访问页面时滑入,所以他们一定会注意到!

它看起来很完美,但我们不希望这个促销栏可见,除非是星期五。 这就是 Divi 的新条件选项的用武之地。我可以添加“日期和时间”条件并选择仅在星期五显示此横幅。 现在网站所有者可以 设置并忘记它,并且只是看着他们的顾客对他们每周的免费披萨感到兴奋。

查看示例和教程

登录状态:创建付费在线出版物

Divi 的条件选项可用于向登录用户显示特定内容。 在此示例中,我正在为无广告出版物构建一个网站,该网站由获得特定文章的独家访问权的付费客户提供支持。 我们需要将全文展示给 只要 付费订阅者。 其他所有人都将获得预览和加入的选项。 您可能以前见过这样的网站,我们可以在 Divi 中轻松地重新创建它!

当非订阅者使用渐变背景和 Divi 的滚动效果向下滚动页面时,我设置了一个巧妙的部分来掩盖文章的内容。 此部分阻止文章内容并要求访问者登录或成为订阅者。 我只希望此部分显示给已注销的用户。 这就是 Divi 的条件选项的用武之地!

我可以使用“登录状态”条件类型并选择仅在访问者注销时显示此元素。 我还可以使用条件选项来隐藏文章的全部内容。 总而言之,当您退出而不是付费订阅者时,整篇文章内容被隐藏并显示内容屏蔽部分。 付费订阅者登录后,会显示全部内容并且内容掩码消失。

WordPress divi主题

查看示例和教程

购物车内容:在 WooCommerce 中捕获废弃的购物车

Divi 的条件选项还带有一些针对 WooCommerce 的独特集成。 在此示例中,我想通过向在购物车仍然装满产品时放弃购物车的客户提供优惠券代码来激励转化。

我创建了一个浮动弹出窗口来推广优惠券代码,并使用 Divi 的位置选项将该部分固定到浏览器的底部。 它看起来很棒,但我只希望在有人放弃购物车时出现此弹出窗口。 这就是 Divi 的条件选项的用武之地!

我可以添加“购物车内容”条件并将其配置为仅当产品存在于客户的购物车中时才显示。 我还想确保我们不会立即显示此优惠券代码,而是仅将其显示给在结账时放弃购物车的客户。 我可以使用“页面访问”条件,并且只向访问过 WooCommerce 结帐页面的客户显示此弹出窗口。

现在,当有人将产品添加到他们的购物车中,去结账,但在付款前感到冷漠时,下次他们访问该网站时,他们会看到这个 20% 的优惠券代码,我敢打赌,这将达成交易!

查看示例和教程

高质量外链购买
5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题