如何将色板添加到 WooCommerce 产品
在标准的 WooCommerce 设置中，颜色等产品属性显示为平淡无奇的文本。 了解如何借助视觉样本使您的产品属性更具视觉吸引力和信息量。
虽然数以百万计的店主选择 WooCommerce 来销售他们的产品，但一些默认功能并不完全令人敬畏。 其中一项功能是产品页面上的颜色选项。
开箱即用，WooCommerce 为客户提供从基于文本的下拉菜单中选择颜色的机会。 虽然它“有效”，但还有更有吸引力的方式来展示您最重要的产品属性。
通过添加引人注目的色样，您可以提供大大改善的客户体验，并因此可能带来更多的销售额。
考虑到这一点，本文将引导您完成分步教程，解释如何将色板添加到您的 WooCommerce 商店。 我们将使用 Iconic 出色的 WooCommerce Attribute Swatches 插件来完成。
为什么要将色板添加到您的 WooCommerce 商店？
1. 提供高质量的视觉信息，帮助客户做出明智的选择
虽然在 WooCommerce 中显示颜色选项的默认设置本质上没有任何问题，但它并不像用户友好的那样。
例如，在您的一件 T 恤产品下拉菜单上提供“蓝色”颜色并不能为客户提供太多可使用的信息。 例如，他们不知道它是什么蓝色，并且可能在产品到达时最终不满意。
即使你添加了一个额外的词来描述你的 T 恤是蓝色的色调，意见也会有所不同。 并非所有的海军蓝都是一样的。 同样，诸如“电樱桃”之类的色调听起来令人兴奋，但并不表示颜色的实际外观。
通过添加 WooCommerce 颜色或图像变化样本，您可以让您的客户选择查看颜色的原样，帮助他们做出明智的决定。 这必将在您的网站上提供更好的用户体验，从而提高消费者的满意度。
2. 通过引人注目的样本增加您的销售额
色板也增加了销售额，因为它们引人注目并引起人们对您的颜色变化的注意。
使用基于文本的通用下拉菜单，客户甚至可能不会考虑您的产品的替代颜色选项，而是更愿意购买带有图像的变体。
然而，在产品页面的显眼位置有一系列明亮的颜色可供选择，您的产品变体的销量必然会增加。
因此，如果您想提升您的产品属性游戏，您如何将这些视觉上吸引人的选项安装到您的 WooCommerce 商店？
使用 WooCommerce 属性色板插件设置色板
要将色板添加到您的 WooCommerce 商店，您需要插件的帮助。
WooCommerce Attributes Swatches 是一个插件，它为您的商店引入了一系列具有视觉吸引力的色板，包括颜色和图像色板。
它不仅允许您的客户查看您的产品的物理颜色，而且您还可以显示每个变体的实际外观的预览，以便您的客户清楚地了解他们得到了什么。
除了更有吸引力地显示信息外，您还可以包括额外的费用。
例如，如果您出售一件黄金和白银首饰，您可以在客户将鼠标悬停在属性选项上时显示价格差异。 这些额外费用会在购买时自动添加到购物车中。
以下是 WooCommerce 属性色板插件的一些主要功能：
- 将颜色样本、图像样本以及文本和单选按钮添加到您的 WooCommerce 产品页面。
- 为客户提供一种可视化的方式对产品进行分类和过滤。
- 在目录页面上显示色板。
- 快速设置自定义属性定价结构。
使用此 WooCommerce 变体样本插件，您可以通过以更具信息性和吸引力的方式显示信息来显着改善在线购物者的用户体验并提高您的销售额。
如何将色板添加到 WooCommerce 产品
对于本教程，您需要一个添加了一些产品并安装了 WooCommerce 属性色板插件的 WooCommerce 网站。
第 1 步：安装并激活 WooCommerce 属性色板
要开始使用，请从 Iconic 商店购买 WooCommerce 属性色板：iconicwp.com/woocommerce-attribute-swatches
然后按照以下步骤操作：
- 去 插件 → 添新 → 上传插件.
- 选择您下载的 zip 文件，上传，然后单击 启用.
- 激活后，您需要输入许可证密钥。
现在您已经安装了插件，是时候开始添加您的色样了。
第 2 步：将色样添加到您的商店
安装插件后，就该开始在您的 WooCommerce 商店中实施新的和改进的色板了。
请记住，如果您愿意，您还可以添加图像样本、单选和文本按钮。 但是，出于本教程的目的，我们将重点关注色样。
我们还假设您已经为您的产品添加了颜色属性。 如果没有，您可以按照本简单指南中列出的步骤进行操作。
要将视觉样本添加到您的 WooCommerce 商店，请执行以下步骤：
- 前往 产品 → 属性 从仪表板。
- 点击 编辑 在要添加色样的属性上。
- 在这里，您可以选择您的 样本类型. 在这种情况下，您将选择 色板 选项。
- 在选择一个 色板，还有另外两个配置选项，如下：
- 样本形状
选择是否要显示这些色板 圆形的 要么 正方形.
- 启用工具提示？
选择 是的 如果您希望在悬停时显示属性标签。
- 样本形状
- 做出选择后，有一个最终配置选项：
- 在目录中显示色板？
- 选择 是的 如果您希望在每个产品的目录列表中显示可用的样本。 他们还将单击自动选择这些选项的产品页面。
- 点击 更新 完成。
步骤#3：将您选择的颜色添加到相关的产品属性中
由于我们在本教程中选择了色样，因此该过程的最后阶段涉及添加与其属性项关联的视觉颜色。 幸运的是，这也是一个简单的过程。
要将颜色添加到产品属性中，只需按照以下步骤操作：
- 再一次，去 产品 → 属性.
- 在属性表中，单击 配置条款 关联。
- 将您的属性术语名称（例如 Red）输入 姓名 场地。
- 选择您的 色板 使用颜色选择器。
- 点击 添加新颜色，您的新色板将被添加。
而已！ 您现在需要做的就是对每种颜色重复该过程，直到您添加了所有颜色样本。
完成此操作后，请确保将这些完全配置的属性分配给正确的产品，并享受产品和类别页面上的新显示！
将属性样本与 WooCommerce 产品表一起使用
WooCommerce 属性样本的另一个很酷的功能是您可以将它与我们的 WooCommerce 产品表插件结合使用。
因此，您不仅可以从闪电般快速的单页订购中受益，而且您的客户还可以在您的 WooCommerce 产品表中查看色样。
与使用基于文本的默认下拉产品过滤器相反，客户将能够根据颜色样本直观地过滤他们的产品，从而改善客户购物体验。
要在 WooCommerce 产品表中为过滤器小部件设置色板，只需按照以下步骤操作：
- 去 产品 → 属性.
- 将鼠标悬停在您要在过滤器中启用色板的属性上，然后单击 编辑.
- 向下滚动到 在过滤器中显示色板？ 并将其更改为 是的.
- 点击 更新.
这就是您的产品表看起来比以前更令人印象深刻的全部！
添加色板以提高您今天在线商店的表现
WooCommerce 的变体样本（例如颜色或图像）为客户提供更具吸引力和直观的购物体验。
安装和配置后，WooCommerce 属性色板插件允许客户在每个产品页面上直观地查看颜色选项。 如果启用，您还可以根据这些更用户友好的属性提供产品过滤。
不要忘记还有添加图像样本和视觉上吸引人的单选和文本按钮的选项。 与 WooCommerce 产品表等其他插件的全面互操作性也是一个巨大的好处。
因此，如果您准备为您的客户提供信息量更大、视觉上更轻松的购物体验，请务必立即下载 WooCommerce 属性样本！
