如何设置 WooCommerce 可变产品 – 完整指南 [2022]

如果您打算将 WooCommerce 用于您的在线商店，那么您做出了正确的选择。 它绝对是帮助您建立电子商务商店的最可靠工具之一。

2020 年，前 100 万个电子商务网站中有超过 26% 使用 WooCommerce。 总共有超过 500 万个网站在使用 WooCommerce。

为什么不？ WooCommerce 使创建高质量的在线商店变得如此容易，并取得了很好的成果。

WooCommerce 的最佳功能之一是添加产品非常容易。 但是，第一次使用时，有时可能会感到困惑，尤其是在添加可变产品时，即由于颜色、尺寸等而具有多种变化的产品。

事实上，仅仅添加产品是行不通的。 您还必须学习优化产品数据和产品页面。

产品变体是让人们选择和做出决定的好方法，因此针对可变产品优化产品页面至关重要。

今天，我将为您提供有关如何添加 WooCommerce 可变产品的完整指南。

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

• 准确地将产品添加到您的商店，而不会浪费时间
• 有效地为您的可变产品创建产品变体
• 优化商店的产品数据以增加销售额
• 获取可操作的提示以改进您的可变产品页面以提高转化率

那么，让我们深入研究一下。

了解 WooCommerce 可变产品

您可能有一些具有多种变体的产品。 例如，假设您销售 3 种不同颜色的 T 恤。 在这种情况下，T 恤是可变产品，T 恤的每个颜色版本都是一个变体。

在 WooCommerce 中，当您添加产品时，您可以选择产品类型为“可变产品”，然后轻松添加变体。

将可变产品添加到 WooCommerce 后，产品页面将如下所示：

如您所见，您可以单击下拉菜单来选择产品的变体。

接下来，您将能够以多种方式自定义产品页面，例如使用合适的插件、应用 WooCommerce 主题或自行自定义页面设计。

例如，您可以使用插件 Variation Swatches for WooCommerce，以色板的形式显示变体。

现在，让我为您提供有关向 WooCommerce 商店添加和优化可变产品的分步指南。

所以让我们开始吧。

添加和优化 WooCommerce 可变产品的分步指南

按照以下步骤操作后，您将能够轻松地在您的 WooCommerce 商店中添加可变产品。 稍后，您将获得可操作的提示，可用于快速实现更高的转化率。

第 1 步 - 创建变体产品属性

正确添加 WooCommerce 变量产品的第一步是创建变体产品属性并分配其变体。

变体产品属性基本上是产品可能发生变化的因素。 例如，如果产品有 3 个颜色变体，则“颜色”是变体产品属性，每种颜色都是一个变体。

因此，让我们学习如何创建一个。

1.在您的仪表板上，转到产品 > 属性。

在这里，您将看到创建变体属性的选项。

2.在各自的字段中输入属性的名称和 slug。 例如，您可以将其命名为“颜色”并指定 slug 为“颜色”。

然后单击下面的“添加属性”按钮。

您将看到该属性已添加到右侧。

在这里，我添加了一个名为 Color 的变体产品属性。

3.在属性右侧的条款下，您将看到一个名为配置条款的选项。 点击它。

它将带您到可以添加变体的页面。

4.在各自的字段中输入变体名称和 slug，如果需要，还可以添加描述。

例如，您可以将其命名为“Blue”，并将 slug 指定为“blue”。

5.然后点击下方的添加新颜色按钮。 您将看到该变体已添加到右侧。

您可以在此处添加更多变体。 我又添加了两个，绿色和红色。

到目前为止，您有一个变体产品属性，它是对应的变体。 您可以重复整个步骤以添加更多变体产品属性及其变体。

在将可变产品添加到您的 WooCommerce 商店时，这些将用于设置变体。

第 2 步 - 添加新产品

下一步是添加产品并将其设置为可变产品。

1.在您的仪表板上，转至产品 > 添加新的。

它将带您进入一个空白的产品编辑页面，输入产品所需的数据。

在这里，您需要添加一些产品数据； 确保数据已优化。

在您继续阅读时，我将给您提供相关示例，以帮助您了解如何优化数据。

2.添加产品名称和描述。

尽量避免在产品名称上使用太多营销方案，但要包含可能使其脱颖而出的独特功能。 而且，在某些情况下，您也可以在名称中包含变体术语。

