Elementor Popup Builder Review & Tutorial (2022)

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

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

如果你以一种最优的方式询问，你将获得更高比例的人签署你的名单，这意味着你的努力有更好的投资回报率。

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

然后，在最后，我将分享一些关于Elementor是否是您网站的最佳工具的想法，或者您是否有其他更好的选择。

Elementor是如何帮助你创建高转化率的可选择表单的

如果你熟悉Elementor，你可能会说，“嘿，Colin, Elementor是一个页面构建器，我以为我们是在创建电子邮件选择形式弹出窗口?”

几个月前，Elementor推出了它的新产品弹出建设者作为Elementor Pro的一部分。

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

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

更重要的是，你可以将这些弹出窗口连接到许多流行的电子邮件营销服务。万博安卓手机客户端下载或者，如果Elementor没有直接整合你所选择的电子邮件营销服务，你可以把东西连接到Zapier，并通过这种方式连接。万博安卓手机客户端下载

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

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

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

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

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

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

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

1. Mailchimp的
2. GetResponse
3. ConvertKit
4. ActiveCampaign
5. MailerLite
6. 滴
7. MailPoet
8. HubSpot的

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

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

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

步骤2:创建一个新的弹出窗口并选择您的模板

有了这一点家务的方式，你准备创建你真正的电子邮件选择弹出。

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

给它一个难忘的名字这完全是内部的)．然后,单击创建模板：

接下来，你可以选择是否从Elementor Pro提供的100多个预先制作的弹出式模板之一开始。或者，您可以关闭模板库，从一个空白板开始—任何一种都可以。

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

步骤3:配置基本的弹出窗口设置

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

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

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

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

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

在设置选项卡,您可以:

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

在风格选项卡,您可以:

• 改变背景-可以是颜色、渐变或图像
• 配置覆盖，如果启用
• 配置关闭按钮，如果启用

最后,先进的选项卡持有一些导入杂项设置，让您:

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

为了给你一个这些设置如何影响你的弹出窗口的例子，这里是它看起来像改变位置到右下角:

看到右下角的弹出窗口是如何修复的了吗?如果您添加一个入口动画并使用滚动触发器，那么就会产生一个不错的、不引人注目的滑动效果。

步骤4:使用Elementor可视化构建器设计弹出窗口

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

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

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

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

正如我所提到的，你可以控制所有东西的外观，你还可以访问一些有用的小部件，可以提高你的转化率。

例如，你可以用…

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

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

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

为此，请打开形式小部件。

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

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

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

现在，只要有人提交表单，Elementor Pro就会将此人直接添加到Mailchimp列表中。

第六步:选择显示你的弹出窗口的内容

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

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

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

在条件选项卡上,单击添加条件按钮来添加一个规则，用于显示您的弹出窗口。

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

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

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

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

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

使用这些规则，您可以为每个类别创建两个单独的个性化弹出窗口，并有针对该类型内容的CTA。即使是简单的重复相同的设计，但稍微改变文本，使其针对类别，也能产生效果。

步骤7:选择触发规则

接下来，去触发器选项卡来确定何时启动您的弹出窗口。你可以通过以下方式触发你的弹出窗口:

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

为了使您的弹出窗口不那么突兀，您可以使用这些规则来延迟其显示—稍后将详细介绍这一点。

步骤8:配置高级规则

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

在这里，你可以选择:

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

为了避免打扰你的访客，我绝对建议打开出现X次选择。

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

一旦您完成了配置发布设置单击保存和关闭按钮，使您的电子邮件选择弹出活动。

如何避免烦人的访客与您的电子邮件选择进入弹出

你不需要我来告诉你，做错了在美国，电子邮件选择弹出窗口非常烦人。

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

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

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

Elementor Pro Popup Builder是最好的弹出插件的电子邮件选择入?

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

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

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

让我们从好的部分开始…

Elementor Pro Popup Builder的强项

说到设计的灵活性，我不认为你会找到任何工具给你更多的控制你的弹出窗口和电子邮件选择表单的设计。

因为Elementor其核心是一个设计所有类型的网页内容的工具，包括两者登陆页面整个网站，它有太多的设计选择。更重要的是，甚至在WordPress页面建筑商， Elementor仍然以其令人惊叹的设计选择而引人注目。

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

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

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

此外，还有大量免费和优质的Elementor扩展，它们可以添加更多的小部件供您使用。

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

基本上，当谈到前置选择形式时，Elementor Pro是首屈一指的。

Elementor Pro Popup Builder的弱点

然而，Elementor Pro在幕后有一个不足之处……

分析．

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

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

有一些方法可以添加谷歌分析跟踪，我发现了这个WordPress Elementor Tracker插件在CodeCanyon它为所有Elementor小部件添加了事件跟踪选项。虽然我个人从未使用过这个插件，但它似乎可以让你在谷歌分析中看到你的转化率，而不会有太多麻烦。

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

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

只有你才能决定这些取舍是否值得。

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

---

披露:这篇文章包含附属链接。这意味着如果你购买的话，我们可以付给你一小笔佣金。