WooCommerce 的这 12 个产品变体插件使您的网站更易于使用

已发表: 2021-10-05

下拉菜单？

第一次使用 WooCommerce 创建产品变体时，您可能会感到惊讶。

如果您在 T 恤上添加“蓝色”款式，您会在产品页面上看到一个下拉菜单。这很好用，但颜色样本会更直观。

此处列出的适用于 WooCommerce 的最佳产品变体插件都可以解决此问题。

下面列出的插件将为您提供显示产品变体的视觉选项，为您提供更美观且易于理解的方式来分享产品的尺寸、颜色等。

如果您不想使用变体，您可能更喜欢这些产品附加插件。

目录隐藏

WooCommerce 的最佳产品变体插件
1. 1. WooCommerce 更好的变化
2. 2. WooCommerce 变体样本
3. 3. WooCommerce 附加变体图像
4. 4. WooCommerce 在商店页面上显示变化
5. 5. YITH WooCommerce 颜色和标签变化
6. 6. WooCommerce 变体大师
7. 7. WooCommerce 批量变化
8. 8. WooCommerce 的产品变化表
9. 9. WooCommerce 产品表
10. 10.WooCombinator
11. 11. WooCommerce 的变体样本
12. 12. WooCommerce 附加变体图像
哪个产品变体插件最好？

WooCommerce 的最佳产品变体插件

此处仅包含评价很高的插件。

除了显而易见的畅销书之外，您还会发现一些独特的附加功能，例如产品变化表和其他可变图像。

这些插件将帮助您销售同一产品的更多变体，并使您的购物者更容易选择变体。

由于这些是可以帮助您增加销售额的电子商务插件，因此它们主要是高级插件，但最后包含一个免费选项。

1. WooCommerce 更好的变化
立即查看插件
插件说明
Better Variations 为您的可变产品提供了一些简单而独特的选项。它有两种“显示模式”，可用于自定义您向客户呈现可变选择的方式。
“标准”显示模式允许您确保禁用缺货变体并显示为灰色。这意味着它们对用户仍然可见，但不能被选中。此功能适用于单个和多个产品属性。您还可以为缺货的变体添加一些额外的文本。例如，您可以添加一条简单的消息，例如“缺货！” 或者您甚至可以添加变体重新入库的日期。

进一步的定制选项包括将不同颜色应用于库存变化和缺货变化的能力。您甚至可以选择对变体进行排序，以便库存商品出现在缺货商品上方。这些都是可以通过 Better Variations 插件轻松实现的简单想法。
第二种显示模式是“网格”。这允许您在单个表格或网格视图中显示产品的所有变体，以便客户可以输入多个产品的数量，而无需单独选择每个变体的繁重任务。您还可以显示每个变体的库存和价格信息。
网格模式非常适合客户需要快速将多种变体添加到购物车的 B2B 和批发网站。它使订购可变产品变得更加简单。
总体而言，Better Variations 对于任何广泛使用产品变体的 WooCommerce 商店来说都是一个很棒的插件。

了解更多→
2. WooCommerce 变体样本
立即查看插件
插件说明
另一个需要考虑的顶级插件是 WooCommerce Variation Swatches。这个插件最好的部分是它可以自动将您现有的下拉列表转换为色板。只需几分钟即可将您的所有产品切换到更优雅的样本选择器设计。
这个 WooCommerce 插件还包括创建双色调色板的功能。圆形样本将被分成两半，因此购物者可以轻松看到他们将获得的调色板。如果您希望向客户展示所选颜色的产品外观预览，您可以将色板替换为从您的特色图片自动生成的小型产品缩略图。
总的来说，对于任何使用颜色变化的商店来说，它都是一个很棒的插件。
了解更多→
3. WooCommerce 附加变体图像

立即查看插件
插件说明
变体的一个主要限制是购物者继续看到相同的产品图像和视频，无论他们选择哪种变体。这一切都随着 WooCommerce Additional Variation Images 插件而改变。
使用此插件，您可以为每个产品变体添加新的图像和视频。这将使客户在购买前更好地了解产品，并提升购物体验的质量。
WooCommerce 附加变体图像还为您提供各种自定义选项。您可以启用滑块的自动播放、显示/隐藏箭头等元素以及更改缩略图的位置。当然，无论您如何配置它，它都是完全响应式和移动友好的。
单击下面的链接以查看更多屏幕截图和详细信息。
了解更多→
4. WooCommerce 在商店页面上显示变化

