弹出窗口的 A/B 测试:简单指南 + 真实示例

已发表: 2020-02-20

您可以在 Internet 上找到数以千计的“规则”、提示、技巧和最佳实践来创建高转化率的弹出窗口。

你怎么知道要遵循什么建议? 事实是,真正优化弹出式转换的唯一方法是使用 A/B 测试。

在本文中,我们将解释什么是 A/B 测试,以及如何进行自己的 A/B 测试。 另外,我们将向您展示 4 个现实生活中的示例,以给您一些启发。

那么,让我们开始吧!

目录

1) 什么是 A/B 测试?

2) 你应该进行什么 A/B 测试?

3) 4 个真实的弹出式 A/B 测试

4) 如何对 OptiMonk 弹出窗口进行 A/B 测试

1) 什么是 A/B 测试?

A/B 测试(也称为拆分测试)是最常见的转换优化技术之一。

这是比较页面、电子邮件(或者在这种情况下为弹出窗口)的两个不同版本(或变体)的过程,通过查看哪个版本带来更多转化。

您将访问者分成两个大小相似的组,然后将版本 A 显示给一半的访问者,将版本 B 显示给另一半。 获得更高转化率的变体是您的赢家!

abtesting 01 - A/B Testing for Popups: Easy Guide + Real-Life Examples

资料来源: HubSpot

2) 你应该进行什么 A/B 测试?

决定对哪些元素进行 A/B 测试可能很困难,尤其是当您没有世界上所有的时间和资源时。

为了帮助您入门,我们收集了您应该进行 A/B 测试的关键元素列表。

abtesting 02 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.1。 头条新闻

由于标题通常是您的访问者在您的弹出窗口中首先注意到的内容,因此编写真正吸引注意力的标题很重要。 目标是让他们感兴趣,因此他们阅读了弹出窗口的其余部分。

由于它是弹出窗口的关键部分,因此值得测试一些标题以磨练完美的标题。

那么你可以改变什么? 好吧,你可以尝试不同的长度、有说服力的策略,或者字体、大小和颜色等设计元素。

abtesting 03 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.2. 号召性用语

对于每个网站……以及每个弹出窗口,都需要一个访问者无法抗拒的有效号召性用语。 精心编写的号召性用语可以为提高转化率和销售额创造奇迹。

以下是您应该测试的一些重要事项:

  • 号召性用语按钮的颜色:对比色有助于从弹出窗口的其他元素中脱颖而出。 Paletton 是一款免费工具,可帮助您找到完美的颜色。
  • 对齐:您应该将号召性用语按钮放在哪里? 不同的按钮位置可能会对您的转化产生影响。
  • 文本:不要忘记在你的行动号召文案中加入强有力的行动词。 您可以稍微改变副本,例如“获取我的免费电子书”与“获取您的免费电子书”,或者测试两个完全不同的版本。
abtesting 04 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.3. 图片

图片可以帮助您的访问者了解报价并使弹出窗口看起来更具吸引力。 但这并不意味着图像在每种情况下都会使弹出窗口更好。

您是否想知道是否应该使用图像,以及哪种类型的效果最好? 那么,是时候进行 A/B 测试了!

您可以测试不同的图像类型,例如:

  • 库存照片与个人照片,
  • 产品图片与产品视频。

图像的位置也是一个很好的测试元素。 最好是您的图片能引导访问者关注价值主张。

abtesting 05 - A/B Testing for Popups: Easy Guide + Real-Life Examples

2.4. 形式

您的表单在您的订阅过程中扮演着非常重要的角色,一个优化良好的表单可以很容易地产生新客户。 另一方面,如果没有优化,您的表单可能会让用户感到沮丧。

长度是您应该测试的第一件事。 对于某些公司来说,较长的表格效果很好,特别是如果他们想确定他们的潜在客户。 但在大多数情况下,您应该以简洁明了的形式为目标。

abtesting 06 - A/B Testing for Popups: Easy Guide + Real-Life Examples

了解访问者何时退出(或放弃)您的表单尤为重要。 例如,您可能会发现他们不想与您分享他们的电话号码。 在这种情况下,您应该消除该字段以增加转化次数。

2.5. 提供

最后但并非最不重要的一点:您的提议……也就是游戏规则的改变者!

您的访客会发现哪些类型的优惠无法抗拒? 您可以对照一份简短、方便的清单测试更长、更深入的电子书。 或者,如果您有一家电子商务商店,您可以测试多种折扣类型,例如 10% 折扣与 10 美元折扣,或固定折扣与免费送货。

abtesting 07 - A/B Testing for Popups: Easy Guide + Real-Life Examples

您会惊讶于一些小的变化如何导致一些非常显着的结果!

3) 4 个真实的弹出式 A/B 测试

现在,让我们来看看我们的客户已经运行的 4 个弹出式 A/B 测试,以及他们取得的出色成果。 这些示例可以为您提供更多关于在您自己的弹出广告系列中测试什么的灵感。

3.1。 发现哪个渠道最适合与您的潜在客户取得联系

谈到订阅,大多数人会立即想到电子邮件。 但是,最成功的 Shopify 商店之一 BlendJet 决定跳出框框思考。

他们想了解他们的受众更喜欢哪个频道,因此他们创建了 SMS、电子邮件和 Messenger 订阅活动,并对它们进行了拆分测试。

这是他们测试的弹出窗口:

