WooCommerce 产品表：如何使用和增加销售额（与 WoonderShop）

优化您的 WooCommerce 网站以进行转化和销售不仅仅是调整您的购物车和结帐页面。 您需要让客户更轻松地：

• 一旦他们在您的商店找到他们正在寻找的产品。
• 了解他们需要的有关产品的所有信息（例如评论、评级和规格）。
• 选择产品变体（例如颜色或尺寸）并设置数量。
• 一次将多个产品添加到他们的购物车。

在这篇文章中，我们将向您展示如何使用 Barn2 Media 的 WooCommerce 产品表插件以及 WoonderShop 主题来提高在线商店的转化率并最大化销售额。 我们将引导您完成分步教程，向您展示如何让客户将多个产品添加到购物车、显示其他产品信息以及使客户能够选择数量和产品变体——所有这些都无需单击单个产品页面。

在开始之前，让我们将所有内容置于上下文中。

什么是 WooCommerce 产品表？

WooCommerce Product Table 是 Barn2 Media 的一个基于 AJAX 的 WordPress 插件，通过以直观、用户友好的表格布局显示产品，您可以简化基于 WooCommerce 的在线商店的购买用户流程。 这样，客户就不必去单个产品页面查看其他产品详细信息、选择变体或将多个产品添加到购物车。

它允许您利用复选框和下拉菜单让客户同时选择多个产品并将它们添加到他们的购物车中。 您还可以让他们设置产品数量以及选择他们想要购买的任何产品变体。 如果您销售许多产品，您也可以利用插件的延迟加载选项。

以下是在您的在线商店中使用 WooCommerce 产品表的一些主要好处：

• 提高产品知名度。 您可以在一个页面上展示更多产品。 此外，您可以在单个页面上显示更多产品信息和选项（例如，用于选择产品变体）。
• 增加销量。 您将能够改善客户体验并加快购买过程。 显示更多产品信息（例如产品评论、评级和规格）可以让客户更轻松地做出购买决定。 您越容易让他们从您那里购买，他们就越有可能这样做！
• 提升用户体验。 您将能够以整洁有序的 WooCommerce 表格布局显示产品以及所有重要信息。 此外，内置的搜索、排序和过滤选项将帮助客户快速找到他们正在寻找的内容。 这可以改善您的在线商店的用户体验并促进销售。 WooCommerce 产品表也与 WPML 和 Weglot 兼容，并与各种 WooCommerce 插件无缝集成。
• 与 Proteus Themes 的WoonderShop 主题集成。 WoonderShop 是一个移动优先的 WooCommerce 主题，专为电子商务专业人士打造，并针对最大转化率进行了优化。 它具有简洁的功能，例如样式选项、交叉销售小部件、一秒钟的迷你购物车动画和无干扰的购物体验。

既然您知道 WooCommerce 产品表是什么，让我们快速了解一下它如何帮助您最大限度地提高销售额。

您如何使用 WooCommerce 产品表来增加销售额？

开箱即用，WooCommerce 的主商店页面不提供直观的用户体验。 客户必须点击进入单个产品页面才能了解有关产品的更多信息、设置数量或选择产品变体。

增加在线商店销售额的最简单方法之一是改善购买用户流。 这是 WooCommerce 产品表与 WoonderShop 主题配对的方式，可让您做到这一点：

在表格布局中显示 WooCommerce 产品

WoonderShop 的类别产品布局允许您在网格布局中显示 WooCommerce 产品，并可以选择要在每行中显示多少项目。 除此之外，其一秒钟的迷你购物车动画会通知客户他们已成功将产品添加到购物车中，使他们能够继续浏览产品。

WooCommerce 产品表插件与 WoonderShop 主题无缝集成。 除了开箱即用的内容之外，您还可以在表格布局中显示额外的产品信息和选项。

使用 WooCommerce 产品表，您将能够在表格视图中展示您的 WooCommerce 产品（包括可变产品）以及相关的产品信息和产品属性。 该插件还为您提供了显示图像和设置自定义图像大小的选项。 通过这种方式，您可以将您的主商店页面（或类别页面）转换为单页订单或产品目录。

因此，您将能够在一个页面上显示更多产品，并使客户更容易浏览您的产品。 除此之外，产品表是可搜索、可排序和可过滤的，这意味着客户将能够快速准确地找到他们正在寻找的东西。

分享额外的产品详细信息和选项