在描述中，尝试解释人们在购买产品时可能会了解的所有产品功能。

如果您有尺码变体，那么最好在说明中也包含尺码表。

请务必在此处突出产品的所有优势和特殊功能。

3.在右侧，您将获得分配产品类别的选项。

在这里，您可以选择一个已经存在的合适类别或为该产品创建一个新类别。

将产品放在相关类别中很重要，因为人们通常会根据您商店中的类别搜索产品。

4.为您的产品添加图片。

在右侧，您将获得添加产品图像的选项。 单击设置产品图片以上传图片。

这是产品的主要形象。 人们在查看产品页面时通常会首先注意到此图像。

对于主图像，最好使用一张图片，它是一张图片中所有变体的集合，这样人们就知道他们有选择的余地。

**您将能够根据变体添加图像，稍后我将向您展示。

确保图像清晰并与您销售的产品相匹配。 避免使用看起来比实际产品更好的假图像或增强图像。

记住。 您来这里是为了长期开展业务。 欺骗人们可能会导致他们不再向您购买。 您的原创性越高，就会有越多的人成为您的固定买家。

在产品图片部分下方，您将能够在图库中添加更多图片。

尝试从产品的不同角度添加多个图像以正确展示它。

这些是您需要添加的产品的基本数据。 但是，还有更多选项可用，例如简短描述和标签。 我将在本文后面为您提供有关如何优化它们的提示。

第 3 步 – 将产品配置为可变产品

输入基本信息后，您需要将此产品配置为可变产品。

1.下面，您可以看到产品数据部分。

您将看到在产品数据字段中，它被设置为简单产品。

2.单击简单产品并将其更改为可变产品。

您将看到下面的菜单将发生变化。

在这里，默认情况下，您将在左侧获得 7 个主菜单（可能还有更多，具体取决于您使用的其他插件）。

3.首先，配置常规菜单。

在这里，您将获得两个选项：

• 税务状况–
  在这里，您可以选择产品是否应纳税，或者该税是否仅适用于运费，或者如果产品不纳税，则选择“无”选项。

• 税类–
  如果您将产品标记为“应纳税”，那么您将需要从设置 WooCommerce 时创建的税类中选择一个税类。

4.接下来，配置库存菜单。

在这里，您将获得三个选项：

• SKU –
  这是产品的父 SKU。 即使您分配了这个，您仍然需要为产品变体分配唯一的 SKU（我稍后会向您展示）。

• 管理库存 –
  如果启用此功能，您将能够
  - 指定您的产品的可用数量，
  -选择是否允许延期交货，以及
  - 设置阈值以在库存低时通知。
  **对于可变产品，最好在每个变体中而不是在此处管理库存。

• 单独出售 –
  如果您对该产品的每个订单仅接受 1 件商品，则可以启用此功能。

5.现在，转到运输菜单。

在这里，您可以指定产品的重量和尺寸，这可能会影响运输成本。

如果您在设置 WooCommerce 时创建了 Shipping 类，如果适用，您可以在此处分配它。

6.然后是链接产品菜单。

在这里，您可以为该产品分配追加销售或交叉销售的产品。

• 这是有关如何有效使用它们的指南。

最好分配更好、更贵的类似产品作为追加销售。 它们将在产品页面上显示为建议产品。

例如——如果是皮夹克，那么你可以推荐更多质量更好、价格更高的皮夹克。

您还可以将与该产品相关的产品指定为交叉销售。 它们将被推荐给购物车中的买家。

例如——如果是衬衫，你可以推荐合适的牛仔裤来搭配它。

我将在下一步中解释 Attributes 菜单和 Variations 菜单，因为它们包含设置 WooCommerce 变量产品的主要选项。 现在，让我们看一下“高级”菜单。

7.进入高级菜单。

在这里，您可以在购买过程中为买家留下备注，并启用买家评论。

第 4 步 – 为产品添加变体属性

您已在最后两个步骤中设置了所有基本数据。 现在，您将学习为您的产品创建变体。

1.进入属性菜单。

2.你可以看到有一个选项说自定义产品属性。 点击它。

您将能够从您在本指南的第 1 步中创建的变体产品属性中进行选择。