立即查看插件
插件说明
通常，WooCommerce 会在商店页面上列出您的所有产品，购物者需要选择产品才能查看其变体。对于某些商店，在商店页面上包含所有产品变体更为实用，而这正是 WooCommerce Show Variations on Shop Page 可以为您的商店做的事情。
启用此插件后，您的产品及其所有变体将出现在您的主商店页面上。由于变体的通用产品标题是蹩脚的，您可以重写每个变体的标题以使其更具吸引力。您还会发现，在商店页面上按属性过滤时，始终会显示正确的变体。
如果您想让您的变体在您的商店中更加突出，这个插件将非常有帮助。
了解更多→
5. YITH WooCommerce 颜色和标签变化

立即查看插件
插件说明
YITH 的这个产品变体插件很可能是您正在寻找的插件。它使您可以向产品页面添加漂亮的色板和其他选择选项，而不是 WooCommerce 使用的无聊的下拉菜单。
使用此变体插件，您可以为添加的每个变量选择正确类型的图标以显示在产品页面上。例如，您可以为访问者添加颜色选择器以选择颜色，为完全不同的样式添加图像，或为选择大小添加纯文本。仅此选项就使该插件物有所值，但还包含更多功能。
您还可以为每个变体添加完全不同的图像库。例如，如果您有一件连帽衫要出售并且有人选择了绿色版本，那么您的所有图库图片都会更新以匹配绿色版本。您还可以添加与样式缩略图的较大图像一起出现的小工具提示。

除了所有这些功能之外，您还可以在每个变体下方添加简短描述，在产品描述下方的“附加信息”部分中列出所有变体选项，并在商店页面上显示您的变体，例如单个产品。
总体而言，这是一个出色的插件，可以控制您的变化并为您的客户创造更好的用户体验。
了解更多→
6. WooCommerce 变体大师
立即查看插件
插件说明
这个插件被称为“Variation Master”是有原因的。它不仅仅是在您的产品页面上添加色板和自定义标签。
如您所料，此插件可让您在产品页面上显示颜色样本，并为项目尺寸显示单个字母（“L”表示大）。除了此功能外，它还包括许多其他有用的功能。
使用 WooCommerce Variation Master，您可以为每个变体添加新的图片库。如果您有四张白色衬衫的图片，而客户切换到粉色版本，则所有四张图库图片都会更新。还有一个选项可以将图库图片变成滑块，这样您就可以添加更多产品图片。为了获得更流畅的购物体验，您可以直接在商店页面和单个产品页面上启用所有这些选项。

WooCommerce Variation Master 插件中最酷的功能可能是购物车页面弹出窗口。每个购物车项目都添加了一个新的“更新”按钮，如果客户点击它，它会在购物车页面中显示一个弹出窗口。在弹出窗口内，可以更改变体选项。例如，可以将黑色衬衫换成蓝色。数量也可以调整。
该插件添加的所有设计都是完全响应的，因此这些选项将可以在桌面和移动设备上完全访问。如果您想要大量方法来自定义如何为您的产品选择变体，WooCommerce Variation Master 插件将是一个不错的选择。
了解更多→
7. WooCommerce 批量变化
立即查看插件
插件说明
根据您销售的产品类型，您可能会发现客户想要购买同一产品的多个变体。默认的变体下拉菜单使这非常耗时，因为您必须一次将每个变体添加到购物车中。

WooCommerce Bulk Variations 插件通过以矩阵或网格格式显示特定产品的所有变体来解决此问题。客户可以输入他们需要的每个变体的数量，然后单击一次“添加到购物车”按钮，而不是多次重复该过程。
有很多用于配置批量变化网格的选项。您可以选择将其用于哪些产品以及是否为每个变体显示图像。有一些选项可以选择在变体网格中将哪些属性显示为行或列，并且您可以显示额外信息，例如库存信息。
了解更多→
8. WooCommerce 的产品变化表
立即查看插件
插件说明
如果您正在销售服装，您可能会接受色板和友好的视觉选项来选择单件商品。但对于技术产品来说，这可能还不够。例如，购买计算机零件或相机设备的购物者可能希望同时查看许多规格。这就是变体表插件的用武之地。

