如何使用可转换的 Elementor 创建引人入胜的弹出窗口

已发表: 2020-09-25

让我们面对它,因为网站所有者,你恨到爱的弹出窗口! 一方面,他们惹恼了客户。 但在另一方面,他们也增加很多倍线索。 到现在为止,如果你决定选择执行上弹出你的WordPress网站的插件,你可以有多种选择。 但讽刺的是,他们都缺乏在功能这种或那种方式。 现在的选择很简单,Elementor弹出建设者。

Elementor弹出是一个动态的弹出建设者随附Elementor页面构建。 这是手下来的最好的一个弹出建设者在那里。

然而,如果你考虑的功能和易用性的结合,Elementor弹出建设者是迄今为止WordPress网站最好的弹出建设者。

你兴奋学习如何建立你的第一个弹出使用Elementor? 我们也是!

做网页弹出窗口的实际工作,以拓展您的业务?

Create Pop-ups using Elementor pop up

弹出一个小窗口,“弹出”在网页在互联网浏览器的顶部。 它可以用来展示的重要信息或收集线索。 是的,我们正在谈论的一个激怒我们,当我们尝试打开大多数网站的所有时光。

那么,为什么这个讨厌的事情不停地转动起来,即使我们讨厌吗? 问题就出在这个定义本身。 它可以帮助收集线索。

9.28

我们都知道,越来越多线索的重要性。 更引你有,更多的人可以发送促销电子邮件,或提供个性化的交易。 无论你是一个电子商务网站拥有者,软件开发公司,甚至是一个博客,获得了铅手段越来越来多一个潜在客户交流的机会。

弹出式窗口的平均转化率为3.09%,而前10%的最高性能的弹出式窗口平均为9.28%的转换率。

-相扑

鉴于上述统计,这是肯定地说,弹出窗口是由获得线索最有效的方法远远之一。

如何创建您的动态弹出窗口与Elementor弹出生成器

你有使用Elementor的经验吗? 如果不是,请不要担心,这是很容易的馅饼。 如果您有之前Elementor工作,建筑,或创建一个弹出就像使用或创造Elementor任何其他模板的经验。

因此,让我们先从先决条件之前,我们跳进建设我们的第一个弹出使用Elementor。

  1. 一个工作的WordPress网站(显而易见的,对吧?)
  2. 元素
  3. 元素专业版

相关博客:如何在5个简单步骤免费创建一个网站

这就是我们需要有创造我们真棒看弹出。

使用现成的Elementor弹出式广告

如果你熟悉Elementor,你可能已经知道如何使用或创建模板。 作为弹出兼作Elementor模板,首先你需要去WP管理仪表板>模板>拉网

Access popup templates

一旦你点击弹出的添加新的弹出式菜单按钮就会出现。 点击按钮,给你弹出,就像我们的名字我们的“首页主“的名称。 命名弹出后,它的时间来点击创建弹出式按钮!

Create Pop Up Template

只要你在创建弹出式按钮挖掘,你会发现很多的准备供您选择美丽的弹出式模板。 但是,如果你不想使用预先设计的模板,你也可以设计自己的弹出从地上爬起来。 对于从模板库,只是退出。

Elementor Pop up Templates

自定义您的Elementor弹出式设计

只要你关闭模板库,你会看到类似下面的屏幕。 点击齿轮图标,就像我们所做的,你就可以在任何时间弹出设置页面。

Elementor Settings

弹出的设置将有3个选项卡 - 设置,样式和高级。 让我们知道每个标签的是。

Popup Settings

设置选项卡,您可以自定义主要的布局。 如宽度高度水平/垂直位置进入/退出动画,并关闭按钮

我们将与下面的设置提前。 您还可以自定义你想要的。

Customizing Popup Settings

样式选项卡,您可以自定义弹出,叠加和关闭按钮的颜色。

高级选项卡,可以与关闭按钮的时间和其他一些小设置调整。

就像Elementor的任何其他模板也可以添加小工具,让您的弹出好看。 这里是最小的弹出,我们设计的。

Our Popup

是的,我们已经使用Elementor弹出成功建立了一个弹出窗口为我们的网站! 现在,让我们知道我们如何可以针对不同用户活动弹出。

控制你弹出一个带有发布设置

创建弹出后,你需要做的下一件事是一套什么时候会出现。 随着Elementor弹出,您可以根据许多动作调整到触发。 一旦你完成了设计,并点击发布,发布设置将弹出。 从这里你控制和调整的目标。

Popup Publish Settings

你可以从上面的图片看,你会看到三个条件,触发器高级规则不同的选项。

所以,让我们知道他们是如何工作的。

Dokan Advertisement

为您的弹出设置条件

条件选项卡允许您管理您的弹出窗口显示了。 例如,你可以让单页,多页,甚至整个网站上显示的弹出窗口。

正如你所看到的,我们在这里已经包括了一个单页,这是头版,以显示我们的弹出。

Popup Publish Conditions

配置弹出触发规则

触发器让你准确控制弹出显示出来。 随着Elementor,你把所有的类型的触发器,你需要。 您可以设置弹出窗口显示 -

  1. 对网页加载
  2. 在滚动
  3. 在滚动元
  4. 点击时
  5. 不活动后
  6. 在页退出意图

我们已经设置我们的弹出窗口上显示通过我们的网页上,用户第一次点击。

Popup Display Triggers

设置高级规则

正如其名,高级规则可以让你整整集国内外先进的条件时,或向谁弹出式窗口会显示出来。

有很多不同的规则,你可以选择多个规则也是如此。

Popup Advanced Rules

现在,我们都准备发布我们的弹出窗口。 因此,继续前进,然后点击保存并关闭按钮。

此外,让我们看看我们在行动弹出。 耶!

Our Popup

从Elementor拉网库拉网模板的大集合

正如我们已经向您展示,Elementor在其模板库中预先设计的弹出式的巨大集合。

你将有机会获得数百个弹窗的,所以即使你没有一个很有设计感,Elementor弹出一应俱全。 从Elementor模板库,你会发现不同类型的弹出式模板,如灯箱,浮动,全屏,铅磁铁,还有更多!

Elementor Template Library

除了弹出窗口,Elementor也有很多其他的预先设计的模板和小部件。 你甚至可以进一步通过使用不同的插件扩展Elementor的特点。 这是时下越来越很受欢迎。

如果你想看到的插件如何可以很容易地设计你的网站,不要忘了尝试HappyAddons。 现在是顶级Elementor插件,有超过80000个活跃的装置之一。 有一个高级版的吧,有一个免费的版本一起。

让我尝试HappyAddons做出漂亮的网站!

Elementor拉网 - 终极拉网生成器

Elementor被认为是最好的页建设者为WordPress的一个。 随着更多的功能,你还可以创建具有特定目标美丽的弹出窗口。

弹出创作的过程是非常简单的,我们现在希望你能够创建一个弹出窗口,您的访问者会喜欢(至少不讨厌!)。 您还可以创建与Elementor弹出建设者模式弹出。

我们将完成与可能是最奢侈的产品广告的博客从WordPress的公司? 好了,在这里你去!