abtesting 08 - A/B Testing for Popups: Easy Guide + Real-Life Examples

实验表明,BlendJet 的购物车放弃活动通过 Messenger 比通过电子邮件的转化率高 20%。 很整洁,对吧?

该测试显示了测试不同通信渠道的重要性。

3.2. 了解哪条消息鼓励回复

如果您想构建让访问者采取行动的弹出窗口,您需要正确的副本。

我们的一位客户 SwissWatchExpo 想弄清楚什么最能吸引他们的观众。

他们用不同的副本创建了两个版本的购物车放弃弹出窗口,看看哪个会赢。

abtesting 09 - A/B Testing for Popups: Easy Guide + Real-Life Examples

在第一个版本中,他们想让购物者知道他们即将购买的产品是最后一个产品。 这是一种创造紧迫感的好方法,他们能够通过这个弹出窗口将转化率提高 17%。

在第二个版本中,他们更改了副本并向访问者提供折扣。 有了这个版本,他们的结果翻了一番——实现了 30% 以上的转化率。

abtesting 10 - A/B Testing for Popups: Easy Guide + Real-Life Examples

如您所见,第二个版本显然是赢家。

3.3. 测试您的报价

BootCuffsSocks 决定为购物车放弃者创建一个特别活动,并 A/B 测试了两种不同的优惠:

  • 4.25 美元的商店信用
  • 10% 关闭整个购买

让我们看一下这两个优惠:

abtesting 11 - A/B Testing for Popups: Easy Guide + Real-Life Examples
abtesting 12 - A/B Testing for Popups: Easy Guide + Real-Life Examples

在将这两个变体相互比较 40 天后,他们发现与第一个版本相比,注册第二个版本的访问者增加了 15%(10% 的折扣)。

这显然是赢家。

3.4. 测试弹出窗口的外观

Zooshoo 已经使用 OptiMonk 好几年了,他们总是试图保持他们的弹出广告活动新鲜,尝试新版本和 A/B 测试变体。

在这种情况下,他们想比较具有相同优惠(20% 折扣)的订阅弹出窗口的两种不同外观。

让我们看看第一个,它有一个黄色的配色方案:

abtesting 13 - A/B Testing for Popups: Easy Guide + Real-Life Examples

这是第二个,它有一个红色的配色方案:

abtesting 14 - A/B Testing for Popups: Easy Guide + Real-Life Examples

尽管两个版本都取得了很好的效果,但最终,黄色外观是赢家。

4) 如何对 OptiMonk 弹出窗口进行 A/B 测试

好的……所以您已准备好使用 OptiMonk 开始 A/B 测试,但您不太确定如何开始。 没问题! 我将分享一个分步指南以帮助您入门。

第 1 步。首先,登录到您的 OptiMonk 帐户,进入“活动”菜单,然后选择要进行 A/B 测试的活动。

现在您在活动页面上,您可以看到“A/B 测试中心”,它会提示您来对地方了。

abtesting 15 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 2 步。接下来,单击“添加新变体”,您的弹出窗口的第二个变体将立即出现。 它暂时不活动。

abtesting 16 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 3 步。单击第二个变体,您将被带到拖放编辑器。 现在,是时候修改要进行 A/B 测试的元素了。 例如,您可以更改按钮的颜色。

abtesting 17 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 4 步。完成更改后,单击“下一步”按钮,您将被重定向到活动页面。

abtesting 18 - A/B Testing for Popups: Easy Guide + Real-Life Examples

第 5 步。现在剩下要做的就是激活弹出窗口的第二个版本。

abtesting 19 - A/B Testing for Popups: Easy Guide + Real-Life Examples

您会看到“仅让获胜者变体运行”文本显示在一个蓝色框中。 如果您启用此功能,在命名“冠军”后,我们将自动为您停用挑战者变体。

但是我们什么时候将竞选变体命名为“冠军”? 好吧,一旦某个变体获得了给定数量的展示次数(在我们当前的设置中为 50 次),OptiMonk 就会计算统计显着性(我们称之为“置信度”)以确定我们可以确定广告系列的效果将保持不变的程度。

如果一个变体具有最高的转化率并且置信度高于 90%,我们将其命名为 Champion 变体。

而已!

哦,顺便说一句,您不仅限于“版本 A 和版本 B”。 您可以添加任意数量的变体。

现在继续尝试我们今天与您分享的 A/B 测试理念之一,并提高转化率!

jb freemium - A/B Testing for Popups: Easy Guide + Real-Life Examples

分享这个

在脸书上分享
分享到Twitter
在 LinkedIn 上分享
Prev Previous Post Wheelio vs OptiMonk:为什么要采取行动?
Next Post 2020 年移动友好测试:移动设备的 CRO 下一个

作者:

尼科莱特·洛林茨

Nikolett 是 OptiMonk 的营销人员。 她痴迷于内容营销,喜欢为电子商务店主创建教育内容。 她真的相信质量比数量更重要。

你也许也喜欢

8 mobile landing page examples to inspire your own 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

8 个移动登陆页面示例来激发您自己的灵感

查看帖子
8 essential popup tips banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

提高转化率的 8 个基本弹出提示

查看帖子
summer popup inspiration banner 300x157 - A/B Testing for Popups: Easy Guide + Real-Life Examples

季节性销售、父亲节和 7 月 4 日的夏季弹出窗口灵感

查看帖子