WordPress 弹出式插件：好的、坏的和丑陋的
已发表: 2021-10-12
弹出窗口，您肯定已经在许多网站上看到它们。 它们是当您阅读文章或尝试退出时出现在网站上的窗口。 他们的主要目的是增加企业的电子邮件列表（也就是获取潜在客户）。
有些营销人员喜欢它们，有些则不喜欢。 一些网站访问者可能会对它们感到恼火。 但是，为什么它们仍然被使用？
因为如果使用得当，它们是一个很好的潜在客户生成工具。
例如， Sleeknote的人员分析了来自其顶级客户的超过 10 亿个弹出视图的数据。 他们发现八秒后显示的弹出窗口比之前或之后显示的弹出窗口转换得更好。 
看一下：8 秒后出现的弹出窗口的转化率为 3.62%，而 0%（意味着没有弹出窗口）。 这绝对意味着什么，对吧？
现在，在这篇文章中，我们将讨论：
- 最好的 WordPress 弹出式插件；
- 弹出窗口的解剖结构；
- 弹出式最佳案例实践；
- 弹出式灵感。
我们可以？
最好的 WordPress 弹出式插件
现在，当您开始寻找符合您需求的 WordPress 弹出式插件时，这里有一些可以派上用场的功能：
- 提供预先设计的模板，这样您就不必总是从头开始，或者如果您需要一些灵感；
- 拖放弹出式构建器，让您可以快速轻松地设计一切，无需代码；
- 电子邮件营销集成：确保您的 WordPress 弹出插件与您的电子邮件提供商无缝集成。
- 弹出窗口的许多可用触发器：退出意图，基于在页面上花费的时间、地理位置、回访者与新访问者等；
现在，让我们来看看生态系统中最好的 5 个 WordPress 弹出插件：
OptinMonster 
目前被 1,213,400 多个网站使用，这是一个独立的 SaaS 产品。 他们还有一个 WordPress 插件，有超过 1,000,000 次活动安装。
以下是它的一些最有价值的功能：
- 提供各种弹出格式：灯箱、浮动条、滑入、游戏化旋转轮、倒数计时器等等；
- 拖放 WordPress 弹出式构建器；
- 预建的弹出式模板；
- 多种基于行为的个性化：退出意图、地理位置、重定向等；
- 弹出式 A/B 测试；
- 动画和音效；
- 与最流行的WordPress 表单插件集成；
- 电子邮件营销集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定价: 每月 9 美元起，基本计划按年计费。
弹出制作器
在超过 600,000 个网站上使用，这个 WordPress 弹出插件非常受欢迎。 以下是它的一些最有价值的功能：
- 与最流行的 WordPress 表单插件（Ninja Forms、Gravity Forms、Contact Form 7 等）集成；
- 电子邮件营销集成（Mailchimp、GetResponse、Hubspot 等）；
- 定位任何 WordPress 内容，例如帖子、页面等 26 个；
- 弹窗调度；
定价：Start 计划每年 87 美元起。
喧嚣
在超过 100,000 个网站上使用，这个 WordPress 弹出插件由 WPMU DEV 创建。 他们支持许多流行的 WordPress 插件。
以下是 Hustle 最有价值的一些功能：
- 不同用例的模板（例如黑色星期五、赠品、COVID 通知、通讯注册）；
- 完全响应的弹出窗口；
- 提供大量样式选项，从边框、阴影、间距、排版、颜色到自定义 CSS；
- 许多行为触发器，例如页面停留时间、滚动、退出意图等。
- 电子邮件营销集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定价：5 美元/月，Hustle Pro 计划按年计费。 可免费试用。
相扑
Sumo 是一个 WordPress 插件，可帮助 60,000 多个网站通过定时弹出窗口增加他们的电子邮件列表。 与 OptinMonster 相同，它也可作为独立产品使用。 在 WordPress 之外，它为更多网站提供支持。
以下是它的一些最重要的功能：
- 安排一次性营销电子邮件或电子邮件滴灌与您的订阅者沟通；
- 选择加入表格；
- 对弹出窗口的完全设计控制；
- 预先设计的模板；
定价：Sumo 的人吹嘘说您可以免费使用 Sumo，并且只有在获得更多客户时才付费。
PRO 套餐起价为 39 美元/月，按年计费。
转换专业
Convert Pro 是我们创建 WordPress 弹出窗口的选择。 它非常灵活，有很多设计和触发选项。
以下是我们喜欢的功能：
- 拖放编辑器；
- 移动响应能力；
- 多步骤弹出窗口；
- 很多触发选项；
- 庞大的模板库；
- 许多弹出格式可用：退出意图、点击、信息栏、幻灯片、内联 CTA、全屏 CTA、转换垫等。
- 简单的 A/B 测试；
- 电子邮件营销集成（Mailchimp、Sendinblue、ConvertKit、Drip、Klaviyo 等等）；
定价：起价 79 美元/年。
如何使用 ConvertPro 创建 WordPress 弹出窗口
是时候进行演示了，你不觉得吗？
因为我们是 Convert Pro 用户，所以我将在 Colibri 向您展示我们如何使用该工具。
以下是使用 Convert Pro 创建 WordPress 弹出窗口的步骤：
- 购买插件后，前往BrainStormForce 商店（插件的创建者）并使用 Convert Pro 下载一个 zip 文件。 现在，转到您的 WordPress 仪表板 -> 插件 -> 添加新的。
在此处上传您的 zip 文件，然后激活插件。 - 转到 WordPress 仪表板 -> 转换专业版 -> 新建。
- 选择您想要的 WordPress 弹出窗口类型。
- 选择模板和目标。
- 命名您的弹出窗口，然后点击“创建”。
- 开始设计您的弹出窗口。 添加标题、段落、视觉效果。 您可以从左侧菜单中选择多种形状和按钮格式。
例如，如果您正在进行促销活动，您甚至可以添加倒计时。 在“面板”选项中，您可以调整弹出窗口的大小、添加动画、背景等。 
您还可以按照自己喜欢的方式设置表单样式。 
您还可以在高级选项下创建多步骤弹出窗口。 
当您单击仪表板顶部的移动图标时，您可以预览弹出窗口的移动版本。 
- 配置您的表单。 在此级别，您可以从众多触发器中进行选择。
在“目标”菜单中，您可以根据地理位置、设备和其他用户行为调整您的设置。 
例如，我喜欢为移动和桌面创建单独的弹出窗口。 在移动设备上，我在 5 秒后触发 WordPress 弹出窗口，而在桌面上我使用 exit-intent。 - 将 Convert Pro 与第三方工具连接起来，例如表单和电子邮件营销软件。
- 完成后不要忘记保存并“公开”您的 WordPress 弹出窗口。
就是这样。 你已经有了你的第一个 WordPress 弹出窗口！
现在，您知道如何设计弹出窗口，让我们来看看它的必备元素。
弹出窗口的剖析
如前所述，弹出窗口用于将访问者转换为潜在客户或将潜在客户转换为客户。
弹出窗口如何帮助您实现这一目标？ 如果使用得当，弹出窗口可以在正确的时间以正确的信息出现在正确的人面前，从而最大限度地提高转化机会。
因此，以下是弹出窗口的元素：
- 一个表格。 这些表单可以是非常基本的，只有一个号召性用语按钮，或者可以有一些额外的自定义字段。
- 一个触发器。 这些弹窗可以根据某些网站或用户行为出现，例如：在页面停留 8 秒后、滚动 70% 后、用户打算退出网站时等。
- 瞄准。 您可以根据访问者的地理位置或他所在页面的类型等触发这些弹出窗口。也许访问者正在阅读有关健康饮食的文章。 您可以向他展示一个弹出窗口，宣传您的电子书，其中包含充满活力的冰沙食谱。 如果您想最大限度地提高转化率，定制是关键。
- 自定义设计元素可帮助您传达信息或使其更具吸引力：图像、视频等。
现在，您的工作还没有以弹出式设计结束。 你需要弄清楚接下来的步骤。 通常，您需要通过电子邮件营销活动来培养潜在客户。 这意味着您将需要一些电子邮件软件来连接您的 WordPress 弹出插件。
现在，让我们看一些设计高转化率弹窗的好做法。
弹出式最佳案例实践
我会保持这个简短而甜蜜的。 开始了：
- 不要打扰您的弹出窗口。 明智地使用触发器。 我总是追求退出意图，这样我就不会过多地干扰用户体验。
- 不要在所有页面上显示弹出窗口。 想想你的页面的目的。 您真的想在定价或联系我们页面上显示弹出窗口吗？ 对此要明智。
- 确保您的弹出窗口在所有设备上看起来都很好。
- 使网站访问者可以轻松关闭弹出窗口。
- 在弹出窗口中使用图像。 Sleeknote 分析表明，它们比没有图像的转换更好。
- 在您的弹出式副本中引入 FOMO（害怕错过）。 例如，您可以通过插入倒数计时器来告诉人们距离促销结束还有多少天。
- 表单中的字段越多，转化次数就越少。 小心你如何平衡这些事情。 一方面，多个表单字段可以帮助您更好地细分潜在客户。
- 确定使用特定弹出窗口的目标和目的。
- 实施定时弹出窗口以提高参与度。
- 尝试为新访客和重复访客细分弹出窗口。
- 当用户向下滚动您的内容或在文章上花费更多时间时，这意味着您已经吸引了他们的注意力。 使用滚动触发器向他们显示内容升级或网络研讨会邀请的弹出窗口怎么样？
7 个弹出式示例来激发您的灵感
现在，理论说得够多了，让我们看看一些真实的弹出窗口。
弹窗示例一：Sleeknote
这个 Sleeknote 弹出窗口使用社交证明来试图说服人们订阅他们的时事通讯。 注册后，您将加入其他 70.000 名营销人员。
而且因为有些人可能会经历通讯疲劳，所以他们使用“每周营销灵感”这个词。 Sleeknotes 还“贿赂”其访问者，让他们终身访问客户资源，以换取订阅。 他们还使用 gif 和表情符号，使弹出窗口更具视觉吸引力。
弹窗示例 2：Hubspot
在下面的示例中，我们有一个来自 Hubspot（营销和销售软件）的退出意图弹出窗口，试图说服他们的网站访问者订阅他们的时事通讯。 他们还使用社交证明来更有说服力：已有超过 600,000 名营销人员加入。
他们可以使用一些图像看起来更吸引人。 
弹出示例 3：高级头巾
这家价值数百万美元的电子商务商店正在使用一个弹出窗口，为订阅时事通讯的访问者提供 15% 的折扣。
弹窗示例4：Backlinko
著名的 SEO 专家 Brian Dean 在博客上有一些锁定的内容。 这是一个非常有价值的案例研究，他愿意与读者分享以换取他们的电子邮件。
当您单击“立即解锁”按钮时，您将触发一个弹出窗口。
弹窗示例5：Mailpoet
Mailpoet（电子邮件营销软件）和大多数网站使用弹出窗口通知访问者有关网站 cookie 的信息。 Mailpoet 使用干净的弹出式设计来做到这一点，而不是我们习惯的旧的、灰色的和沉闷的设计。
弹出示例 6：维珍航空
维珍航空正在使用信息栏弹出窗口向乘客通报 COVID-194 安全措施。 
其他网站正在使用这种策略来促进特价销售，甚至将其与倒计时结合起来。
弹窗示例 7：Dedoles
尝试用秘密奖金吸引网站访问者。 Dedoles 的人们为此使用了奖品轮盘。 作为交换您的电子邮件，您将收到折扣或礼物。
包起来
如果你还在我身边，请眨眼两次
现在，让我们看看我们今天学到了什么：
- 哪些是生态系统中排名前 5 位的 WordPress 弹出式插件；
- 如何使用 ConvertPro 创建 WordPress 弹出窗口；
- 哪些是弹出窗口的元素；
- 您可以窃取哪些最佳案例实践来创建可转换的 WordPress 弹出窗口；
这就是所有的人！
如果您喜欢这篇文章，并且想了解有关如何设计 WordPress 网站的更多信息，请务必订阅 Colibri 的Youtube 频道并在Twitter和Facebook上关注我们！