我已经创建了三个以及“颜色”，因此您可以在上图中看到四个选项。

3.选择您要用来为该产品创建产品变体的那个，然后单击“添加”。

例如，假设您要为此产品创建颜色变体。 然后选择颜色。

可以看到，Color 属性已经被赋值。

4.在值下，如果您单击该字段，您将获得从您为此属性创建的变体中进行选择的选项。

如果您认为所有变体都适用于该产品，您可以单击全选，所有颜色变体将被添加。

您可以看到我已决定添加我在第 1 步中创建的所有变体，蓝色、绿色和红色。

**在右侧，您可以看到有一个添加新按钮。 如果您需要添加仅适用于该产品的颜色，但您不需要将其用于任何其他产品，您可以单击它在此处添加。

5.接下来，勾选“用于变体”选项。

这将允许您使用您分配的变体术语创建此产品的变体。 完成后，单击下面的保存属性。

您已成功为该产品分配了变体产品属性。

您可以重复步骤 4 中的过程，直到此处添加更多变体产品属性。

奖励条件步骤 –

您在步骤 1中学习创建的变体产品属性将在全局范围内使用。 您创建的任何产品，您都可以将这些属性分配给它们。

但是，在某些情况下，您的产品的变体可能与您商店中的任何其他产品都不相似。

例如，假设您决定销售一件独特的夹克，该夹克具有基于封口的变体——一个有拉链封口，另一个有纽扣封口。 在这种情况下，不太可能会有更多具有相似变体的产品。

在这里，您可以做的是，您可以直接为该产品创建自定义变体属性，而不是创建全局变体产品属性。

就是这样。

一世。 在属性菜单中，选择自定义产品属性，而不是选择变体产品属性，然后单击添加。

它将在下面添加一个空白属性。

ii. 在这里，以“Variant1|Variant2”的形式命名属性并分配值。

iii. 并选中“用于变体”选项。

iv. 然后点击保存属性。

接下来，是时候根据您添加的属性变体生成产品变体了。

第 5 步 – 生成产品变体

现在您的属性已添加到您的产品中，是时候生成产品变体了。

1.转到变体菜单。

2.在这里，单击添加变体，然后选择“从所有属性创建变体”。

3.然后点击Go ，WooCommerce 会要求您确认。 确认后，将添加此产品的变体。

**如果您在步骤 4中为变体标记了多个属性，那么 WooCommerce 将在此处生成变体之间的所有可能组合。

例如，如果您使用具有 3 个变体术语的尺寸属性和具有 3 个变体术语的颜色属性，则总共将生成 9 个产品变体。\

然后，您可以删除不需要的那些。

第 6 步 – 正确配置每个变体

现在，您必须配置每个生成的变体并输入正确的数据。

1.单击一个变体，它将展开。

2.首先，为SKU分配一个唯一值。

3.接下来，输入该产品的价格和库存状态。

如果您有促销活动，您可以包含促销价格。

您可以将库存状态指定为“有货”、“缺货”或“延期交货”。

4.上传专用于此变体的合适图像。

这意味着如果有人在产品页面上选择此变体，则将查看此图像。

确保在此处包含一个好的图像。

6.添加说明并分配税类（如果适用）。

即使您之前添加了描述，在每个变体中添加简短描述仍然是一个好主意。

当一个人选择这个变体时，他/她会得到一个专门针对这个变体的描述。 因此，您将有机会突出产品这一特定变体的独特性。

而且，如果您愿意，您可以仅为该变体启用 Tax 类； 您可以将值从“与父级相同”更改为您在设置 WooCommerce 时创建的类之一。

7.您还可以为该变量分配重量、尺寸和运输类别。

8.在图片下方，您会看到一些选项。 选择适用于您的要求的那些。

您将获得以下选项：

• 启用 -
  如果您取消选中此选项，此变体将不会作为选项出现在产品页面上。

• 可下载 -
  如果您的产品需要随产品一起下载的可下载文件，请选中此选项。

**当您将产品标记为可下载时，您将获得其他选项 — 附加文件、添加文件链接、分配下载限制或
将到期日期指定为下载时间。

• 虚拟的 -
  如果您将产品标记为虚拟，则表示该产品无法发货，因为它是在线产品。

