铜仁设计公司:如何用WordPress和Divi引线进行简单的A/B测试-极简慕枫

铜仁设计公司:如何用WordPress和Divi引线进行简单的A/B测试

2019-04-25

好消息!现在,您可以使用DiviBuilder中的一个新特性进行简单的A/B测试,名为divi引线.

只是为了确保我们在为什么这件事如此令人敬畏的问题上是一致的:

A/B测试(也称为拆分测试)是指创建两个版本的页面,并将一个版本发送给一半的读者,另一个版本发送给另一半的受众,以查看哪个版本的效果最好。

这是一个很好的方法测试颜色,按钮样式,调用动作副本,元素放置,折扣优惠,布局,等等。

简单地说,A/B测试会为您提供硬数据,从而使您做出更明智的设计决策。在Divi Lees中,这些数据以漂亮的图表、百分比和图表的形式出现-这使得破译什么有效什么不起作用变得比以往任何时候都容易。

实际上,任何东西都可以用Divi引线进行A/B测试,在今天的文章中,我将向您展示如何进行测试。

使用Divi引线进行简单的A/B测试

铜仁设计公司

divi领导为您的DiviBuilder添加了新特性。当您选择使用DiviBuilder时,您将看到一个位于DiviBuilder右上角的新菜单。这就是你能找到A/B测试功能的地方。

铜仁设计公司在启用拆分测试之前,您不需要有您的布局。您可以在您已经创建的布局上使用这一点,也可以在执行过程中创建一个新的布局。准备好后,只需打开DiviBuilder设置并单击启用分裂测试然后存钱.

铜仁设计公司

启用后,您将有一些新功能可供您使用:您可以设置弹跳率限制(确定允许测试有多少次反弹),您可以选择每小时或每天重置计数器,你也可以使用一个短代码来跟踪最终目标的转换-比如在给定页面上转换的人有多少是通过你的漏斗完成的。

(如果你仍然对跟踪的短代码不太清楚,别担心,我们很快就会有一个后续教程。同时你可以查看官方文件获取更多信息。)

The Divi Split Test Feature layout

接下来,将提示您选择要拆分测试的节、行或模块。对于这个测试,我从库中加载了一个登陆页面,并选择了顶层调用操作模块。

The Divi Split Test Feature ab

注意,在我的选择之后,有两个动作模块的调用。第一个是我的原版,所以我进入了第二个调用动作模块的设置,做了一些修改。

当我铜仁设计公司做完修改后,我所要做的就是发布我的页面来激活拆分测试。如果您的页面已经发布,您只需单击“更新”按钮即可。

第一次CTA

First CTA page

第一个模块包含所有默认设置:了解更多对于按钮文本,没有背景色,而文本颜色是光。

第二次CTA

Second CTA page

对于第二个模块,我决定更加冒险和好玩。我把课文改了拿着胆量并使用了洋红色的背景颜色。我留下了文字色光。

我发布了这个页面,现在我有了一个A/B测试设置和运行。divi现在正在收集有关测试的数据。

统计

铜仁设计公司

有一个统计计数器按钮添加到DiviBuilder顶部(它看起来像三个动画垂直栏)。点击它将打开计数器与收集的数据,为A/B测试,它给你图表,和百分比,以帮助你作出决定,你的测试。点击刷新按钮更新统计数据。

您将看到一个比较每个测试性能的图表。它将显示点击、读取、反弹和目标参与的次数。您可以只看到其中一个呼吁行动,或两者比较。你可以看到过去24小时,最后7天,上个月,或所有时间的统计数据。

信息分析

Analyzing the Information

CTA点击率。

这里应该注意的是,这个测试和上面的数据纯粹是为了演示,而且几乎不足以实际选择一个分拆的测试胜利者。为了让这一切发生,我们需要要运行此测试足够长的时间,以确保我们的结果在统计上是有意义的。。所以只要我们都清楚这点,我们就可以继续。

在我上面的例子中,第2模块的每个印象有更多的点击。它有4印象和1点击,使其25%的点击率。#1有5印象,1点击,使它有20%的点击率。

Analyzing the Information reads

CTA读。

模块2也有更多的读取,这与点击的统计数据相匹配。

Analyzing the Information bounces

CTA反弹率

模块1的弹跳率更高,为80%,而第2模块的反弹率为75%。

goal engagement

CTA的目标参与。

两者都有100%的目标参与,这意味着两者都在测试中被利用。

