智能使用 WooCommerce 变体色板的完整指南 [2022]

已发表: 2022-02-13

要增加在线商店的销售额，第一步是在视觉上给潜在客户留下深刻印象。为此，您必须优化您的产品页面。

您越容易让买家选择他们的产品，转化率就越高。

如果您的商店中有可变产品，您希望以用户友好的方式显示产品的所有变体。

取得显著成果的最新趋势之一是使用样本来呈现变化，而不是使用下拉菜单。

因此，使用 WooCommerce 变体样本以更具吸引力和吸引力的方式呈现产品变体。

创造更大的买家意图，因为：

买家将获得变体的预览，而不是文本。例如，他们将在视觉上看到红色，而不是选择文本“红色”，从而有助于做出实际决定。
通过单击样本按钮而不是下拉菜单来浏览变体更容易。
大片将吸引买家检查变体，并可能产生买家的意图。正如他们所说，您在产品上花费的时间越多，您就越想购买它。

今天，我们将讨论如何以最以结果为导向的方式在 WooCommerce 商店中使用变体样本。

您将学习如何根据您的产品变体应用正确类型的变体样本，以增强买家的意图。

阅读本指南后，您将能够：

了解每种变体样本类型的重要性
自行为变体设置颜色、图像或标签色板
大量使用变体样本的示例
增强买家的意向并增加您的销售额

因此，让我们深入研究一下。

#	话题
1.	何时以及为何使用不同的变体样本以获得最大效果——举例
2.	如何将下拉菜单更改为 WooCommerce 变体的按钮样本？
3.	如何为产品变化设置 WooCommerce 色样？
4.	如何为 WooCommerce 产品变体设置图像样本？
5.	如何为可变产品设置标签变化样本？

何时以及为何使用不同的变体色板？

您的可变产品可能有不同类型的变体。您无法为不同的变体设置独特的变体样本来创造最大的参与度。

颜色变化样本

一种产品可能有多种颜色可供选择。例如，假设您销售的 T 恤具有红色、蓝色和黄色三种颜色。

然后，您可以使用颜色变化样本让您的客户从变体中进行选择。

默认情况下，WooCommerce 允许人们通过无聊的下拉菜单进行选择。但是您可以使用彩色样本按钮使其更具吸引力。

自己看看区别：

默认

使用颜色变化样本

如您所见，颜色清晰可见。所以人们会发现选择更容易，更实用。

图像变化色板

某些产品更通用，您可以使用图像变化样本来展示变体。

例如，假设您销售不同形状的礼品盒。因此，您可以显示带有图像样本的变体，而不是显示下拉选择。

这就是它变得多么神奇：

默认

使用图像变化色板

如您所见，变体以小样本形式呈现，从而使其更具吸引力。

小费：
将包含所有变体的图像作为产品的特色图像始终是理想的。如果您没有，请使用最流行的变体的图像作为特色图像。

标签变化样本

尺寸或长度等某些因素很难直观地描绘出来。

例如，如果您销售的 T 恤尺寸为 L（大号）、M（中号）和 S（小号），那么您无法直观地显示实际尺寸。

在这种情况下，您仍然可以通过使用标签变体样本按钮呈现变体来使其具有吸引力。

以下是它仍然会产生影响的方式：

默认

使用标签变化色板

尽管没有尺寸可视化，但样本使选择更具吸引力。人们经常会出于好奇而点击样本。

文本变化色板

与尺寸类似，很少有其他变化因素，如材料或年龄组相关的变化等，不能直观地描绘出来，也不能被描绘成标签。

例如，假设您销售儿童尺寸、青少年尺寸和成人尺寸的帽子。

在这种情况下，您可以将它们变成有吸引力的按钮文本样本。

这里的优势是所有可用的变体都将列在买家面前，他/她只需单击按钮即可进行选择。

这是一个预览：

默认

使用文本变化色板

WooCommerce 文本变化样本 — 使用 WooCommerce 文本变体色板