**当您将产品标记为虚拟时，您将看到重量、尺寸和运输等级字段将不再可见。

• 管理库存 –
  如果您想管理每个变体的库存，则可以启用此选项。

**如果您启用管理库存，库存状态字段将不再可见。 相反，您将获得输入可用数量的选项，并指示您是否允许延期交货。

最好根据每个变体管理库存，因为有时某个变体可能会提前售罄。 在产品级别而不是变体级别进行管理可能会导致您回答许多关于不可用变体的查询。

9.现在单击下面的保存更改。 然后为您为此产品生成的每个变体重复步骤 6 中的所有任务。

10.向上滚动并在右上角，点击发布，产品将被发布。

而已。 您已成功创建 WooCommerce 变量产品。

如何优化产品数据以增加销售额

现在，我将为您提供一些优化产品数据的技巧，这将帮助您提高转化率。

大多数人会给你一些建议，比如“使用优化的图像来突出你的产品”，或者“在你的产品描述中优化 SEO”等等。 现在，确实所有这些都很重要。

但在这里，我将为您提供一些独特的想法，这些想法可能会让您在进一步增加销售额方面更有优势。

一世。 选择具有“智能形容词”的功能特定产品名称

在选择产品名称时，您必须记住，这将是人们在图像之后首先会注意到的。

名称应该以这样的方式确定，以便人们可以立即知道它是什么以及它最特别的功能。 另外，您需要使用形容词巧妙地描述产品。

接下来，你要了解这个产品的用途。

T 恤是一种风格元素，因此您可能想要使用形容词“时尚”。 然而，你必须考虑到“时尚”这个词对大多数男人的影响可能较小。 您可能想使用性别友好的形容词。

上面建议的三个名称只是示例。 但在同一类别中的所有产品名称上都必须使用形容词。

例如——如果它是一件没有独家设计的单色 T 恤，那么你最好将它命名为“舒适纯色 T 恤”。 （当谈到服装产品时，舒适这个词几乎总是相对的。）

如果产品有变体，当有人选择特定变体时，您可以在产品名称中提及变体术语。

**在 WooCommerce 中，默认情况下无法执行此操作。 所以你必须使用自定义编码来实现它。

您也可以选择在产品名称中提及所有变体术语。

例如，您可以将其命名为“The Trending Super Heroes T-shirt In Blue, Green or Red”。

尽管这可能不像单个变体名称那样有吸引力，但它仍然可以有效地让人们知道可用的选择。

ii. 让产品描述物有所值

当一个人阅读产品描述时，这意味着该人对产品感兴趣，但想确认它是否具有他/她需要的功能。 你的任务是抓住这个机会，让潜在客户意识到这是他/她正在寻找的产品。

大多数人不那么重视产品描述。 他们只是提到产品功能，仅此而已。 但请相信我，产品描述可能是做出购买决定的一大推动力。

这是我建议您可以遵循的格式。 按以下顺序创建描述：

现在，这种格式只是我的建议，但它有效。

通常将第三段与第一段交换可能是一个好主意。 对于一些过于简单的产品，最好不要使用第三段； 相反，将其与第一段结合起来。

iii. 使用简短描述

我之前提到过，主要描述要么位于基本产品详细信息的下方，要么带有一个可供单击和查看的选项卡。

因此，您可能更愿意使用 WooCommerce 中的简短描述功能，该功能显示在产品页面标题下方。

当您编辑产品时，转到屏幕选项并启用产品简短描述选项，它将出现在产品数据部分的正下方。

在这里，在 3 行内解释人们正在寻找的产品的主要功能。

这将帮助人们直接意识到它是适合他们的产品。

iv. 根据主产品名称更新 slug

当您在产品名称中使用形容词和变体术语时，发布它还会将它们添加到 slug 或产品链接中。

但是，最好使用简单的 URL slug，而不是长的。

您可以在创建产品时分配 slug。 只需转到屏幕选项并启用 Slug 选项。 Slug 部分将出现在 Product Data 部分的正下方。 在那里，你可以输入你想要的 slug。

或者，发布产品后，您可以转到仪表板 > 产品 > 所有产品。 在那里寻找产品并快速编辑它。 在这里，您将获得输入所需 slug 的选项。

v. 尝试根据每个变体管理库存

