Elementor Popup Builder Review & Tutorial (2022)

如果你想让别人加入你的电子邮件列表，你需要问他们。很有道理，对吧?我不是在向你投掷知识炸弹。

然而，不那么明显的是如何你的要求和最初的要求一样重要。

如果你以一种最优的方式提问，你将获得更高比例的人注册你的列表，这意味着你的努力有更好的投资回报率。

这篇文章是关于如何用一个叫做Elementor的WordPress插件做到这一点。虽然我将涉及一些理论观点，但这更多是关于使用Elementor创建各种类型的弹出窗口的实际逐步过程选择形式在你的网站上。

然后，在最后，我将分享一些关于Elementor是否是最适合您的站点的工具的想法，或者如果使用替代选项可能会更好。

Elementor如何帮助您创建高转换选择的表单

如果你熟悉Elementor，你可能会说:“嘿，Colin, Elementor是一个页面构建器，我以为我们是在创建电子邮件选择加入表单弹出框?”

你本来是对的，直到几个月前，元素公司推出了新的弹出建设者作为Elementor Pro的一部分。

所以现在，在高级版中，你可以使用Elementor Pro强大的可视化拖放编辑器来创建各种弹出窗口，包括:

Lightbox /模态弹出窗口
通知酒吧
幻灯片
屏幕填料
…更多，因为你可以完全控制弹出式画布出现的位置

更重要的是，你可以将这些弹出窗口连接到一些流行的电子邮件营销服务。万博安卓手机客户端下载或者，如果Elementor没有为你选择的电子邮件营销服务提供直接集成，你可以将它与Zapier连接起来。万博安卓手机客户端下载

要使用这个功能，你需要49美元Elementor职业附加组件，以及Elementor的免费核心版本在WordPress.org。此附加组件包括不仅Popup Builder功能，还有主题构建，更多的小部件，以及许多其他有用的功能。

获取Elementor Pro

如何创建高转换电子邮件选择弹出与元素

一旦你在你的网站上安装了Elementor和Elementor Pro，下面是如何用WordPress创建你自己的高转化率电子邮件选择表单。

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

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

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

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

Mailchimp的
GetResponse
ConvertKit
ActiveCampaign
MailerLite
滴
MailPoet
HubSpot的

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

要连接到其中一个直接集成，请转到元素→设置→集成．

例如，如果你使用Mailchimp，你可以通过粘贴你的Mailchimp API密钥来连接:

有了这些整理工作，你就可以创建真正的电子邮件选择加入弹出框了。

要开始，请转到模板→弹出窗口→添加新：

给它起个好记的名字(这完全是内部的)．然后,单击创建模板：

接下来，您可以选择是否从Elementor Pro提供的100多个预制弹出模板中的一个开始。或者，您可以关闭模板库，重新开始—这两种方法都可以。

现在，我个人不是一个伟大的设计师，所以我将为这个例子选择这个漂亮的弹出窗口。不过，如果您更喜欢空白，您可以单击X在右上角:

此时，您应该看到弹出窗口的预览-要么是空白面板，要么是您所选择的模板。

要配置弹出式画布本身的工作方式，可以使用弹出设置，默认是打开的:

你会想要检查所有三个选项卡，因为这是让你创建不同类型的弹出窗口。也就是说，通过调整这些设置，您将能够创建:

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

此外，您还可以配置其他重要的设置．

在设置Tab，您可以:

改变高度和宽度
改变垂直或水平位置(例如，您可以将其固定在顶部或底部以创建通知栏）
决定是否使用叠加(例如，当弹出窗口处于活动状态时，这可以让你把背景调成灰色）
禁用关闭按钮
添加一个入口动画

在风格Tab，您可以:

改变背景——可以是颜色，渐变，也可以是图片
配置覆盖，如果启用
配置关闭按钮，如果启用

最后,先进的TAB包含一些导入杂项设置，让您:

显示关闭按钮或X秒后自动关闭弹出窗口
通过单击叠加或使用escape键防止关闭
禁用滚动页面
避免出现多个弹出窗口(如果你有多个弹出窗口指向同一页面，这可以让你避免惹恼你的访问者）

为了让您了解这些设置如何影响弹出窗口的示例，下面是更改位置右下角:

看到右下角的弹出框是如何固定的了吗?如果你添加一个入口动画并使用一个滚动触发器，这将创建一个漂亮的、不引人注目的滑动效果。

一旦你配置了基本的弹出设置，您可以使用可视化的拖放界面来设计弹出窗口的实际内容。

你可以使用任何Elementor小部件，它为您的设计提供了大量的灵活性。你唯一绝对的必须Include是形式小部件，因为这是什么让您创建您的电子邮件选择形式。

与形式Widget，你可以选择你想要提供的字段，以及提交按钮的文本和外观:

除此之外，我鼓励您探索Elementor的所有小部件和设计选项。

正如我所提到的，您可以对所有内容的外观进行大量控制，并且还可以访问一些有助于提高转化率的小部件。

例如，你可以用…

倒计时增加紧迫性的小部件
证明小部件添加关于您的时事通讯价值的社会证明
等。

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

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

的设置形式小部件。

然后，找到提交后的处理选项，并为您选择的电子邮件营销服务添加操作(万博安卓手机客户端下载或Zapier)．例如，我使用Mailchimp，所以我要添加Mailchimp动作:

添加操作后，您将获得该服务的新设置区域。

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

现在，无论何时有人提交表单，Elementor Pro都会将此人直接添加到Mailchimp列表中。

在这一点上，你已经准备好决定何时何地显示你的电子邮件选择表单。

要做到这一点，单击发布按钮，打开发布设置，分为三个标签:

条件-让你显示你的弹出在特定的内容。
触发器-让你选择何时弹出窗口出现。
先进的规则-允许您添加其他目标选项，如针对特定设备或引用url。

在条件选项卡，单击添加条件按钮，为弹出窗口显示的位置添加规则。

缺省情况下，该规则设置为整个网站，但你可以编辑它的目标:

你的主页
类别或标签
作者
个人的帖子
档案页(比如你的博客列表）

您还可以添加多个规则，并在其中进行选择包括/排除，这给了你更多的选择:

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

例如，假设你有两个博客文章类别——一个关于“博客”，另一个关于“WordPress”。

使用这些规则，您可以为每个类别创建两个单独的个性化弹出窗口，其中包含针对该类型内容的CTA。即使是复制相同的设计这样简单的事情，但稍微改变文本以针对类别，也可以带来好处。

步骤7:选择触发规则

接下来，去触发器TAB键来确定何时启动弹出窗口。你可以通过以下方式触发弹出窗口:

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

为了让你的弹出窗口不那么突兀，你可以使用这些规则来延迟它的显示-更多关于这一秒钟。

步骤8:配置高级规则

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

在这里，你可以选择:

等待一定数量的页面视图或会话来显示您的弹出窗口
设置访问者看到弹出窗口的次数限制
目标访客来自特定的推荐人
为登录用户隐藏弹出窗口
隐藏某些设备，就像隐藏你的弹出窗口为移动访客

为了避免惹恼你的访客，我建议你一定要打开出现X次选择。

此外,当从特定URL到达时选项为个性化提供了更多的途径。例如，如果你获得一个客座职位在一个受欢迎的博客上，你可以创建一个特殊的电子邮件选择，针对那些从该访客帖子来到你的网站的访问者。

的配置完成后发布设置单击保存并关闭按钮，使您的电子邮件选择弹出live。

获取Elementor Pro

你不需要我来告诉你，做错了在美国，电子邮件选择加入弹出窗口可能超级烦人。

我相信你已经经历过这个网站，它不断地用弹出窗口骚扰你，让你点击浏览器的“返回”按钮成为一个非常有吸引力的选择。

这里有一些方法，你可以使用Elementor Pro的选项来避免让你的网站的访问者经历这些:

考虑创建一个不那么突兀的弹出窗口类型，比如一个非模态的滑动或通知栏。您可以通过弹出设置。
确保你的弹出窗口不显示马上．可以使用退出意图触发器来延迟它，也可以使用显示后x页浏览量选项中的先进的规则等待访问者查看多个页面(或者两者都有!)．
使用出现X次选项中的先进的规则设置访问者将看到弹出窗口的次数限制。
使关闭弹出窗口变得容易关闭按钮是可见的，容易点击。你可以在弹出设置．
避免在同一页面上显示多个弹出窗口。同样，你可以从弹出设置。

Elementor Pro绝对不是唯一的插件，帮助您建立您的电子邮件列表．

因此，为了完成这篇文章，让我们深入探讨是否Elementor Pro弹出窗口生成器是在所有情况下创建电子邮件选择弹出窗口的最佳方式。

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

让我们从好的部分开始…

说到设计的灵活性，我认为没有任何工具能让你在弹出窗口和电子邮件选择表单的设计上有更多的控制权。

因为Elementor它的核心一个工具是设计所有类型的网页内容，包括两者登陆页面整个网站都有很多设计选项。更重要的是，甚至在WordPress页面构建器， Elementor仍然因其令人惊叹的设计选项而脱颖而出。

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

此外，您还可以访问所有常规的Elementor小部件，这在涉及到选择加入表单的内容时也为您提供了很大的灵活性。例如，您可以轻松地合并:

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

此外，还有大量免费和付费的Elementor扩展，可以为您添加更多的小部件。

最后，你还可以获得许多有用的目标选项，让你创建个性化的电子邮件选择表单，这是一个提高转化率的好方法。

基本上，当涉及到正面的选择表单时，Elementor Pro是包的顶部。

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

分析．

也就是说，根本就没有!至少不是内置的。

所以，尽管大多数其他电子邮件选择工具都能让你追踪印象和转化率，从而得出你的转化率，但Elementor并不能提供这些功能，至少在没有帮助的情况下。

有变通办法添加谷歌分析跟踪，我发现了这个WordPress Elementor跟踪插件在CodeCanyon它为所有Elementor小部件添加了事件跟踪选项。虽然我个人从来没有使用过这个插件，它似乎可以让你看到你的转化率在谷歌分析没有太多的麻烦。

但基本要点是，分析并不是Elementor的强项，所以这是你为所有设计灵活性所付出的代价。

而且，也没有内置的A/B测试。同样，您没有内置的方法来分析和优化您的表单。

只有你自己能决定这些权衡是否值得。

如果你决定选择一个更专注于分析和a /B测试的工具，繁荣导致很理想。

获取Elementor Pro

披露:这篇文章包含会员链接。这意味着如果您购买，我们可能会收取小额佣金。

Elementor Popup Builder Review & Tutorial (2022)

Elementor如何帮助您创建高转换选择的表单