如何创建 WooCommerce 产品变体

想了解WooCommerce 产品变化吗？

在这个完整的指南中，您可以轻松了解什么是WooCommerce 产品变体以及如何创建具有所需变体的可变产品。 并且，不要忘记使用 Variations Swatches 的风格产品变化。

但在深入解释之前，您应该了解什么是 WooCommerce 可变产品和变体。

什么是 WooCommerce 可变产品？

WooCommerce 可变产品是指店主可以为产品添加多个属性的产品。 您可以将多种变体添加到特定产品中。 尺寸和颜色是您可以添加到所需产品中最常用的变体。 不仅如此，所有变量都可以有它们的产品图片、价格和库存。

什么是 WooCommerce 产品属性？

产品属性是指我们可以配置 WooCommerce 变量产品的术语。 产品属性包括尺寸、颜色和图像。 对于这些属性，我们可以设置多个值。 例如，尺寸属性的值将是小、中和大。

什么是 WooCommerce 产品变体？

WooCommerce 变量产品可能具有多个产品属性。 因此，如果我们将两个或多个属性一起用于单个产品，则称为产品变体。 例如，我们销售的一件 T 恤可能有多种颜色和尺寸。 所以我们必须对这些属性进行变化，让购物者选择他们想要的 T 恤尺寸和颜色。

如何设置具有多种变体的 WooCommerce 变量产品

现在，您了解了有关 WooCommerce 可变产品的所有基本信息，是时候指导您从头开始创建可用产品了。 请按照以下步骤进行操作：

创建和配置产品属性

创建或可变产品的第一个也是最重要的方面是创建产品属性。 创建属性有两种方法，我们可以创建全局属性或产品级属性。

全局属性将适用于所有产品。 另一方面，产品级别属性是针对特定产品的。 这意味着如果您创建从产品级别创建的属性，则仅可用于该产品。

我将解释这两种方式，以便您可以按照自己想要的方式来决定和创建。

创建全局属性：要创建全局属性，您可以按照以下步骤操作：

• 单击“产品”部分的“属性”选项卡
• 键入属性的名称
• 输入蛞蝓的名称（可选）
• 单击启用存档的复选框（可选）
• 点击保存按钮

创建全局属性后，您必须使用值对其进行配置。 例如，如果您创建一个尺寸属性，您还需要添加可用尺寸，对吗？

要配置属性，请按照以下步骤操作：

• 点击配置按钮
• 添加所需的值名称
• 添加 slug 名称和描述（可选）
• 点击添加新按钮

这就是您想要创建的所有价值都将在右侧可用。 同样，您可以添加所有所需的属性值。

创建产品级别属性：现在是讨论产品级别属性创建的时候了。 您可以在创建可变产品时创建它们。 就是这样：

• 单击“属性”选项卡
• 选择自定义属性并单击“添加”按钮
• 键入属性的名称
• 添加属性值
• 使其可用于产品页面和变体

就是这样，现在您可以创建具有所需变化的可变产品。

创建变量产品

现在，您已经学习了创建属性和组合的两种方法。 是时候创建可变产品了。 如果您是第一次这样做，该过程可能会令人困惑。 不用担心，只需按照以下步骤操作，您就可以轻松创建可变产品。

使属性可用于变体

正如我所提到的，您必须使属性可用于变体，如果您想在产品级别创建属性，则可以跳过此步骤。 但是全局属性的情况有点不同。

要使全局属性可用于变体，您可以按照以下步骤操作：

• 在创建可变产品时单击属性
• 从下拉列表中选择所需的全局属性
• 选择所需的值或单击“全选”按钮
• 使其可用于产品页面和变体

从所有属性创建变体

在为变体提供所需的属性之后，是时候创建具有所有属性的变体了。 为了那个原因：

• 单击变体选项卡
• 从下拉列表中选择从所有属性创建变体的选项
• 点击前往按钮

现在，WooCommerce 将使用组合创建所有可能的变化。 稍后，您使用所需的价格、图像和库存配置它们。

注意：不同的变体可能有不同的图像、价格和库存。 但是，您为所有可用的变体添加相同的价格。

配置变体

在配置变体时，您必须扩展所有变体选项并添加所需的值。 但是，正如我之前提到的，您可以为所有变体添加相同的价格。 为了那个原因：

• 做出变化后再次点击下拉菜单
• 选择“设置常规价格”选项
• 点击前往按钮
• 添加所需的价格
• 点击确定按钮

现在所有的变化都将具有相同的价格。 正确配置变量产品后，单击保存更改按钮并发布帖子。 现在，您可以查看产品页面的前端。

如何设置不同价格的 WooCommerce 产品

正如我所提到的，您还可以为每个变体设置不同的价格、图像和库存，您可以这样做：

• 转到变体选项卡
• 展开所有变体
• 添加所需的价格、图像和库存
• 点击保存更改
• 发布或更新产品

就是这样，您的产品变体现在以不同的价格提供。 因此，当购物者选择他们想要的产品变体时，他们将看到该变体的确切价格。

如何设计 WooCommerce 产品变化的样式

WooCommerce 变量产品的默认呈现方式很好，但不是最好的。 您会惊讶地发现，前 100 万个电子商务网站中有 22% 是使用 WooCommerce 制作的。 但这并不意味着默认的 WooCommerce 足以让他们制作一个美观且注重转换的网站。

他们需要聘请开发人员或购买高级主题和插件，以使他们的 WooCommerce 具有视觉吸引力和以转换为重点。

那么，您为什么不尝试通过使用 WooCommerce 的配套插件来使您的网站更具吸引力呢？

您可能正在考虑应该选择哪个插件。 嗯，WordPress 中有许多插件可以扩展 WooCommerce 的现有功能。 但是，建议选择一个多合一的插件，而不是多个插件和针对不同功能的插件。 因为根本不建议在 WordPress 网站上使用多个插件。

它可能会使您的网站变得比以前慢，从而破坏您的网站。

ProductX Gutenberg WooCommerce 插件是 WooCommerce 的最佳伴侣之一。 它带有产品块、入门包（预制模板）、基本功能和插件。

Variation Swatches 是 ProductX 的最佳插件之一。 通过它您可以使产品变化在视觉上吸引人。

以下是使用变体样本插件对产品变体进行样式设置的可用方法。

将下拉菜单转换为色板：首先，您将默认的 WooCommerce 变体样式转换为漂亮的色板。 如您所知，WooCommerce 的默认产品变体带有下拉选择选项。 选项可能是颜色和尺寸的名称。 但是使用插件，您可以将它们转换为所需的颜色和标签，而不是颜色和尺寸的名称。

创建色板：一旦开始使用 ProductX 的色板插件，您可以在创建和配置全局属性时获得更多选项。 它允许您选择所需的颜色作为颜色属性的值。 这样，颜色将代替颜色名称显示。

创建标签色板：您还可以在创建和配置尺寸属性时显示标签而不是尺寸名称。 例如，当您将 size 属性添加为 Medium 时，您还将获得一个选项来添加标签为 M 或任何您想要的。

创建图像样本：您会惊讶地发现，您还可以将产品图像显示为产品的变体。 为此，您只需要将图像设置为颜色属性类型的类型。 然后您将能够为所需的图像分配颜色名称。

了解更多：WooCommerce 变化样本

结论

这就是关于WooCommerce 产品变体以及如何设计它们的全部内容。 现在可以开始创建可变产品并使用变体样本对其进行样式设置。 如果您遇到任何困难，请随时在下面发表评论。