小费：
如果您的尺码标签不是编号值，请在您的站点中保留一个图表以查找尺码的确切值。由于缺少此图表，商店经常失去销售额。客户没有足够的耐心让您联系客户服务以找出确切的尺寸。

如您所见，将变体菜单更改为样本会使其更具吸引力和吸引力。

现在，如果您想实现这些吸引力，那么您可以使用插件 Variation Swatches For WooCommerce 轻松实现。

WooCommerce 的变体样本

WooCommerce 的变体色板是一个简单的插件，您可以使用它轻松地将变体的基本下拉选择更改为按钮色板。只需点击几下。

让我为您提供分步指南，了解如何使用 WooCommerce 的 Variation Swatches 在您的网上商店轻松设置变体样本。

如何将下拉菜单更改为 WooCommerce 变体的按钮样本？

如前所述，WooCommerce 将变体显示为产品页面上的下拉选项。

但是，您只需单击几下即可使用该插件轻松地将变体选项从下拉列表转换为按钮样本。

这是您可以逐步完成的方法。

1. 首先，安装并激活 WooCommerce 的 Variation Swatches。

在您的管理仪表板上，您将获得一个名为 Swatches 的新菜单。点击它。

它将带您到插件仪表板。

WooCommerce 仪表板的变化样本 — WooCommerce 仪表板的变体色板。

2. 设置基本色板样式和设计

在常规设置中，您将找到将色板的颜色和边框设置为正常显示、悬停时或选中时的选项。

另外，您将能够设置字体大小。

根据需要配置这些设置。

3. 转到控制选项卡

单击左侧的“控制”选项卡。

控制选项卡将有许多选项。

4.启用下拉按钮样本

在这里，打开下拉到按钮样本选项。

然后保存设置。现在您将看到产品页面上的变体将以按钮样本的形式显示。

默认下拉选择

变化的按钮样本

一旦您为商店启用了按钮色板的下拉菜单，现在您可以通过几个简单的步骤轻松地将色板自定义为颜色、图像或标签色板。

如何为颜色变化设置 WooCommerce 色板

通过使用色板，您可以直观地了解买家将选择的颜色。所以不会有任何犹豫。

正如您之前看到的，与普通的下拉选择相比，颜色样本非常有吸引力。

要设置色样，请按照以下步骤操作。

1.启用下拉按钮样本

首先按照前面解释的步骤启用按钮条的下拉菜单。

（单击此处阅读如何启用按钮样本的下拉菜单。）

2. 转到您创建的属性

变体术语通常分组到属性中。

转到仪表板 > 产品 > 属性，您将找到您已在商店中创建的属性列表，以及添加新属性的选项。

在右侧，您可以看到您拥有的已创建属性的列表。

3.将您想要的属性更改为颜色类型

将鼠标悬停在要为其使用色板的属性名称上。

您将获得编辑或删除的选项。单击“编辑”，它将带您进入“编辑属性”页面。

进入“编辑属性”页面后，您将看到有一个类型字段。

单击它并选择“颜色”选项。

然后单击下面的更新按钮。

4. 为变化条款设置色板

将属性类型设置为“颜色”后，现在您可以将色样分配给该属性下的变体术语。

返回仪表板 > 产品 > 属性，在属性右侧（您刚刚设置为颜色类型），您将获得“配置条款”选项。

单击配置条款，它将带您到以下页面：

在这里，您可以添加颜色变化的术语，或者在右侧您可以看到您已经准备好用于商店颜色的变体术语。

将鼠标悬停在一个颜色术语上，您将找到编辑选项。

单击编辑，它将带您进入编辑页面。在这里，您将在下面看到您可以选择颜色。

单击“选择颜色”，您将获得分配颜色的选项。

选择合适的颜色并再次单击选择颜色。

然后单击下面的更新按钮。

更新后，返回，您将看到颜色的预览就在相应颜色变体术语的名称旁边。

对其余的颜色变化做同样的事情，就是这样。现在，您的产品将具有颜色变化样本，而不是颜色变体的下拉选择。

使用颜色变化样本