你是否在为着陆页选择哪种设计而头痛?哪个颜色的Call-To-Action更好,怎样才能确定?
要解决这些问题,进行A/B测试将是最佳策略。
A/B测试可以帮你做出基于数据的决策和改进网站的方法。所以,与其猜测哪种设计会产生更高的转化以及获得更友好的用户体验,不如用数据来获取真正的答案。
而且在WordPress网站中进行A/B测试并不复杂,免费就可以完成。仅需30分钟左右的时间进行一些基本的设置,你就可以开始使用简单的可视化编辑器(Elementor)免费测试你的网站。
在本篇文章中,我们将按步骤向你展示如何使用Elementor在WordPress网站中进行AB测试。
期间我们会用一款免费的WordPress插件,让你可以在Elementor编辑器中进行AB测试。
马上开始!


为什么要进行AB测试?
从更高的角度讲,A/B 测试是一种使用数据优化网站的方法。使用这种方法,你无需猜测哪种更改效果最好,只需要运行测试,获取数据,从而获得真正的答案。
更重要的是,你优化的目标可以不同,这使得 A/B 测试非常灵活。
根据设置 A/B 测试的方式,你可以使用 A/B 测试来优化……
- 转化率–查看哪些变体带来更多转化,这会对业务产生积极影响。你可以测试询盘转化、订单转化等等。
- 跳出率——找出哪些变体让更多人留在网站上,而不是让他们跳出。
- 访客痛点——通过测试不同的方法来解决常见的访客痛点并找到最有效的变体,找到使网站更加用户友好的方法。
- 网站重新设计——获取数据来支持设计决策,以便做出更明智的选择。
你还可以使用多个 A/B 测试来针对不同的目标进行优化。例如,可以针对转化优化目标网页,以便最大限度地提高收入和投资回报率 (ROI),同时你还可以针对互动优化博客页面,以找到降低内容页面跳出率的方法。
一旦了解了如何在WordPress网站中进行 A/B 测试,你将能根据需要尝试这些不同的目标。


如何在WordPress中进行AB测试
现在你已经知道为什么A/B测试如此有用,这一部分我们开始进入WordPress网站 A/B 测试的实操。
首先,我们将使用免费的Google Optimize服务。
Google Optimize 是 Google 的一项免费服务,可让你对网站上的任何内容和设计进行 A/B 测试。它并不是专门针对WordPress,但它适用于WordPress网站,包括使用 Elementor(以及可能使用的任何其他插件)创建的设计。
使用Google Optimize设置 A/B 测试的过程大致可以分为三个部分:
- 创建原始测试变体。如果你尚未创建要测试的页面,则需要在开始之前创建并运行该页面。
- 为你的网站上设置 Google Optimize。这涉及通过 Google Optimize界面添加你的网站,并在网站上放置一个代码片段。你还需要使用谷歌分析来启用 Google Optimize,因此如果你尚未使用谷歌分析,可以参考这篇文章进行设置。
- 在 Google Optimize 中创建新的 A/B 测试。你可以使用可视化编辑器来设置变体,包括更改文本和设计。
我们会将这部分教程分解为三个部分。让我们开始吧!
第一部分:创建你的原始变体(如果你还没有创建)
如果你已经创建了要测试的页面,则可以跳到下一部分。但如果你是从零开始,那么第一步就是创建你想要测试的设计。
这将是测试中的基准,后面内容会教你如何添加一个或多个变体。
要创建原始页面,你可以像往常一样使用 Elementor搞定。可以从空白内容开始创建页面,也可以使用elementor自带的模板。
如果你需要帮助,可以查看我们的着陆页指南。
创建好着陆页后,将其发布以便让公众访问 – 这在设置 Google Optimize工具时非常重要。
第二部分:将谷歌分析和 Google Optimize 添加到你的网站
在开始使用 Google Optimize工具创建 A/B 测试之前,你首先需要:
- 将网站添加到 Google Optimize工具。
- 将 Google Optimize工具提供的代码片段添加到网站的<head>部分。
要使用Google Optimize工具,你还需要使用谷歌分析。因此,如果你的WordPress网站还没有安装谷歌分析,还需要在进入Google Optimize部分之前进行设置。
该过程与 Google Analytics 类似——你首先需要通过谷歌分析界面添加网站,然后将代码片段添加到你的WordPress网站。
你可以通过多种方式为这两个站点添加代码片段。可以手动添加代码片段。或者,对于不想使用代码的人,也可以使用插件。
有几个插件同时支持谷歌分析和Google Optimize。以下是你可以选择的一些列相关插件的:
对于这一部分,我们将使用手动方法。
1. 设置 Google Analytics Universal Analytics Property
如果还没有为网站设置谷歌分析,则需要先设置,然后才能将 Google Optimize添加到组合中。
我们之前发布过一篇关于将 Google Analytics 添加到 WordPress 的完整指南,可以按照指南操作。
2. 创建一个 Google Optimize 容器并添加代码片段
接下来,需要将你的网站添加到 Google Optimize,然后将它提供代码片段添加到你的 WordPress 网站。
打开Google Optimize网站并使用 Google 帐户登录。
然后你会看到创建帐户的提示 – 单击开始创建帐户按钮:


