WordPress divi主题

Divi 插件亮点:简单的叠加解决方案

by | May 13, 2022 | Divi主题使用教程 | 0 comments

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

在 Divi 市场中找到它

Divi SOS 可在 Divi Marketplace 购买! 这意味着它已通过我们的审查,并符合我们的质量标准。 您可以在市场上访问 Superfly 以查看他们所有可用的产品。 从 Divi Marketplace 购买的产品具有无限的网站使用和 30 天退款保证(就像 Divi)。

google广告开户

在 Divi 市场购买

Simple Overlay Solution 是 Divi 的第三方插件,可以使用 Divi Builder 轻松创建全屏覆盖、弹出窗口和大型菜单。 向任何页面添加多个叠加层。 在单击或自动定时延迟触发器、浅色或深色加载器以及浅色或深色背景之间进行选择。 设置关闭按钮的样式,或使用 Divi Builder 创建自己的背景和按钮。 每个叠加层都有一个 30 天的 cookie。

简单的叠加解决方案

正常上传并激活插件。 然后,您需要激活许可证。 在仪表板菜单中,转到 设置 > Divi SOS 激活 并输入您的 API 密钥和电子邮件。

导入 SOS 样本

SOS 插件附带了一组作为 JSON 文件的演示,您可以将其导入到 SOS 库中。 首先,解压缩下载文件以访问 JSON 文件。 这些非常适合您入门。

在仪表板菜单中,转到 迪维 > 求救. 选择导入和导出。

WordPress divi主题

像任何布局一样导入 JSON 文件。

您现在在 SOS 库中有 5 个演示。 您可以在开发者的网站上查看演示。

创建 SOS 布局

SOS 布局也在 SOS 库中创建。 去图书馆然后点击 添新.

将布局命名为对您有意义的内容。 选择 布局 对于布局类型。

选择 SOS 布局 为类别。

fiverr建站WordPress程序员

我选择了一个预制布局,然后从度假村布局包中选择了联系页面。 右侧(如果您使用可视模式查看,则在底部)是布局设置。 这为您提供了布局的 HREF 代码,因此您可以在任何页面(允许 URL 的任何地方)上触发它。 这是您将用于按钮、文本等的链接,以触发覆盖。

您还可以让它自动显示(这会打开时间设置并启用 cookie,以便它知道访问者已经看到了覆盖或弹出窗口)。 将过渡设置为淡入淡出、滑动或无。 选择浅色、深色或无背景。 选择浅色或深色装载机颜色。 选择是否显示关闭按钮。 您可以设置按钮及其背景的样式。

装载机可以是浅色或深色。 这是浅色背景下的深色装载机。

示例 SOS 覆盖

独立站选品工具

我正在创建一个叠加层,当访问者点击时将显示预订信息 预订您的假期 按钮。 将链接添加到您的按钮 URL 以触发覆盖。

我将部分的背景设置为透明,在 SOS 设置中选择浅色背景,并自定义布局以仅使用其中一个部分。 点击 预订您的假期 按钮打开预订住宿的部分。 背景包括白色覆盖层。 我还添加了关闭按钮并设置了样式以匹配布局。 布局位于屏幕顶部并占据整个宽度。 这可以使用填充进行自定义。

我在该部分的顶部添加了一些填充。 我还禁用了背景,因此我可以使用 Divi Builder 控制它。

高质量外链购买

对于这个,我使用的是来自相同布局的联系表。 这一次,我在底行添加了一个盒子阴影,这样它就会从叠加层的背景中脱颖而出。

我将链接添加到与第一个叠加层相同的页面上的按钮(您可以添加任意数量)。 当他们点击 给我们留言 按钮。

JasperAI 10000字免费额度试用

结果看起来很有趣。 我没有为此添加关闭按钮。 访问者可以单击表单外的任何位置以关闭覆盖。 我为行添加了背景并设置了不透明度,因此只有一点背景显示出来。

这个使用了投资公司布局中的一个部分。 我想创建一个带有号召性用语的弹出窗口。 我已将其设置为以 1000 毫秒的延迟自动显示。 自动显示时,您不必在任何地方添加链接。 它会自动显示在每个页面上。 我还将 cookie 设置为每 30 天仅显示一次弹出窗口。

页面加载后 1 秒弹出窗口显示。 这会创建一个 CTA 作为弹出窗口,并且每 30 天只会显示一次。 你看不出这张图片,但我也给了它一个视差背景,只是因为。 这使您可以像使用任何页面设计一样对弹出窗口进行创意。

WordPress备份工具updrafplus

我将关闭选项从右上角的按钮移动到使用 Divi Builder 创建的按钮。 我从布局中克隆了按钮,更改了文本,并将关闭链接添加到 URL。

结果是一个简洁的设计,非常适合作为 CTA。

我回到设计并添加了一个新背景和一个打开另一个页面的按钮。

对于这个,我创建了一个基于 Esports 布局的时事通讯弹出窗口。 我已将弹出窗口设置为在 30 秒后自动打开。 背景设置为暗,加载程序设置为亮。 我还将使用布局中的颜色包含一个关闭按钮。

订阅弹出窗口看起来很棒并且完全符合网站的设计,因为它实际上来自网站的设计。 我喜欢它可以使用常规的 Divi 布局来创建弹出窗口。

超级菜单

您还可以使用 SOS 创建大型菜单。 创建一个自定义链接作为菜单项,然后将叠加层的链接添加到菜单项的 URL。

我已将叠加层添加到 关于 我的滑入式菜单中的链接。 如果需要,您可以为菜单中的每个链接设置不同的叠加层,它们可以是您可以使用 Divi 构建的任何内容。

简单叠加解决方案价格

SOS 有两个许可证。 两者都有一次性费用,并包括终身更新。

  • 1 个网站和 1 个开发网站——25 美元
  • 无限的网站 – 45 美元

您可以从开发者的网站购买 SOS。

结束的想法

简单的叠加解决方案易于使用。 控件简单直观。 构建叠加层几乎与使用 Divi 构建页面相同。 如果您可以使用 Divi Builder,则可以使用 SOS。 Divi 页面加载速度很快,因为没有预加载覆盖。 叠加层和弹出窗口的加载速度也很快。

我喜欢它有一个饼干。 这使您可以对弹出窗口进行一些控制,因此同一访问者不必在每次访问该网站时都看到该优惠。 我敢肯定这并不容易,但我想看看一些 cookie 选项。 例如,可以将其设置为每周显示一次、每天显示一次、每月显示两次等。一些加载器选项也会很好。 也许不同的选择和颜色定制。 我还希望能够从显示自动覆盖中排除页面。

我喜欢常规的 Divi 按钮可用于关闭按钮。 这开辟了许多设计可能性,您不仅限于使用内置按钮。 如果您确实想使用该按钮,它确实有很多颜色选项。

SOS 是一个易于推荐的插件。 如果您对使用 Divi Builder 创建叠加层、弹出窗口和大型菜单的简单方法感兴趣,简单叠加解决方案 (SOS) 可能是您需要的插件。

我们希望收到你的来信。 您是否尝试过简单的叠加解决方案插件来创建叠加和弹出窗口? 在评论中让我们知道您对此的看法。

精选图片来自 Bakhtiar Zein / shutterstock.com

5分钟生成10篇英文软文article forge软件试用
tiktok
WordPress divi主题