使用产品表插件创建 WooCommerce 网格或列表视图
您是否需要为您的商店创建 WooCommerce 网格/列表视图？ 继续阅读以了解如何使用最畅销的 WooCommerce 产品表插件让客户在产品的网格或列表视图之间进行选择。 这可以使您的商店更加用户友好并提高您的转化率。
我还将提供有关如何创建您自己的 WooCommerce 网格/列表视图切换的完整分步说明。
为什么我需要 WooCommerce 网格/列表视图插件？
当你创造一个新鲜的 WordPress/WooCommerce 安装并添加主题，您的商店将带有一些相当标准的内置布局。 您的产品将在默认网格布局中列出，大约每行3个产品，大产品图片，以及一些基本数据，如名称和价格。 将有一个添加到购物车按钮，但没有数量箭头或变化下拉菜单等额外功能。 由于大图像和每行之间的额外空间，每个产品都会占用相当多的页面。
某些类型的产品非常适合这种默认的网格布局。 但是，其他人以这种方式卖得不好。
当您设置 WooCommerce 时，重要的是要考虑展示您实际销售的产品类型的最佳方式。 不要只使用 WordPress 主题附带的网格。
当在表格 WooCommerce 列表视图中列出时，许多类型的产品卖得更好。 数据以更加结构化的方式列出，每个产品在自己的表格行中，以及每个产品的多列信息。
其他产品在这两种格式下都运行良好，但是让客户选择如何查看产品是很好的。
继续阅读以了解如何以基于表格的列表格式显示产品； 以及如何添加网格/列表视图切换，以便客户可以在两个视图之间切换。
您可能还喜欢：如何使用额外的数据列创建 WooCommerce 产品列表视图。
产品网格或列表视图的好处
当您阅读本文时，我希望您已经开始考虑 WooCommerce 网格或列表视图可以提高您的销售额的方式。 以下是一些主要原因：
每页更多产品
WooCommerce 列表视图插件列出产品的方式显着减少每个产品占用的空间。 这意味着客户一次可以看到更多产品。 他们不必滚动太多或单击多个页面。 这有助于他们更快地找到和购买产品，从而提高您的转化率。
更多产品数据直接在列表视图中
当您发现列表视图插件每个产品使用的空间较少时，您可能会认为它包含的每个产品的信息较少。 令人惊讶的是，事实恰恰相反！
通过在节省空间的表格中列出产品，每个产品都会占用少量空间。 但是额外的列让您可以在表格视图中显示额外的产品数据。
您可以在下面的屏幕截图中看到它是如何工作的。 如您所见，默认商店布局仅在同一空间中显示 3 个产品，而 WooCommerce 列表视图显示 6 个！ 然而，表格布局包含用于额外数据、数量和变化选项的列，这些列在基本布局中不可用。 这对您和您的客户来说都是双赢的！
订单功能
当您使用 WooCommerce 产品表创建列表视图时，您可以只列出带有指向单个产品页面的链接的产品。 如果您愿意，您甚至可以禁用链接并使用它来创建只读产品目录。
但是对于许多商店来说，增加销售额的最佳方式是使用产品列表视图将其用作一页 WooCommerce 订单。 订单表格布局将客户需要购买的所有信息放在一个页面上。 有额外的信息栏可让客户做出购买决定。 一旦他们选择了，他们可以快速选择他们需要的产品，选择变体选项和数量，然后将它们添加到购物车中。
通过添加这些额外的购买元素，您可以将基本的产品列表视图转换为功能齐全的 WooCommerce 订单表。 整个订购过程都保存在一个页面上，这大大加快了购买过程。 研究表明，购买过程越快，您获得的销售额就越多！
相关：产品表视图可以提高 WooCommerce 转化率的 10 种方法。
哪些类型的产品在列表或网格布局中卖得更好？
就像我说的，有些产品在列表视图中卖得最好，而另一些产品也从网格视图中受益。 您需要考虑商店中的产品类型。 确定哪种布局最能促进您的销售 – 或者是否最好让客户在网格/列表视图之间切换。
以下是一些在 WooCommerce 表格视图中列出时效果很好的产品示例：
- 汽车零部件等非视觉产品 – 许多 WooCommerce 商店销售数据比产品外观更重要的产品。 如果您销售的是外观不重要的汽车零件之类的产品，那么最好在紧凑的列表视图中列出产品。 当然，您可能有每个产品的小缩略图（尽管这不是必需的）。 但是您不应该使用标准网格布局附带的巨大图像。
- 特定行业的产品，例如餐厅食品 – 根据客户的期望，某些类型的产品在以特定方式展示时最畅销。 例如，当食物以模仿印刷餐厅菜单布局的方式呈现时，餐厅在线订购系统最有效。 实现这一目标的最佳方式是通过一个网页，其中包含针对开胃菜、主菜和甜点的单独产品表，并带有快速复选框供客户选择食物和在线订购。
- 所有批发产品 – 如果您正在建立 WooCommerce 批发商店，那么产品列表视图几乎总是比标准布局更好。 这是因为根据定义，批发用户是常客，并且已经熟悉您的产品。 他们不需要大图片网格来帮助他们做出购买决定。 相反，他们需要真实的信息和快速的购买流程。 列出您的产品的 WooCommerce 批发订单正是贸易用户所需要的。
哪些产品不适合 WooCommerce 网格/列表视图插件？
我会说衣服和家具是不适合 WooCommerce 网格/列表插件的产品示例。 对于衣服或家具之类的东西，客户需要查看每种产品的大图。 毕竟，他们是根据产品的外观购买的！
您的产品是否类似于上面列出的示例，其中空间和事实信息是优先考虑的。 还是它们更像衣服或家具，大图像才是最重要的？
也许您有一些产品想要在表格网格布局中列出，而其他产品则更喜欢内置商店布局。 也许您想让客户在您的产品的网格/列表视图之间进行选择。 这绝对没问题，因为您可以在商店的不同部分或同一页面上同时使用两者，并可选择在网格/列表之间切换。
继续阅读以了解如何设置任一选项。
如何创建 WooCommerce 列表视图
到目前为止，您应该已经决定您的产品是否会在基于表格的列表视图中畅销 – 作为展示产品的唯一方式，或者通过切换在网格/列表布局之间进行切换。 接下来，我将告诉您如何使用 WooCommerce 产品表插件为您的部分或全部产品创建列表视图。 之后，您将学习如何让客户在两种布局之间进行选择。
- 首先，获取 WooCommerce 产品表并将其安装在您的 WordPress 网站上。
- 接下来，前往 WooCommerce > 设置 > 产品 > 产品表. 添加您的许可证密钥（您可以在确认电子邮件中找到它）。 然后查看所有设置并为您的产品表选择默认选项。 使用知识库链接获取有关如何选择要包含在产品网格视图中的数据列、在表格上方添加过滤器等的指导。
- 接下来，创建一个要在 WooCommerce 列表视图中显示产品的新页面。
- 向您的页面添加简码：
[product_table] - 如果您想在一个页面上列出所有产品，请跳到第 6 步。要仅在表格中列出特定产品，请使用这些说明根据其类别、标签或其他数据选择产品。
- 最后，发布并查看页面。
您将在 WooCommerce 产品列表视图中看到您的产品精美地显示，其中包含您在插件设置页面上选择的选项。 通读产品表选项的完整列表并对其进行调整，直到您完全满意为止。
我可以将产品导入列表视图吗？
如您所见，在网格/列表视图中列出您现有的 WooCommerce 产品非常容易。 巧妙的是，WooCommerce 产品表采用 WordPress 数据库中已有的产品，并立即在表格布局中列出它们。 无需额外的数据输入。
这意味着如果您还没有添加您的产品，您可以使用内置的 WordPress/WooCommerce 导入器或任何 CSV 导入插件来导入它们。 这是将产品批量导入您的站点的便捷方式。
如何将产品列表视图添加到主商店和类别页面
在上面的说明中，我告诉你如何在任何页面的表格视图中列出产品。 这是一种在表格中列出一些产品的便捷方式，同时仍将内置的 WooCommerce 网格用于其他产品。
如果您愿意，可以将产品表布局直接添加到主题中的模板文件中。 这将取代整个商店的标准布局。 例如，它会更改 WooCommerce 商店主页面、产品类别档案等的布局。好处是每当有人访问您商店中的任何页面时，都会使用 WooCommerce 列表视图。 您不必向您的网站添加任何短代码或指定要在每个页面上列出的产品。
这样做的方法技术性稍强，因为您实际上必须修改主题中的模板文件。 插件知识库中有关于如何执行此操作的说明。
让客户在网格/列表视图之间切换
到目前为止，我们已经了解了如何用产品列表视图替换标准网格布局。
如果您更愿意让客户在产品网格/列表视图之间切换，那很好。 只需按照此知识库文章中的说明将这些链接添加到您的商店和类别页面。
将快速视图添加到 WooCommerce 产品的网格/列表
有时，您会发现您想显示有关每种产品的额外信息，但又不想让购物者远离网格/列表视图。 您可能还有太多变体，无法直接在产品网格中列出。 这是一个合理的担忧，因为如果客户留在产品列表中并且不会迷失在单个产品页面上，他们会从您那里购买更多。
解决方案是将 WooCommerce 产品表与 WooCommerce Quick View Pro 一起使用。 这会将用户友好的“快速查看”按钮添加到产品列表或默认产品网格中。 客户可以单击这些以查看额外的产品图片、更多信息，甚至可以选择变体并从快速查看灯箱中添加到购物车。
这是完美的折衷方案，因为您可以显示不适合产品表的信息； 无需将客户带到单独的页面。
获取 WooCommerce 快速查看
从哪里获取插件
像 WooCommerce 产品表这样的 WooCommerce 网格/列表视图插件并不适合所有人。 考虑您商店中的产品类型，以及在此布局中显示它们是否会改善客户体验。
对于视觉效果较差的产品，在带有额外信息的紧凑表格布局中列出项目可以对销售产生巨大影响。 获取插件，按照说明进行设置，并立即改进您的商店布局。