给账户命名–例如,“Personal Websites”–然后勾选选项,然后点“下一步”。如下图所示:


现在,系统会提示你创建一个容器。输入站点的名称或域名作为容器名称,然后单击创建:


你现在应该位于容器的设置区域。单击“设置”选项以在滑出页面中展开一些新选项:


你需要在这里做几件事。
首先,单击“关联到分析”按钮将你的Google Optimize与谷歌分析相关联。这里可以允许Google Optmize收集你的测试变体:
注:这里注意要关联到Universal anlytics版本的谷歌分析。


接下来,安装Google Optimize代码片段到网站<head>部分。你会在设置说明中看到这串代码:
接下来,进入WordPress后台,打开elementor下面的“Custom Code”。


点击“ADD NEW”。


输入代码名称,以及代码内容,Location选择Head, 代码显示位置,按默认的“entire site”,然后点击发布。
稍后,我们分享Google Optimize提供的诊断工具,以确保代码正确设置。现在继续。
第三部分:在Google Optimize中设置A/B测试
现在,你已准备好开始创建测试变体。Google Optimize 将每个测试称为“体验”。创建体验后,你将能够设置测试变体。
在开始之前,请确保使用的是 Chrome 浏览器。你还需要安装官方的 Google Optimize Chrome 扩展(链接),它可以允许你使用 Google Optimize 的可视化编辑器来设置测试变体。
1.创建体验
如果你在 Google Optimize 中打开你的网站,应该会看到一条提示,要求你点击Let’s go(我们开始吧)来创建你的第一个体验:
这时会打开一个滑出页面:
- 为你的体验命名——例如“测试不同的 CTA 按钮”。
- 输入你要测试的页面的 URL(这是你在第一部分中创建的)。
- 这里选择A/B 测试作为体验类型。后面你可以尝试不同的测试类型。
然后,你会在仪表盘中获得体验。
2.创建变体
在体验仪表盘中,你会看到创建新变体的提示–添加变体:
在画出菜单中,为其命名并单机“完成”。
然后你会看到它出现在变体列表中。要更改设计,请单机“修改”按钮。(确保在执行此操作之前已经安装了Google Optimize chrome扩展程序):
这将启动可视化编辑器,它的工作方式很像Elementor。要更改元素的内容或设计,你可以单击它以打开其设置。
例如,要将按钮文本从“开始”更改为“立即下载”,你可以单击修改按钮以编辑文本或HTML:
对于某些元素,直接编辑文本可能有困难,因此你可以编辑HTML的形式来更改内容。
你可以根据需要进行任意数量的更改。完成后只需要单击“保存”按钮。然后点击完成返回Google Optimize界面以完成你的A/B测试。
3.配置其他设置并运行诊断
推出可视化编辑器后,你会回到Google Optimize界面。向下滑动可以根据需要配置其他设置。
例如,你可以添加更多变体、更改变体之间的流量权重、仅针对特定类型的用户等。
确保在目标设置中选择一个主要目标,因为这是谷歌分析将在不同变体之间衡量的内容。你可以设置自定义时间来跟踪按钮点击,或者可以测试跳出率等一般性时间。
在底部的设置区域中,你还会看到检查安装情况的提示,它可以让你验证是否正确安装了Google Optimize代码片段。
如果你正在使用广告拦截器,请确保运行诊断之前在运行测试的网站上先禁用广告拦截器。Google Optimize将在你的浏览器宗打开十几站点以运行诊断,因此,如果你启用了广告拦截器,广告拦截器可能会阻止Google Optimize脚本,即使你正确安装了代码,诊断也将弹出未成功安装的提示。
4. 开始测试
完成设置后,滚动会页面顶部并点击“开始”按钮开始A/B测试:
或者,你可以单击左侧的时钟图标安排测试在将来的某个时间运行。
然后你会看到一个弹出窗口以确认 – 再次单击“开始”以使测试生效。
这样,你就开始了第一个 WordPress A/B 测试实验。默认情况下,Google Optimize 会添加 4 周后到期。你还可以通过单击“结束”按钮手动提前结束测试,并且将能从“报告”选项卡中查看实验效果:
Elementor用户的本地WordPress A/B测试
Google Optimize适用于对任何类型的WordPress内容进行AB测试,包括Elementor设计,以及常规WordPress编辑器内容、主题以及你可能使用的任何其他内容。
不过,如果你想对Elementor内容进行A/B测试,还有一个专用插件可以帮助实现,而且设置友好简单很多,这个插件叫做Split Test For Elementor。
Split Test For Elementor是一个第三方插件,因此Elementor团队无法直接控制它。但目前用户对这款插件的评价很高而且插件本事功能比较齐全。而且这个插件免费。
下面我们看一下如何使用它:
1.创建一个新测试
激活插件后,打开Split Test–>Add Test创建一个新测试:
这里有三种不同的测试类型可供选择:
- 元素-测试同一页面上的不同元素。
- 页面-测试不同的页面。
- URL-测试不用的URL。
选择测试类型后,你需要输入两个或多个变体的名称,以及你希望如何划分流量。
然后,你可以设置转化目标,即内部或外部页面:
2.在Elementor中设置测试
创建测试后,打开要进行AB测试的页面Elementor编辑器。
然后然后打开要测试的元素的原始变体的设置—例如按钮。当你赚到“Advanced”选项卡时,你会看到一个新的拆分测试选项。
选择你在上一步中创建的拆分测试,然后将Elementor按钮分配给其中的一个拆分测试变体。
分配此变体的任何元素将仅显示在此特定变体上:
现在,创建用于其他辩题的元素,并按照相同的步骤将他们分配给不同的变体。
例如,如果你要对两个不同的按钮进行A/B测试,你可以在Elementor编辑器中看到两个按钮:
由于你将按钮分配给不同的变体,因此你的访问者一次只能看到一个按钮。他们看到的确切按钮取决于他们正在查看的变体。
完成后,务必保存Elementor所做的更改。
3. 查看测试结果
现在,你的测试已经上线。要查看测试结果,请转到WordPress后台的Split Test,单击测试统计按钮。
然后你会看到每个变得的基本转化率数据:
通过AB测试来确定最吸引访客的设计
总的来说,WordPress网站的A/B 测试是使用真实数据改进网站的好方法。
最常见的用例是使用 A/B 测试来提高潜在客户询盘表单或登录页面的转化率,你也可以使用 A/B 测试来降低跳出率、解决用户痛点,或者创建一个更有效的网站。
如果使用 WordPress 和 Elementor,最灵活的 A/B 测试解决方案之一是使用免费的Google Optimize服务。使用 Google Optimize工具实际设置你的网站有一定的学习难度。但是一旦你开始使用,就可以使用 Google Optimize 的可视化编辑器轻松创建新的测试变体。
对于特定于 Elementor 的选项,还可以考虑第三方Split Test for Elementor 插件。这个插件不太灵活,因为它只允许你测试有限的转化目标,但它使用起来更简单,你可以使用常规的 Elementor 编辑器设置变体。
如果你对WordPress的A/B测试还有什么疑问?欢迎在评论区留言讨论!