如何将可定制的产品构建器添加到 WooCommerce
如果您希望将产品构建器添加到您的 WooCommerce 商店，那么标准的 WooCommerce 商店根本无法完成。 但是，如果您想让客户自定义产品而无需添加大量变体，则可以使用插件 WooCommerce 产品配置器来完成。
在本文结束时，您将确切知道如何将产品构建器添加到您的 WooCommerce 商店. 因此，客户可以直观地创建适合他们的定制产品。
但在我们深入了解实现这一目标的具体细节之前，让我们回顾一下为什么拥有产品构建器是您商店的必备功能的原因。
为什么您可能想在 WooCommerce 中使用产品构建器
想象一下：客户登陆您的产品页面，并对他们面前的鞋子感到兴奋。 他们喜欢设计、材料和价格。 伟大的！ 除了，鞋子的鞋带不是他们喜欢的颜色。
他们正在为购买而苦苦挣扎，因为他们知道这种颜色并不特别适合他们或他们的个人喜好，但他们看不到其他可用的颜色（尽管你有更多！）。 如果您的 WooCommerce 商店没有合适的产品制造商，您可能会失去这个潜在客户。
您可能还喜欢：使用 WooCommerce 销售“自建”产品：蔬菜盒、礼品篮等！
如果您属于这些类别，您将受益于产品构建器插件。
您销售可定制的服装或配饰
让我们以手表作为可定制产品的示例。 今天的手表是高度可配置的。 从脸的颜色到肩带的颜色和材质。 使用产品构建器插件，您的客户将能够无缝选择他们喜欢的样式。
您销售可定制的家具
如果您从事家具行业，您可能希望为您的客户提供不同的面料颜色或腿组合。 如果是这种情况，您可能需要最终选定产品的可见表示，而不是让它们从下拉选择中来回单击。
你卖运动器材
到您的商店购买球拍的网球运动员希望能够根据他们的水平定制他们的握把和头部尺寸，以及球拍的重量。 您不希望他们离开产品页面在单独的屏幕上搜索这些属性。
如果您的产品是可定制的或可配置的，那么您将需要一个 WooCommerce 产品构建器插件来帮助您将您的商店提升到一个新的水平。
如何将自定义产品构建器添加到 WooCommerce
如果您想在商店中定制产品，您需要做几件事。 在我们检查清单并引导您完成这些步骤之前，您需要安装插件 WooCommerce 产品配置器。
介绍 WooCommerce 产品配置器
让我们看看为什么我们推荐 WooCommerce 产品配置器作为您的主要产品构建器，以满足您的 WooCommerce 商店和定制需求。
以下是您需要 WooCommerce 产品配置器插件的 3 个原因
它是用户友好的
客户希望在商店中获得轻松、无缝、用户友好的体验。 使用此插件，每当他们选择产品选项时，图像都会自动更改，为他们提供他们将要购买的产品的视觉表示。
当他们想要的产品在购物车中时，他们将能够通过他们选择的选项看到他们的最终选择。 这将减少购物车放弃，因为他们会知道这是他们选择的产品。
它可以节省您的时间
无需为您的每件产品上传无数图像组合。 通过添加分层图像，您将节省无数时间。
如果您以后想添加额外的选项（颜色、材质、尺寸），您需要做的就是为您的产品添加一个新的 PNG 图层。
它具有库存级管理
您可以更轻松地管理库存，因为您可以在产品编辑页面上查看每个产品的库存水平。 您的客户不会因为看到缺货标志而感到沮丧，因为您可以按产品快速查看库存水平并采取行动。
笔记： WooCommerce 产品配置器插件不允许您向产品添加文本或设计。 它只是允许您的客户使用您提供的不同元素（作为属性）来创建成品。
考虑到这些好处，让我们继续使用 WooCommerce 产品配置器插件自定义您的产品。
使用 WooCommerce 产品配置器创建产品构建器
这个过程实际上只有 4 个步骤，可以轻松配置您的产品。
第 1 步：安装 WooCommerce 产品配置器插件
为此，您必须在此处从 Iconic 商店购买插件。 完成后，这就是您接下来要做的事情。
- 转到您的 WordPress 仪表板并找到 插件 → 添新.
- 在这里你可以上传插件的文件，然后点击 启用 接着说。
- 输入此插件的许可证密钥（应在您的电子邮件确认中）。
现在它已安装在您的网站上，让我们继续在 WooCommerce 中创建您的第一个可配置产品。
第 2 步：创建可变产品
我们将以手表为例，让您了解您可以使用自己的产品做什么。 在本例中，我们将向手表附加三个属性以供客户更改。 您可以为自己的产品拥有更多或更少的属性。
我们的三个属性是面、表壳和表带本身。 其中每一个都有几个与之相关的选项，供客户选择。 这意味着虽然面部是属性，但面部的选项可能是提供的不同颜色。
接下来，您需要创建变体。 请记住，如果产品变体不同，您可能需要对它进行多个变体：
- 价钱
- SKU 编号
- 库存量
- 图片
完成设置变体后，保存产品。 现在我们可以继续启用产品配置器。
要启用产品配置器，请执行以下 4 个步骤：
- 在您正在编辑的当前产品中，向下滚动到 产品数据 部分。
- 点击 配置器 选项卡在左侧。
- 然后，您会在页面上注意到“启用配置器‘。 选中该框。
- 现在，点击 保存 你的产品。
现在是时候准备好图像了。
第 3 步：创建可配置的产品图像
如果没有高质量的产品形象，您的努力可能会付诸东流。 让我们确保您有出色的可配置产品图片供客户浏览。
对于这部分工作，请记住，您需要使用专业的编辑程序（我们建议 Adobe Photoshop 要么 亲和照片）。
以下是创建产品图像的步骤：
- 打开编辑程序，创建一个 1000 像素乘 1000 像素 （最小）可以玩的空白正方形区域。
- 现在，您要将图像层放在一起。 您创建的每个属性都是您产品的一个单独的可配置元素。 因此，对于我们的手表示例，我们将为每个表带、表壳和表面变化创建一个图层。
- 当您添加新的产品元素（例如不同的颜色）时，请确保它有自己的透明背景层。 这样，一切都会排队。
- 保存每个图层（作为您创建的初始大小） 透明背景.
- 将所有图层保存为单独的图像后，您需要创建一个背景图层作为它们的基础。 您可以将此背景图层设置为纯色，但请确保您 将其保存为 PNG 图像.
有关所有这些步骤的更多详细信息，您可以阅读这份深入的产品配置器指南。
现在您已经在编辑程序中创建了图像，让我们将它们添加到 WooCommerce 中的可配置产品中。
第 4 步：将图像添加到您的可配置产品
返回您之前在 WooCommerce 中保存的产品。 在“启用配置器”复选框的正下方，您将看到您的属性列表。 您需要将图片与您在本节中创建的值相关联。
- 点击加号（+) 图标位于图像应位于的灰色方块上。
- 将您创建的图像层上传到您的媒体库。
- 点击 设置图像 将其设置为选定的值。
- 为您创建的所有值执行这 3 个步骤。
- 请记住，图层需要正确分层。 您可以重新订购它们以使其落在正确的位置。 例如，我们希望表盘层位于表带层之上，因此图像顺序将反映这一点。
- 要重新排序属性，请单击属性旁边带有 3 行的图标以拖放它们。
- 最后，上传您创建的背景图层。 这是配置器的重要一步，因为它需要知道图像的整体大小。
- 既然你已经完成了， 保存 要么 更新 你的产品。 它将被添加到您的 WooCommerce 商店。
立即创建您的产品构建器
而已！ 您现在已准备好允许客户在您的 WooCommerce 商店中创建自己的产品。
使用 WooCommerce 产品配置器使这项任务更快、更高效，您将看到销售额和客户满意度的提升！