但是,应该指出,无论是这次测试还是下一次测试,都没有足够的数据得出可靠的结论。

结束测试

当您结束测试时,您将被要求选择一个变体保持活动。它将删除另一个变体。你不能撤销这一切,所以要确保你已经明智地选择了。只需点击你想要的变体,你的布局就会变成一个正常的Divi布局,并做出选择。

Rows

若要为行创建拆分测试,请在该行要求您选择测试对象时单击该行。测试行允许您测试多个模块,并以不同的顺序或不同的样式尝试它们。注意右上角的“1”。这是行的第一个变体。铜仁设计公司在左上角有一个有两个向下箭头的图标。选择此选项将显示行的第二个变体。现在我只需要选择测试将是什么,并放置模块。对于这个,我正在创建布局,所以我选择了空行。

第一版

First Version

设置行分割测试。

对于行的第一个版本,我放置了一个blog、blurb、联系人表单和一个按钮。我把它们的颜色默认了。

铜仁设计公司

行分裂试验的第一个变化。

这是这个帖子的样子。

第二版

Second Version

行拆分测试的第二个版本的后端视图。

对于第二个版本的行,我反转了blurb和blog的顺序,然后更改了Contact窗体和按钮的颜色。我还更改了按钮的文本。

Second Version page

第二版行分割测试输出。

唯一的区别是位置和颜色。这是一个简单的测试,但它会告诉我,读者是否会对我的博客链接有不同的反应,或者颜色是否能更好地吸引他们的注意力。一旦我了解了他们是否更喜欢颜色,我就可以使用不同的颜色再次运行测试,看看读者的反应是否有任何变化。

rows running

行拆分测试的实时视图。

我发布了这个页面,现在我有了一个A/B测试设置和运行。模块的颜色将发生变化,您将看到一个百分比。

各节

Sections

分段分裂试验。

铜仁设计公司为区段创建拆分测试与其他部分相同:您只需单击要测试的部分即可。拆分测试部分的优点是您可以显示不同的行和模块,允许您在相同的行或模块中进行更多的更改。这意味着一些访问者可以看到图像、登录、电子邮件表单、联系人表单等,而其他访问者则可以看到完全不同的内容,如组合、视频或图片库。这甚至可以用来创建两个完全不同的主页。

变动1

Variation 1

设置一个分段分裂测试的变化之一。

在第一节中,我放置了一个图像,四个脱口和四个按钮。

Variation 1 page

输出的第一个变化的分段分裂测试。

变式2

Variation 2

设置分段分割测试的变化2。

在第二节中,我放置了一个条形计数器、一个图像、一个空白和一个按钮。您可以通过颜色和百分比计数器看到我的测试正在运行。

Variation 2 page

分段分裂试验的变化2的输出。

测试两个以上的变量

Testing More than Two Variations

多元测试

通过克隆要测试的元素,一次可以测试两个以上的变体。

统计

Testing More than Two Variations stats

它将显示当前正在测试的每个元素的统计数据。在上面的示例中,stats显示了所有四个部分。

A/B测试技巧

下面是一些关于如何使用A/B测试的一些想法,特别是在Divi中:

  • 开发各种主页布局,看看哪些元素最受关注。例如,您可以为您的博客创建一个包含一个模块的部分,并根据包含多个不同博客类别的模块的部分对其进行测试。
  • 尝试各种按钮、颜色、文本等的组合,以便调用动作模块。另一个模块可以包括不同的颜色,图标,圆角和平方,等等。
  • 创建两个CTA的销售:一个百分比折扣和另一个免费送货。测试看看你的访客喜欢哪一个。
  • 您可以在图片或其他内容之上有一个具有可点击链接的部分,也可以在下面有另一个具有可点击链接的部分,并查看哪个布局具有所需的响应。
  • 您还可以测试各种类型的广告放置。
  • 您不仅限于一次测试-同时在多个页面和帖子上运行测试。保持A/B测试在您的网站上在任何时候运行,以建立更好的质量统计,以帮助您进行网站改进。

最后思想

A/B测试是改善网站内容的最佳方法之一。divi通过Divi进行的简单A/B测试消除了猜测,并为您提供了创建操作调用、降低反弹率、提高销售和提高转换率所需的信息。它给你可量化的数据,让你知道你的访客将如何回应。

铜仁设计公司使用A/B测试比不使用A/B测试更有优势。它可以被认为是你网站改进的秘密武器。