使用 WordPress 块模式快速创建 A/B 测试

正如我们在之前的文章中所讨论的，随着 WordPress 5.8 和即将推出的模式目录，WordPress 块模式正在获得动力。 我们最喜欢块模式的地方在于，从设计的角度来看，它们作为一个单独的单元是有意义的，可以在任何页面或帖子上添加不同的部分。

例如，为了提高您的可信度并赢得网站访问者的信任，您可能希望在其中包含突出产品主要功能的部分，另一个包含您客户的徽标，另一个包含一个或多个推荐或对您的服务的评论等。并且为每个部分的设计提供多种模式可供选择是完美的。

被理解为页面布局单元的模式也是 A/B 测试的理想候选者。 让我们在下面看看它们如何帮助您创建 A/B 测试，从而提高您网站的转化率。

使用 A/B 测试改进 Web 转换

网络转换是指任何登陆您网站的人都应该执行的任何操作：他们可能会访问产品详细信息或定价页面、订阅时事通讯、联系我们、阅读文章、购买我的产品等。在这种情况下，转化率是与访问次数相关的转化次数。 也就是说，如果您的网站每天总共有 100 次访问，其中2 次最终购买了产品，那么您网站上的转化率为 2% 。

帮助您提高转化率的工具是 A/B 测试。 A/B 测试包括基于改进的假设，在网络上提出更改并检查它是否效果更好。 例如，将登陆页面的第一块更改为产生更多好奇心的消息，更改不同产品在定价页面上的显示顺序，在帖子末尾添加产品促销等。

从技术角度来看，A/B 测试包括向不同的 Web 访问者集显示同一网页的两个或多个版本或变体（也可以是菜单或主题等），并比较哪个变体生成更多的转化。

正如您在上面讨论的示例中可能已经观察到的那样，在许多情况下，您创建的变体包括添加、修改或删除测试页面上的一个部分。 出于这个原因，我们发现块模式的概念在创建过程中特别有用A/B 测试。

创建一个带模式的 A/B 测试

虽然你可以创建一个手动在 WordPress 网站上进行 A/B 测试，我们建议您使用市场上可用的工具之一，特别是，如果您想充分利用块模式，最好使用创建工具A/B 测试是使用 Nelio A/B 测试（免费和付费（29 欧元/月）可用），因为它是一个原生 WordPress 插件，因此它与 WordPress 块编辑器完全集成。

创建一个使用 Nelio 进行 A/B 测试使用 WordPress 块编辑器进行 A/B 测试，步骤如下：

• 选择要创建的测试类型，
• 定义测试变体，
• 定义转换目标和行动，
• 或者，定义是否要应用分段，
• 运行测试并分析您的进度，
• 将获胜的备选方案应用为最终方案。

在本指南中，我们解释了前面创建的每个步骤的所有细节使用 Nelio 进行 A/B 测试块编辑器中的 A/B 测试。

让我们通过一些示例来看看块模式如何帮助我们更高效地创建A/B 测试； 特别是在测试变体的定义中。

例子

假设我们要在我们的网站上执行三个不同的测试示例。

示例 1 ：一方面，我想通过更改展示我们服务优势的部分来测试我们的 Nelio 页面上的替代设计。

示例 2 ：同样，我也想在同一页面上测试推荐部分的替代设计，看看哪个更吸引人。

示例 3 ：我想测试在所有帖子末尾添加号召性用语部分或横幅是否会吸引更多订阅者订阅我们的时事通讯。 正如您在本文末尾看到的那样，目前在我们的博客上，最后您只能找到添加评论的部分。

我们如何创建这些A/B 测试？ 使用像 Nelio 这样的工具，它实际上就像通过一些额外的步骤更改该页面的设计一样简单。 让我们看看哪些…

选择要创建的测试类型

创建一个是不一样的页面的 A/B 测试比模板的测试。 变体的创建会有所不同，但使用像 Nelio 这样的工具的巨大优势完全原生于 WordPress 的 A/B 测试是通过最初选择您要创建的测试类型，以下步骤将在 WordPress 的上下文中完全直观。

与尼里奥A/B测试，你要做的第一件事就是选择类型您要创建的 A/B 测试：

选择测试类型后，您将看到创建测试变体与创建任何 WordPress 元素时完全相同。

在上面的示例 1 和 2 中，由于我们想要更改页面的一部分，因此我们将选择创建页面测试。 在示例 3 中，由于我们想要的是在帖子末尾添加一个部分的选项，因此更有意义的是创建一个模板测试。

测试变体的定义

示例 1 ：选择我们要执行页面测试后，您必须为测试类型命名并选择要执行测试的页面，也称为控制页面。 您可以从您在网站上发布的页面列表中进行选择。 在我们的例子中，它是我们网站的主页。

