如何向 WooCommerce 产品添加产品附加组件和额外选项

标准的 WooCommerce 产品非常基础。 使用 WooCommerce 本身内置的产品选项和变体，您根本无法销售某些东西。

例如，您可能想让您的客户添加个人雕刻、选择优质面料或选择礼品包装选项。 也许您想添加一个测量价格计算器以按尺寸或体积销售产品。

在本文中，我们将提供有关如何执行以下操作的分步指南：

• 通过 Barn2 安装和设置 WooCommerce 产品选项插件
• 为您的产品添加自定义附加组件
• 在单品页面和店铺页面显示额外的附加选项

让我们开始吧！

什么是 WooCommerce 产品附加组件？

WooCommerce 产品附加组件是基本上允许您为客户提供标准产品之外的额外选项和自定义的功能。 这意味着您可以销售具有独特功能、选项或要求的产品，并为您的客户提供更加个性化的购物体验。

此外，您可以提供尺寸、颜色或您希望客户能够自定义的任何其他元素的选项。

与产品变体不同，您可以从多种样式中为您的产品附加组件进行选择。 例如，您可以将它们显示为复选框、单选按钮、色样、可点击图像等。

WooCommerce 产品附加组件的真实示例

许多电子商务品牌在其产品中使用产品附加组件。 以下是热门品牌提供的产品附加组件的一些示例。

特斯拉车辆定制

特斯拉为客户提供定制汽车的选项，包括车身油漆颜色、车轮样式和内饰等功能。 这些功能使客户能够根据自己的喜好个性化他们的车辆，并使其独特地反映出他们的个性和风格。

苹果的雕刻选项

Apple 为客户提供了在 iPad、Apple Pencil、AirTag 和 AirPods 等产品上雕刻表情符号或自定义文本的选项。 这种个性化功能使产品对客户来说更加特别。

达美乐披萨制造商

达美乐允许顾客为他们的订单选择尺寸、外皮、浇头、酱汁或蘸料，从而制作他们定制的比萨饼。

现在我们知道了产品附加组件的使用方式，现在让我们看看不同的产品附加组件字段。

产品附加组件有哪些类型？

根据您的业务性质和客户的需求，可以使用多种类型的产品附加组件。 一些常见的类型是：

1.自定义输入字段（文本和数字字段）

自定义字段插件允许您将文本字段添加到您的产品页面，使客户能够输入自定义文本，例如姓名、首字母缩写或消息。 这种类型的插件对于允许雕刻、个性化礼品或定制 T 恤的产品很有用。

2.复选框、选择和单选按钮

这些附加组件为客户提供了一系列可供选择的选项，例如尺寸、颜色或口味。 复选框插件允许客户选择多个选项，而 WooCommerce 单选按钮和选择按钮插件将客户限制为一个选项。

4.图像按钮和色板

图像按钮插件允许客户通过单击插件的图像来选择选项，而颜色样本插件允许客户通过从一系列颜色中进行选择来选择选项。 这两个附加组件都可以帮助客户更好地想象最终产品的外观。

3.文件上传

文件上传插件允许客户上传文件作为其产品定制的一部分。 这对于需要自定义图形、徽标或其他设计元素的产品很有用。

5.日期和时间选择器

日期和时间选择器插件允许客户直接在产品页面上选择他们喜欢的日期和时间，从而简化了客户的预订流程。 此功能对于提供定制预订服务（例如送餐或预约安排）的企业特别有用。

6.价格公式

价格公式插件允许您根据客户的选择或输入为您的产品设置 WooCommerce 测量价格计算器。 这对于涉及复杂定价结构或自定义价格的产品特别有用。

这些是一些常见类型的产品附加组件，企业可以使用它们来增强客户的购物体验并增加收入。 在下一节中，我们将讨论为您的商店使用这些附加组件的好处。

使用 WooCommerce 产品附加组件的主要优势

尽管 WooCommerce 允许您创建可变产品，但它们并不灵活并且只提供有限数量的选项。 这是 WooCommerce 产品附加组件可以提供解决方案的地方。

在本节中，我们将探讨使用 WooCommerce 产品附加组件的好处，以及它们如何帮助您为客户提供高级产品定制选项。

1.易于添加和管理