在 WooCommerce 中，您可以选择管理库存，即产品数量和延期交货服务。

编辑可变产品时，您可以在产品数据部分的“库存”选项卡中或在每个变体中进行。

最好在每个变体中使用管理库存选项，而不是在库存中使用。 这将允许您控制每个变体有多少可用。 如果一种变体售罄，您可以在商店中提及。

在这里，如果您从“库存”选项卡控制数量，买家将不知道是否有特定的变体可用。

除了以上这 5 个提示外，请记住，在产品描述上应用 SEO 优化仍然非常重要。 最好使用突出产品最佳功能的优化图像。

**我将重复另一个重要提示。 请不要使用虚假图片来销售您的产品。

首先，许多人使用产品的图像，然后交付看起来不完全相同的复制品。 它们不符合说明中声明的功能要求。 例如，如果您说它是原装球衣，那么它应该是原装的。 你不能只发送一个副本。

其次，不要编辑您的产品图像，使其看起来比实际更好，或者看起来与实际产品不同。 例如，不要将紫色连衣裙变成粉色连衣裙。 说“颜色会与现实生活略有不同”并不能证明如此大的差异是合理的。

如何自定义产品页面以增加参与度

当然，优化产品数据非常重要。 但优化产品页面也同样重要。

您可以通过可变产品获得额外的优势，并且有更多的定制范围。

这里有一些关于定制产品页面的技巧，这些技巧目前对许多人来说都非常有效。

一世。 将您的产品页面自定义为简单且不那么拥挤

寻找不太拥挤的 WooCommerce 产品页面模板，并使潜在客户可以轻松地对产品做出决定。

许多人使用的模板在第一个视图中显示了太多细节，这可能会使买家感到困惑。

这是一个干净的产品页面的示例 -

在这种情况下，您可以直接下载自定义产品页面模板，例如 TemplateMonster 的自定义模板，也可以使用 Elementor 等页面构建器创建一个。

ii. 使用变体样本提供产品变体

这是 WooCommerce 行业的新趋势之一。

您可以以按钮样本的形式显示产品变体。 例如，您可以使用彩色色板来呈现颜色变体，或使用图像色板让人们选择变体。

这是吸引买家注意力并激发选择变体的好奇心的好方法。

这是使用色板显示产品变体的示例。

您可以使用插件 Variation Swatches for WooCommerce 通过遵循简单指南轻松实现此目的。

iii. 使用图像缩放功能突出产品

您可以让人们将鼠标悬停在产品图片上以获得放大视图。 这将让人们正确地检查产品。

当您销售具有复杂细节的产品（例如古董产品）时，它会很方便。

当您拥有基于设计模式的产品变体时，这也可能很有用。

您可以使用 WooCommerce 的插件 Product Image Zoom 来实现此目的。

iv. 在产品页面上使用基于目标的折扣

您可以为人们设置基于目标的折扣优惠，并在产品页面上提及以影响人们购买更多商品。

以下是如何展示折扣优惠的示例：

您可以通过 ELEX WooCommerce 动态定价和折扣等插件来处理此问题。

v. 在产品页面中添加快速购买选项

确保转换的一种方法是在买家对产品感兴趣时立即购买。

因此，您可以做的就是让人们可以立即完成购买。 您可以使用插件 Buy Now For WooCommerce 来实现这一点。

这是一个简单的插件，买家可以单击“立即购买”按钮，结帐页面将显示为弹出窗口，以便买家可以立即付款并完成购买，而无需离开页面。

您可以进行更多自定义来改进产品页面。 这是您可以签出以自定义 WooCommerce 可变产品页面的插件列表。

结论

Running a WooCommerce store can be hectic if you do not organize your shop properly. Hence, it is best to learn the proper steps and actions to take when adding products, especially variable products.

Hopefully, if you follow the steps in this guide, you will be able to run a successful WooCommerce store with no difficulties whatsoever. When it comes to selling variable products, the tips will come handy for you.

Though there are so many more to learn about WooCommerce, it's best to learn one step at a time. And learning to add variable products in an optimized way is definitely an important step that you covered through this guide.

Also, here is a list of guides you can use to learn WooCommerce in detail. Take your time and learn to set up a proper WooCommerce store so that you can achieve a high conversion rate and increased ROI in the near future.