然后您可以创建一个新的变体。 默认情况下，它将是您的控制页面的精确副本。 单击变体的编辑链接，您将看到您将拥有您已经知道的 WordPress 块编辑器，可以进行所需的所有更改以及创建测试的一些附加属性。

您可以根据需要添加、修改和删除要更改变体设计的块。 但是块模式的最大优势是什么？ 现在，例如更改图像中显示的部分的设计比逐个创建和编辑每个块要容易得多。 简单地说，通过点击添加图案按钮，我可以选择我最喜欢的设计。

这样，一旦我单击设置了设计，我只需将图像替换为媒体库中已有的图像，然后复制并粘贴原始文本即可更改此部分的外观。

示例 2 ：在这种情况下，测试类型的选择过程将与前面的示例完全相同。 选择我们要创建页面测试后，我们将为测试添加一个名称，选择主页，然后创建一个新变体。

在编辑它时，和以前一样，我们发现我们有多种推荐部分设计可供选择。

和以前一样，现在通过替换图像和简单的复制和粘贴文本，我们很快改变了这个部分的布局。

示例 3.在我们的最后一个示例中，我们希望所有帖子的末尾都包含一个部分，邀请读者订阅我们的时事通讯。 为此，最简单的方法是创建一个模板测试并使用包含我们想要的部分的新模板变体。 在模板测试的情况下，在创建测试之前，必须已经创建了不同的模板。

请记住，正如我在解释 WordPress 5.8 中完整站点编辑的新功能时告诉您的那样，现在您可以从帖子或页面创建新模板或在模板编辑器中编辑现有模板。 因此，您可以创建一个新模板，并直接从模板编辑器中选择并添加类似于我们上面所做的模式。

与我们从头开始创建这个新部分相比，对插入模式的更改再次快得多。

现在我们可以创建新的模板测试。 首先，我们选择我们想要创建一个模板测试，然后我们为变体 A 和 B 选择我们想要显示的模板。

就是这样，我们已经为每个示例创建了控制版本及其变体。 从这里开始，以下步骤对于不同类型的测试是相同的。

定义您的转化目标和行动

定义测试变体后，下一步是定义转换目标。 您创建此测试的目的是什么？ 为了获得更多销售额、更多订阅者或更多访问定价页面？ 当访问者执行某些操作时，这些目标就会得到满足。

与尼里奥A/B 测试，在“转换目标和操作”部分，您可以通过单击+ 新链接添加任意数量的目标，您可以选择为它们添加名称。 内里奥A/B 测试将向您展示每种变体对您定义的每个目标的有效性的信息。

对于您定义的每个目标，您都有不同类型的转化操作来跟踪访问者。 例如，您可以监控他们何时访问某个页面、何时单击您网站上的某个元素或何时提交联系表。 单击您感兴趣的操作按钮，您可以为每种类型的操作定义自己的设置。

细分您的流量

任何 A/B 测试工具的有趣功能之一是它允许您对流量进行细分。 也就是说，您可以确定只有部分访问者参与测试。 例如，按国家、时间、语言、浏览器、设备等。如果您想了解更多有关如何使用 Nelio 实现流量分段的详细信息A/B 测试，Antonio 在这篇文章中详细解释了它。

运行创建的测试并分析其进度

就是这样，现在您所要做的就是按下按钮开始测试并分析其进度。 内里奥A/B 测试将负责将您的流量分成两组，以便每个组看到一个变体或另一个变体。 使用 Nelio 时A/B 测试，您不必担心需要多长时间运行测试或控制数据的统计置信度。 您将能够看到每个变体的总转化次数和页面浏览量。 您还可以看到每个变体与原始版本相比的改进百分比。

应用获胜的替代方案

最后，如果你得到一个测试的获胜变体，Nelio A/B 测试允许您通过单击将该变体作为最终版本应用到您的网站上。

也就是说，对于前两个页面测试示例，如果我们测试的变体是获胜者，则将原始内容替换为获胜者的内容。 在模板测试的情况下，只需在测试结束时，您必须在您想要的页面/帖子上切换模板。

结论

A/B 测试是优化网站转化的最佳工具。 WordPress 的发展非常迅速，并且随着 WordPress 5.8 中的新特性和功能，如果您使用与块编辑器完全集成的原生 WordPress 工具，创建 A/B 测试会更加容易，就像 Nelio A/B 一样测试。

请记住，旨在创建和设计不同部分的模式不仅有助于您添加和更改页面和帖子的部分，还有助于模板，正如您在本文中看到的那样。 期待看到 WordPress 的下一个新功能！

Raimond Klavins 在 Unsplash 上的特色图片