与产品变体相比，WooCommerce 产品附加组件为店主提供了更简单、更易于管理的解决方案。 它允许他们通过使用各种插件类型轻松创建不同的产品组合。 过程很简单——选择类型、添加选项并发布。 就是这么简单！

此外，与产品变体不同，产品附加组件不需要您设置新的库存单位 (SKU)，因为所有组合都在同一 SKU 下处理。

2.个性化

个性化是现代电子商务商店的一个重要方面，产品附加组件使店主能够向其客户提供个性化产品。 使用产品附加组件，企业可以提供范围广泛的自定义选项，例如添加文本、选择颜色和上传图像。 这些定制选项可以定制以满足个别客户的特定需求和偏好。

附加产品可创造独特的购物体验，从而提高客户满意度、忠诚度和重复购买率。 个性化产品还可以制作精美的礼物，并可以为您的企业带来口碑营销。

3.向上销售和交叉销售

产品附加组件也可以用作有效的追加销售和交叉销售工具。 通过在购买过程中为客户提供更多选择，企业可以增加每次销售的价值并产生额外收入。 这种策略不仅有利于企业，还为客户提供了更多选择来增强他们的购买力，从而带来更令人满意的购物体验。

如何使用 WooCommerce 产品选项将产品附加组件添加到您的商店

现在我们知道了好处，让我们看看如何使用 Barn2 的 WooCommerce 产品选项将产品附加组件添加到您的商店。 到本节结束时，您将更好地了解如何使用此插件为您的客户创建高级产品自定义选项。

1. 安装 WooCommerce Product Add-ons 插件

添加产品附加组件的最简单方法是使用 WooCommerce 产品选项。 这是因为：

• 它非常容易使用。 它有一个可视化界面，可以很容易地将任何类型的附加组件添加到产品页面。
• 很多附加类型。 它带有我们上面讨论的所有附加类型，以及一些高级字段，例如价格公式。
• 高级功能。 对于每个附加组件，您可以使用条件逻辑和高级规则等高级功能，使它们按照您想要的方式工作。

要安装 WooCommerce 产品选项插件，请从您的帐户部分下载插件 zip 文件，然后导航到 WordPress 网站上的插件 > 添加新页面。 单击“上传插件”按钮并从您的计算机中选择文件。 安装后，激活插件并按照引导向导完成设置过程。

在向导的第一步中，您需要验证您的许可证密钥。 从您的 Barn2 帐户复制密钥，将其粘贴到相应的框中，然后单击“激活”按钮。 验证密钥后，单击“下一步”。

在下一页上，您可以选择 Barn2 提供的您可能感兴趣的任何其他 WooCommerce 插件，或单击“完成设置”以完成入职流程。

现在您已经成功设置了插件，是时候创建您的第一个产品附加组件组了。

2.创建产品附加组件组

完成入职向导后，您就可以开始创建 WooCommerce 额外产品选项。 为此，请单击“创建产品选项”按钮或导航至“产品”>“产品选项” 。

在这里，您可以根据需要创建尽可能多的产品附加组件。

要开始添加附加组件，只需单击“添加组”按钮并为其命名。 此名称将是我们将在其下添加不同附加组件类型的组的名称。 您可以给它起任何名字，因为它只会在 WordPress 管理员中可见，而您的客户看不到。

可见性设置

接下来，您可以为您的产品附加组件选择可见性设置。 您可以选择使它们在全球可见或指定它们将显示在哪些类别中。 这使您可以根据特定产品或类别定制产品选项。

当您单击特定类别和产品单选按钮时，它会打开其他选项以根据包含和排除来控制可见性。 您可以输入产品或类别名称以将它们添加到列表中。

这使您可以更好地控制产品选项的显示位置和时间，确保它们只显示给相关客户。

添加产品选项

展望未来，下一步涉及将实际的产品附加组件添加到您的 WooCommerce 商店。 为此，只需单击添加选项按钮并输入您的附加组件的名称。

然后，您可以选择要添加到产品页面的加载项类型。 根据您的加载项类型，其下方显示的字段会有所不同。

Barn2 的 WooCommerce 产品选项插件提供超过 15 种字段类型，让您在创建产品附加组件时具有完全的灵活性。

选择加载项类型后，您可以添加将在产品页面上向客户展示的选项。 对于每个选择，您可以设置价格类型和将显示给客户的价格。 此外，您还可以设置是否预先选择该选项，除非客户手动将其删除。