尽管 WoonderShop 允许您创建各种自定义类别外观（无需使用 HTML 或自定义 CSS 代码），但在主商店页面上显示有关产品的额外信息时，您仍然受到限制。 因此，客户必须导航到单个产品页面以了解有关减慢购买过程的产品的更多信息。

使用基于 AJAX 的 WooCommerce 产品表插件，您可以在带有下拉列表的整洁的前端表布局中显示更多产品信息。 这是销售以下产品的在线商店的完美解决方案：

• 客户需要更多地了解（例如科技产品），
• 较少的视觉产品（如硬件商品），以及
• 有变化的产品（例如衣服、珠宝、配饰或可定制的礼品篮）。

通过在单个页面上显示有关产品的更多信息，您将能够 (1) 有效地加快在线商店的购买用户流，以及 (2) 使客户更容易做出购买决定。

除此之外，您还可以直接在前端表格布局中显示自定义字段和产品变体。 例如，如果您销售衣服，您希望客户能够轻松快速地选择正确的款式（即选择颜色并选择正确的尺码） ，而无需先导航到单个产品页面。 WooCommerce 产品表可以做到这一点。

最后，WooCommerce 产品表插件还允许您将数量选择器添加到表中。 通过这种方式，客户可以一次性设置产品数量并将多个产品添加到购物车，而不是多次单击“添加到购物车”按钮。 这对批发商店特别有用。 而且，如果您想让事情更上一层楼，您还可以创建自定义分类法，让客户更容易找到产品。

如何使用 WooCommerce 产品表和 WoonderShop 来增加 WooCommerce 销售额

使用 WooCommerce 产品表插件，您可以创建一个功能齐全的前端表，以整洁有序的方式列出 WooCommerce 产品。 假设您在您的网站上安装了 WoonderShop 主题并添加了一些 WooCommerce 产品，您需要执行以下操作：

步骤#1：安装和激活 WooCommerce 产品表

获取 WooCommerce 产品表插件。 您将在电子邮件中收到用于激活插件的许可证密钥以及插件文件。

接下来，从 WordPress 仪表板导航到插件>添加新的。 在您的计算机上找到插件的压缩文件并上传。 在您的网站上安装并激活插件。

前往WooCommerce >设置>产品>产品表并在许可证密钥字段中输入许可证密钥。

单击保存更改按钮继续。

步骤 #2：配置 WooCommerce 产品表插件的设置

在同一屏幕（即WooCommerce > Settings > Products > Product tables ），配置以下插件设置以增强表格设计：

在表格内容部分下：

列选项让您决定在产品表中显示哪些列。 该插件支持 WooCommerce 存储在 WordPress 数据库中的标准数据。

例如，您可以选择显示产品数据，例如产品图片、名称、简短描述、产品价格和添加到购物车按钮。 为此，您需要在“列”选项旁边的文本字段中输入：图像、名称、描述、价格、添加到购物车。

以下是您可以选择在产品表中显示的可用列的完整列表。

在添加到购物车列部分下：

使用添加到购物车按钮选项旁边的下拉菜单选择按钮和复选框。 此外，请确保选中数量选项旁边的复选框。 这样，客户将能够一次将多个产品添加到购物车中。

单击保存更改按钮继续。

第 3 步：将产品表添加到您的网站

前往Pages > Add New创建一个新页面（或对现有页面进行更改），您想在其中添加显示产品表。

将[product_table]简码输入到文本编辑器（如果是经典编辑器）或简码小部件（如果您使用的是古腾堡编辑器）。

对于经典编辑器：

对于古腾堡：

单击发布按钮继续。

而已！ WooCommerce 产品表插件将在您网站的前端自动生成功能产品表。 它可能看起来像这样：

结论

通过 WooCommerce 产品表与 WoonderShop 主题一起使用，您将能够提高在线商店中的产品知名度并提供更好的整体客户体验。

回顾一下，使用 WooCommerce 产品表，您将能够：

• 通过在整齐有序的表格布局中在一页上显示更多产品来提高产品可见性。
• 通过改善您的在线商店提供的客户体验和简化购买流程来增加销售额。
• 通过在可搜索、可排序和可过滤的表格布局中显示产品来增强用户体验。
• 与针对最大转化率优化的移动优先 WoonderShop 主题集成。

您是否同意简化购买用户流程可以帮助您提高转化率并提高在线商店的销售额？ 在下面的评论部分让我们知道！