Elementor弹出Builder回顾&教程(2023)

如果你想让人们加入你的邮件列表,你需要问他们。很有道理,对吧?我不是把知识炸弹。

然而,not-quite-so-obvious的是如何你问是问的一样重要。

如果你问以最优的方式,你会得到一个更高比例的人签署你的名单,这意味着一个更好的ROI的努力。

这篇文章是关于如何使用一个名为Elementor的WordPress插件。而我将涉及一些理论点,这更多的是实际的循序渐进的过程,使用Elementor创建各种类型的弹出选择形式在你的网站上。

然后,最后,我将分享一些想法Elementor是否是最好的工具来你的网站,或者如果你选择可能会更好。

Elementor如何帮助您创建高转换选择形式

如果你熟悉Elementor,你可能会说,“嘿,科林,Elementor页面构建器,我以为我们创建电子邮件选择表单弹出窗口?”。

你会一直到几个月前,当Elementor推出了新的弹出建设者功能作为Elementor职业的一部分。

现在,高级版,您可以使用Elementor专业强大的视觉,拖放编辑器来创建各种各样的弹出窗口,包括:

Lightbox /模态弹出窗口
通知酒吧
幻灯片
屏幕填料
…更多因为你有完全控制弹出画布上显示的地方

更重要的是,你可以将这些弹出窗口连接到许多流行的电子邮件营销服务。万博安卓手机客户端下载或者,如果Elementor没有直接集成的电子邮件营销服务的选择,你可以钩东西Zapier和连接。万博安卓手机客户端下载

要获得这个功能,你需要49美元Elementor职业插件,以及Elementor自由核心版本的WordPress.org。这个附加组件包括不仅弹出Builder功能,而且主题建筑,更多的小部件,很多其他有用的特性。

得到Elementor职业

如何创建高转换电子邮件选择弹出窗口Elementor吗

一旦你Elementor和Elementor Pro安装在你的网站,下面是如何创建自己的高转换电子邮件与WordPress选择形式。

步骤1:连接到您的电子邮件营销服务的选择万博安卓手机客户端下载

如果您使用的电子邮件营销服务之一Elemen万博安卓手机客户端下载tor Pro提供了直接集成,你要做的第一件事是将Elementor连接到该服务。

这将确保,当你在下一步创建电子邮件选择表单,你可以同步到你的电子邮件列表。

目前,Elementor Pro直接集成以下万博安卓手机客户端下载电子邮件营销服务:

Mailchimp的
GetResponse
ConvertKit
ActiveCampaign
MailerLite
滴
MailPoet
HubSpot的

使用一个不同的电子邮件营销服务?万博安卓手机客户端下载没问题!你仍然可以通过Zapier连接一切。

连接到一个直接集成Elementor→设置→集成。

例如,如果您使用Mailchimp的,您可以通过粘贴在你的Mailchimp API键连接:

与管家的,你可以创建实际的电子邮件选择弹出。

首先,去模板→弹出窗口→添加新的:

给它一个难忘的名称(这是纯粹的内部)。然后,单击创建模板:

接下来,您可以选择是否开始从一个100 +半成品Elementor Pro提供弹出模板。或者,您可以关闭模板库从一张白纸开始,要么很好。

现在,我个人不是一个伟大的设计师,所以我要选择这个好看的弹出这个例子。如果你想要一张白纸,你可以点击X在右上角:

此时,您应该看到一个预览你的弹出一张白纸或您选择的模板。

配置弹出帆布本身是如何工作的,您可以使用弹出设置默认情况下是开放的:

你会想看看这三个标签,因为这就是允许您创建不同类型的弹出窗口。通过调整这些设置,您将能够创建:

模态弹出窗口
幻灯片
通知酒吧
等。

另外,你也可以配置其他重要的设置。

在设置选项卡,您可以:

改变高度和宽度
改变垂直或水平位置(例如,您可以修复它顶部或底部创建一个通知吧)
决定是否使用一个叠加(这让你,例如,灰色背景弹出时活跃)
禁用关闭按钮
添加一个入口动画

在风格选项卡,您可以:

改变背景,使它成为一个颜色,一个梯度,或一个图像
配置覆盖,如果启用
配置关闭按钮,如果启用

最后,先进的让你的标签有一些进口各种各样的设置:

显示关闭按钮或X秒后自动关闭弹出
防止通过单击关闭叠加或使用escape键
禁用页面滚动
避免多个弹出窗口(如果你有针对性的多个弹出窗口相同的页面,这样可以让你避免恼人的访问者)

给你一个例子,这些设置是如何影响你的弹出,这是改变的样子位置右下角:

看看右下角弹出现在是固定的吗?如果您添加一个动画和入口使用滚动触发,这将创建一个好,低调的幻灯片效果。

一旦你的基本配置弹出设置,您可以使用视觉、拖放界面设计你弹出的实际内容。

您可以使用任何Elementor小部件,它给你大量的设计灵活性。你唯一绝对的必须包括是形式小部件,这是允许您创建您的电子邮件选择形式。

与形式小部件,你可以选择你想要的哪些字段,以及提交按钮的文本和看:

除此之外,我鼓励你去探索Elementor所有的部件和设计的选择。

正如我提到的,你有大量的控制一切看起来,你也得到一些有用的小部件,可以增加你的转化率。

例如,您可以使用一个…

倒计时小部件添加紧迫性
证明小部件添加社会认同的价值你的简报
等。

第五步:将表单连接到您的电子邮件营销服务的选择万博安卓手机客户端下载

一旦你完成了设计弹出,你需要连接到你的电子邮件营销服务,通过集成设置在第一步中,或通过Zapier。万博安卓手机客户端下载

要做到这一点,打开设置形式小部件。

然后,找到行动后提交选择和添加一个行动的选择为你的电子邮件营销服务(万博安卓手机客户端下载或Zapier)。例如,我使用Mailchimp的,所以我添加Mailchimp的行动:

一旦你加入行动,你会得到一个新的设置区域的服务。

例如,我能选择Mailchimp的列表我想连接,以及如何我想表单中的信息映射到我Mailchimp的列表,以及是否需要双重选择:

现在,每当有人提交表单,Elementor Pro将那个人直接添加到您的Mailchimp的列表。

在这一点上,你准备好了来决定何时何地你想要你的电子邮件选择弹出显示形式。

为此,单击发布按钮打开发布设置,它分为三个选项卡:

条件——允许您显示您的弹出具体内容。
触发器——让你选择当你出现弹出。
先进的规则——允许您添加其他目标选项,比如针对特定设备或引用的url。

在条件选项卡上,单击添加条件按钮以添加一个规则为你弹出显示。

默认情况下,规则设置整个网站,但是您可以编辑它的目标:

你的主页
类别或标签
作者
个人的帖子
存档页面(喜欢你的博客列表)

您还可以添加多个规则和选择包括/排除,它给你更多的选择:

一个有用的方法可以使用这些选项来提高转化率是个性化你的弹出窗口。

例如,假设您有两个博客类别——一个关于“博客”,另一个关于“WordPress”。

使用这些规则,您可以为每个类别创建两个单独的个性化的弹出窗口CTA针对该类型的内容。甚至一些简单的复制相同的设计,但稍微改变文本的目标类别,可以支付股息。

第七步:选择触发规则

接下来,去触发器选项卡来决定何时启动弹出。你可以触发弹出:

时间
滚动深度
不活动
点击
退出意图

让你弹出更不突兀,您可以使用这些规则延迟显示,更多的在这。

第八步:配置先进的规则

最后,前往先进的规则配置一些其他重要的选项。

在这里,你可以选择让你:

等到一定数量的页面浏览量或会话来显示你的弹出
设定一个限制多少次游客看到一个弹出
目标游客来自特定的反向链接
隐藏你的弹出登录用户
隐藏某些设备,喜欢隐藏你的弹出移动访客

为了避免恼人的访问者,我建议肯定打开显示X倍选择。

此外,当从特定的URL选择打开更多的个性化的途径。例如,如果你土地篇文章一个受欢迎的博客上,你可以创建一个特别的电子邮件选择针对访客来到你的网站的帖子。

一旦你完成了配置发布设置单击保存和关闭按钮来让你的电子邮件选择弹出。

得到Elementor职业

你不需要我告诉你,,做错了、电子邮件选择可以超级烦人的弹出窗口。

我相信你已经经历了网站,不停地纠缠你弹出窗口,使触及你的浏览器的“后退”按钮一个非常有吸引力的选择。

这里有一些方法,你可以使用Elementor职业的选择来避免把你网站的访问者通过:

考虑创建一种更不突兀的弹出,如一个非模态的幻灯片或通知酒吧。你可以通过控制弹出设置。
确保你的弹出没有显示马上。你可以延迟exit-intent触发,或者您可以使用后显示x页面浏览量选项先进的规则等到客人意见多个页面(甚至是两个!)。
使用显示X倍选项先进的规则设定一个限制多少次访问者会看到弹出。
很容易通过确保关闭弹出关闭点击按钮是可见的和容易。你可以控制的弹出设置。
避免在同一页面显示多个弹出窗口。同样,您可以设置的弹出设置。

Elementor Pro绝对不是唯一的插件可以帮助你建立你的邮件列表。

为了完成这篇文章,让我们深入的问题Elementor Pro弹出建设者最好的办法是在所有情况下创建电子邮件选择弹出窗口。

答案取决于你最看重什么。

让我们先从好的部分…

当涉及到设计的灵活性,我不认为你会发现任何工具,给你更多的控制你的弹出窗口的设计和电子邮件选择形式。

因为Elementor其核心是一个工具来设计各种类型的web内容,包括登陆页面和整个网站,它有很多的设计选择。更重要的是,即使在WordPress页面建筑商,Elementor仍然是惊人的数组的设计选择。

所以如果你价值的能力设计独特的弹出窗口,100% Elementor Pro是一个可靠的选择。

此外,您还可以访问所有的常规Elementor小部件,也给你一个很大的灵活性时,你选择的内容形式。例如,您可以轻松地将:

倒计时定时器
图片
商品交易顾问基金
等。

还有大量的自由和溢价Elementor扩展添加更多小部件供您使用。

最后,你也得到很多有用的目标选项,允许您创建个性化的电子邮件选择形式,这是一个很好的方法来提高你的转化率。

基本上,当涉及到前置选择形式,Elementor Pro是包的顶部。

然而,有一个幕后领域Elementor Pro不足…

分析。

也就是说,没有任何!至少不是建在。

而大多数其他电子邮件选择工具会让你跟踪的印象和转换来找出你的转化率,Elementor不提供…至少不是没有一些帮助。

工作区添加谷歌分析跟踪,我发现这一点WordPress在CodeCanyon Elementor追踪插件添加事件跟踪所有Elementor小部件作为一个选项。虽然我从来没有亲自使用这个插件,它似乎会让你看到你在Google Analytics的转化率也不会引起太多的烦恼。

但是基本的要点是,分析不是Elementor的强项,所以价格你支付所有的设计灵活性。

,也没有内置的A / B测试。再一次,你没有一个内置的方法来分析和优化形式。

只有你可以决定如果这些交易是值得的。

如果你决定,你想要一个工具更多的专注于分析& a / B测试,繁荣导致将理想。

得到Elementor职业

披露:这篇文章包含会员链接。这意味着我们可能会使一个小委员会,如果你购买。

Elementor弹出Builder回顾&教程(2023)

Elementor如何帮助您创建高转换选择形式