使用 WooCommerce 插件的产品变体表，您可以显示所有不同变体的完整表。更好的是，访问者可以直接将表中的产品添加到他们的购物车中。这意味着您不仅可以直观地展示所有变体，还可以将其用作销售工具，让访问者一次购买多个变体。
该表包括实时搜索，当访问者在搜索栏中键入时会立即更新行。众所周知，表格很难适应移动设备，但这个插件可以很好地处理响应式设计。
了解更多→
9. WooCommerce 产品表
立即查看插件
插件说明
通常，WooCommerce 只允许客户在单个产品页面上选择变体。这并不理想，因为如果客户想要购买几种不同的可变产品，他们必须访问多个页面。
WooCommerce 产品表是完美的解决方案，因为它允许客户在单个产品页面之外添加变体。它通过在快速订单表单布局中列出产品来实现这一点，并配有数量选择器和变体选择器。
您可以在商店页面、类别页面或通过向任何页面或帖子添加短代码手动列出产品和变体。如果每张桌子上都有很多产品，您可以使用 AJAX 驱动的搜索框帮助客户更轻松地找到它们。还可以添加过滤下拉列表，以便客户可以快速过滤表格以查找具有特定属性的可变产品。
有两种方法可以在产品表中显示变体。您可以在每个产品的添加到购物车列中将它们显示为下拉列表，也可以在表格的单独行中列出每个变体。无论哪种方式，它都是从单个产品页面之外选择变体的绝佳方式。
了解更多→
10.WooCombinator
立即查看插件
插件说明
WooCombinator 是将您的变体下拉菜单转换为更具吸引力的设计的另一个绝佳选择。
该插件会将您的所有变体列为产品描述上方的按钮。例如，您可以在页面上列出一个带有“玻璃”和“塑料”作为变体的瓶子，您的访问者可以快速单击一个来选择它。所选变体会在页面上突出显示，以明确他们的选择。
当您有多个 WooCommerce 属性和产品变体时，WooCombinator 提供了一种让访问者快速挑选出他们想要的产品版本的绝佳方式。更不用说，选择正确的选项很有趣，您最终可能会根据这些选择收取更多费用，这将提高您的底线。
如果您是开发人员或知道如何编写 CSS，您可能更喜欢这个插件。它允许您为元素和状态添加自定义类，并轻松添加您自己的内联 CSS 规则。还有大量文档可以帮助初学者和高级用户。
WooCombinator 为您的客户提供比默认下拉菜单更流畅的体验。购物者可以一次清楚地看到所有选项，并且他们的选择一目了然。也就是说，YITH 插件提供了显示可用的实际颜色，并且可以包含更清晰、更明显的小产品图像。
了解更多→
11. WooCommerce 的变体样本
立即查看插件
插件说明
如果您正在寻找一个免费且直接的选择，WooCommerce 的 Variation Swatches 非常棒。
这个插件完全按照您的预期工作。它采用您的颜色选项，而不是使用 WooCommerce 通常显示的下拉菜单，而是输出可以轻松单击的颜色样本。这使访问者可以快速查看可用的颜色并选择一种。
也许比简单的色板更实用的是图像选项。例如，如果您有同款手表的不同款式，您可以将色板替换为各种手表款式的小缩略图。图像变化样本比使用纯色更具描述性。
这个 WordPress 插件适用于颜色以外的各种可变产品属性。它也适用于服装尺码、鞋码和戒指尺码。您可以将其调整为几乎任何您想要的产品属性。
虽然更高级的选项仅限于 PRO 版本，但免费版本非常有用，并且非常适合添加颜色和图像样本。
了解更多→
12. WooCommerce 附加变体图像
立即查看插件
插件说明
WooCommerce Additional Variation Image 是一个简单的功能插件，可为您的网站添加更多变体图像。
使用此插件，您可以为网站上的每个变体添加更多产品图片。当潜在客户选择新的变体时，所有图像都会立即更新以匹配。
虽然这个 WooCommerce 插件不像其他插件那样包含视觉样本，但除了此处列出的其他插件之外，您还可以使用它。这意味着您可以使用不同的插件来替换默认的下拉菜单并坚持使用此插件来添加更多图像变体。
作为在 WooCommerce 官方商店出售的插件，您还可以相信 WooCommerce 开发团队对它进行了良好的编码和完整的文档记录。
了解更多→