要向您的客户提供额外的说明或信息，您还可以添加将显示在选项上方的描述性文本。 例如，您可能会包含诸如“最多选择 3 个额外洒水器”之类的说明。

接下来，您可以勾选此框以确保客户在将产品添加到购物车之前至少做出一项选择。

高级设置

Barn2 的 WooCommerce 产品选项提供了高级设置，让您可以精确控制哪些选项可供您的客户使用。 这些设置包括数量限制和条件逻辑。

要访问这些高级设置，只需切换按钮即可。

对于数量限制选项，您可以设置客户在将产品添加到购物车之前必须选择的最小值和最大值。 这些值不会显示在前端，因此如果您希望添加此信息作为对客户的指导，您可以使用上面提供的描述字段。

接下来是条件逻辑，允许您根据客户已经选择的选项动态显示或隐藏产品选项。 在我们的照片蛋糕示例中，如果您添加了口味选项，那么您可能会创建一个“洒”选项，该选项仅在选择“巧克力松露”口味时才会出现。

要使用条件逻辑，您首先需要保存您的更改，然后添加规则以根据特定条件确定何时显示或隐藏选项。 您可以参考 Barn2 网站上的条件逻辑文档以了解更多相关信息。

添加所有附加组件后，点击底部的保存更改按钮，使选项在网站上生效。

如何在您的 WooCommerce 商店中展示产品附加组件？

创建产品附加组件后，您可以通过多种方式在 WooCommerce 商店中展示它们。 现在让我们看看显示选项。

1.单品页面展示

默认情况下，WooCommerce 产品选项插件将在单个产品页面上显示附加字段。 您无需调整任何设置，它适用于所有 WooCommerce 主题。

如果您只有少数带有额外附加组件的产品，则此显示选项很好。

但是，如果您是销售大量可定制产品的在线零售商，则可能值得探索替代展示选项，以便为客户提供更方便的购物体验。

一种方法是以表格形式显示您的产品。 这种独特的方法可以让您的商店比竞争对手更具优势，因为客户可以从一个页面轻松地将产品添加到他们的购物车。 在下一节中，让我们更详细地了解如何实现这一目标。

2.在商店页面显示产品附加组件

当然，理想情况下，客户希望能够选择产品附加组件，而不必访问每个产品的单独页面。 这不适用于默认的商店页面布局，您可以通过在表格中列出您的产品来实现它——完成一个包含您的产品附加选项的“购买”列。

要在产品表中显示产品附加组件，您需要一个额外的插件。 我们推荐 WooCommerce 产品表插件，它正式支持 WooCommerce 产品选项。

该插件用可搜索的单页表格布局替换了您现有的商店布局。 表格布局还有一个“购买”列，其中包含客户无需离开页面即可将产品添加到购物车所需的一切——这也包括产品附加组件！

这里的主要好处是客户不必点击单个产品页面来选择合适的产品附加组件。

产品表布局是一个很好的显示选项。 但是，如果您的产品有很多个性化选项，它们会在产品表视图中占用大量空间。 另一种解决方案是使用快速查看插件。

2. 在快速查看灯箱中显示产品附加组件

WooCommerce 产品选项还与 WooCommerce Quick View Pro 插件无缝集成，允许您显示产品详细信息以及额外的附加字段。 它的工作原理是在您的商店页面中添加一个“快速查看”按钮，该按钮在灯箱中打开。

快速查看灯箱将使客户不必访问各个产品页面来查找有关产品的更多信息。 相反，他们可以单击“快速查看”按钮打开灯箱、查看产品详细信息、选择附加组件并添加到购物车——所有这些都来自方便的灯箱。

就是这样！ 这就是以三种不同方式显示产品附加组件的简单之处。

在 WooCommerce 中添加额外的产品附加组件

WooCommerce 的产品变体可能并不总是提供创建真正可定制产品所需的灵活性。

这就是 WooCommerce 产品选项等产品附加插件的用武之地。它使您可以轻松地为您的 WooCommerce 商店创建和管理产品插件，使您能够为客户提供广泛的额外选项和功能。

如果您想查看一些替代解决方案，请查看我们接下来收集的最佳 WooCommerce 产品附加插件。