需要找出使用 Elementor Popup Builder 的最佳方法吗?

Elementor 相对于其他插件的优势之一 WordPress页面创建 是它带有弹出窗口制作功能,让您以可视化的方式创建漂亮的弹出窗口。

您可以使用它来创建任何类型的弹出窗口。 从简单的弹出窗口(例如电子邮件注册弹出窗口)到复杂的弹出窗口(例如全屏菜单)。 为了给您一个概览,我们将分享一些有关如何使用 Elementor 的弹出窗口生成器的想法。

使用 Elementor 的 Popup Builder 创建弹出窗口与创建页面或模板没有什么不同。 您可以添加任何您喜欢的小部件并实现所有可用的样式选项。 您还可以设置弹出窗口出现在您网站的一个或多个页面上的显示条件。

发现 如何在WordPress上安装Elementor

Elementor 的弹出生成器本身支持以下类型的触发器:

  • 加载页面时
  • 滚动时
  • 滚动到项目时
  • 单击时
  • 不活动后
  • 在页面退出意图

以下是有关如何使用 Elementor 的弹出窗口生成器的 7 个想法

1.创建全屏和画布菜单

画布外菜单是一种菜单,可让您在触发按钮时将内容显示为侧边栏。 它可以帮助您在侧边导航面板中展示网站的某个方面,从而为访问者提供用户友好的体验。

但是 Elementor 没有专门用于创建全屏菜单或画布外菜单的小部件或功能。 这并不意味着您需要安装附加组件才能在 WordPress 网站上创建全屏或画布菜单。 您可以使用弹出式构建器来创建一个。

这是一个例子。

要使用 Elementor 创建全屏/关闭画布菜单,您可以创建一个弹出模板并设置触发器 点击. 然后,您可以通过链接调用模板(Elementor 允许您定义指向弹出模板的链接)。 您可以使用任何具有链接选项的小部件来调用弹出窗口的模板。 例如,按钮小部件、文本编辑器小部件、标题小部件、图标小部件等。

2.创建通知栏

您想在您的 WordPress 网站上显示通知栏吗? 如果您的 WordPress 网站是使用 Elementor 构建的,则无需安装额外的插件。 您可以使用 Elementor 的弹出式构建器添加一个。

何时 您使用 Elementor 创建通知栏,您可以设置栏的外观。 无论是在用户点击后、滚动页面后,甚至在他们打算关闭页面时。 Elementor 本身提供了专用于显示通知栏的预定义弹出模板。

这是使用 Elementor 创建的通知栏示例。

3. 创建 cookie 同意弹出窗口

如果您需要在 WordPress 上显示 cookie 同意弹出窗口,Elementor 也可以这样做。 一旦您的网站完全加载,您就可以显示 cookie 同意弹出窗口。

在 cookie 同意弹出窗口中,您可以添加接受按钮和拒绝按钮。

如果您的访问者点击接受按钮,cookie 将消失。 相反,如果他们点击拒绝按钮,您可以将他们重定向到您网站的服务条款页面以强制他们阅读。

Elementor 还提供了专用于创建 cookie 同意弹出窗口的预定义弹出模板。 这是一个例子。

4. 制作宣传横幅

这是弹出式构建器最常见的用途。 你可以实施这个想法,特别是如果你有一个网站电子商务行业. 例如,您可以创建一个横幅来告知您的访问者正在销售的产品。 在横幅上,您可以添加倒数计时器、号召性用语按钮或任何必需的元素等元素。

您还可以在 Elementor 的模板库中找到预定义的促销弹出模板。

5. 创建电子邮件注册弹出窗口

正如我们之前所说,您可以将任何小部件添加到弹出窗口中,就像您使用 Elementor 创建页面时一样。 小工具 形式 也不例外。 您可以使用此小部件添加 形式 到你的弹出窗口。

然后您可以连接您的 形式 流行的营销服务,例如 MailChimp, MailerLite 等... Elementor 还提供专门用于创建选择加入电子邮件弹出窗口的弹出模板。

6. 创建内容锁定弹出窗口或年龄验证弹出窗口

并非所有网站都适合所有人。 例如,如果您有一个销售香烟的网站,则该网站肯定禁止 18 岁以下的人访问。 在这种情况下,您可以创建一个弹出窗口,强制访问者单击某个操作。

另请参阅: 如何在 Elementor 中添加推荐滑块

这个概念与 cookie 同意弹出窗口非常相似,但您可以应用全屏覆盖设置来隐藏内容并强制您的访问者在他们看到内容之前采取某些行动。

在这种情况下,操作可以是检查他们是否超过 18 岁。否则,您可以将他们发送到其他网站,如维基百科。

您还可以在 Elementor 的模板库中找到这种弹出窗口。

使用 Elementor Popup Builder 的 7 种创造性方法

关于内容锁定的另一个想法是,您可以通过为所有匿名访问者显示全屏登录表单来强制访问者登录。

7. 创建浮动按钮

Elementor 附带共享按钮小部件和社交图标小部件,可用于添加共享按钮和关注社交媒体按钮。 虽然您可以将这些小部件添加到页面或主题模板中,但最好将这些小部件添加到您的弹出窗口中。

要创建社交媒体关注/分享浮动按钮,您可以关闭覆盖按钮和关闭按钮。 通过应用触发器,您甚至可以设置按钮的显示方式和位置。

除了浮动社交媒体按钮,您还可以创建浮动号召性用语按钮。

如果您想创建浮动社交媒体关注/分享按钮,Elementor 还提供了一些您可以使用的预先设计的模板。

使用 Elementor Popup Builder 的 7 种创造性方法

最后

网站所有者必须加速其 WordPress 网站的做法之一是使用尽可能少的插件。 Elementor 能够处理某些操作,因此您无需在 WordPress 网站上安装太多插件。

使用其唯一的弹出式构建器,您可以创建全屏菜单、非画布菜单、通知栏、cookie 同意弹出窗口等......但请注意,您的创造力将在最大化 Elementor 功能方面发挥重要作用,包括它的弹出式构建器。

立即获取Elementor Pro!

推荐资源

发现更多 RESSOURCES 在您的网站创建和管理过程中将伴随您的建议。

结论

这是 ! 这就是本教程的内容。 我们希望它可以帮助您发现使用 Elementor Popup Builder 的最佳创意方式。 不要犹豫 与您最喜欢的社交网络上的朋友分享

但是,您也可以咨询 我们的资源,如果您需要更多元素来执行创建Internet网站的项目,请参考我们的指南 WordPress博客创建。

如果您有任何建议或意见,请将其留在我们的部分 评论.

...