WooCommerce产品列表视图插件:终极指南–麦客网络外贸建站

 

如果你需要一个 WooCommerce产品列表插件 ,没有进一步。 这是以结构化格式列出WooCommerce产品的完整指南。 您将学习如何使用可选功能(如搜索和过滤器)在交互式WooCommerce列表视图中显示产品。

我将向您展示如何创建简单的产品列表,以及更多高级列表,并附加额外的产品数据和添加到购物车按钮。 最终目标是以新的方式列出WooCommerce产品 吸引客户,增加销售额 。

在可搜索的可排序表中列出产品,并使用畅销书的过滤器 WooCommerce产品表插件

我需要一个WooCommerce产品列表视图插件吗?

首先,值得考虑的是,您是否需要一个WooCommerce产品列表插件! 这一切都取决于您销售的产品类型和您的目标受众。

如果您有很多产品,产品列表视图是显示您的WooCommerce商店内容的绝佳方式。 它特别适用于每页列出更多产品,以便客户可以快速找到所需的内容,而无需在大量页面之间滚动。 它还提供了一种更简单的方式来列出产品,而不需要从其他类型的布局获得所有的铃声和​​口哨。

虽然产品列表视图可以包括图像,但这些不是必需的。 许多人使用产品列表插件以仅信息格式显示产品,没有图片。

如何列出没有插件的WooCommerce产品

在我们看看如何使用之前 WooCommerce表插件 要创建产品列表视图,我将透露一种简单的方法来列出产品,而不需要任何额外的插件。

大多数店主不知道WooCommerce配有一系列 内置短码 。 其中之一称为“产品”。 就其名称而言,它列出了任何页面上的特定产品,文章或文字小部件。

您可以使用产品短代码列出具有特定SKU或ID的产品。 例如,我使用这个短代码来创建如下所示的产品列表:

 

内置WooCommerce产品列表短码的问题

您可能已经发现,内置的WooCommerce Products短码对于大多数需要列出产品的商店来说都是不正确的。 特别:

  1. 您必须手动选择要列入列表的产品。 这使得它不太有用,因为大多数寻找WooCommerce列表视图的人都想自动列出所有的产品。 或者是特定类别的产品。 无论哪种方式,这是不可能的产品短码。
  2. 从上面的截图可以看出,产品按照WordPress主题提供的标准布局列出。 它们没有列出每行1个产品,这是我从产品列表中预期的。

如果您需要创建在添加新产品时自动更新的动态列表,则需要一个正确的WooCommerce产品列表视图插件。 如果您想要一个适当的列表样式格式,每行有1个产品,这同样适用。

WooCommerce产品表插件

WooCommerce产品表提供了更复杂的产品列表。 拥有数十种易于使用的选项,它可以从WooCommerce产品列表视图插件中获得所需的一切。 例如,您可以:

  • 列出所有WooCommerce产品或特定类别的产品 (甚至是特定的标签,自定义字段,自定义分类术语,ID等)。
  • 创建简单的列表 只有产品名称。
  • 构建更高级的列表 具有多列产品数据。 产品列表插件支持各种数据,包括名称,长短描述,类别,标签,价格,重量,尺寸,库存,评论和属性。 如果这还不够,您可以创建包含数据的额外列 WooCommerce定制字段和分类
  • 显示/隐藏元素 在表格上方和下方,如关键词搜索和产品过滤器。
  • 链接 产品到单个产品页面,或禁用链接并显示只读列表。
  • 将产品列表转换为 完成 WooCommerce订单 ,具有产品变化,添加到购物车按钮等。
  • 选择 每页多少个产品 在分页链接将出现在底部之前列出。
  • 如果你想列出100或1,000的产品,那就有一个 懒惰负载选项来提升性能 。 而不是一次加载整个产品列表,每个页面一次加载一个。

获取插件

其他人对产品列表插件有什么看法?

你可以阅读很多评论 WooCommerce产品表页面 。 以下是来自Joseph的一个评论,Joseph是一位专门用于创建WooCommerce列表视图的店主:

 

如您所见,WooCommerce产品表是 比内置产品列表短码更灵活 。 接下来,我将教你如何使用它来创建自己的WooCommerce产品列表视图。

了解如何使用WooCommerce列表视图提高转化率的十大技巧。

如何创建一个WooCommerce产品列表视图

按照以下步骤操作 在几分钟内创建您的第一个产品列表 !

(我假设你已经安装了WooCommerce的WordPress网站,并添加了一些产品 WooCommerce文档 如果您还没有这样做,那么您将可以开始创建WooCommerce产品列表。)

  1. 获取WooCommerce产品表 。 下载插件文件,并从确认电子邮件中复制许可证密钥。
  2. 在WordPress管理员中,转到 插件>添加新的 并在激活插件之前上传插件文件。
  3. 转到插件设置页面: WooCommerce>设置>产品>产品表 。 输入并保存您的许可证密钥。
  4. 转到您要添加WooCommerce产品列表的页面 – 通过创建新页面或编辑现有产品列表。 (或者如果您愿意,可以在帖子或文字小部件上列出产品。)
  5. 添加以下短代码: [product_table]

这将在一个表中列出WooCommerce产品,其中包含插件的默认列和选项。 它会看起来像这样。 确切的样式是继承自您的主题,以便与您的网站的其余部分相匹配:

 

接下来,我将提供其他方式的示例,您可以使用该插件创建一个WooCommerce产品列表视图。

在我们的插件演示页面上查看不同类型的产品列表视图。

简单的WooCommerce产品列表,仅提供产品名称

也许你想要一个非常简单的WooCommerce产品列表,产品名称,但没有其他信息。 没关系 – 只是因为列表视图插件可以添加额外的信息列并不意味着你必须!

以下短码将按字母顺序创建一个简单的产品列表。 我已经隐藏了所有额外的字段,如搜索框,产品数量和过滤器:

[product_table columns =“name”display_search_box =“false”display_reset_button =“false”display_page_length =“false”display_totals =“false”]

产品列表包含图像,名称,评论,价格和添加到购物车与变化

您不仅仅限于创建一个WooCommerce产品名称列表。 如果您愿意,您可以在列表中显示更多的产品数据。 每条数据都列为单独的列。

为此,您需要扩展产品表的短码,以指定列表中要包含的列。 例如,以下短代码将创建产品列表视图,其中包含图像,名称,评论,价格和添加到购物车按钮的列。 我已经激活了“变体”选项,如果您有可变产品,客户可以在添加到购物车之前选择选项。 我还添加了过滤器,隐藏了总产品数量,并将其更改为每页列出5个产品:

查看 知识库文章 您可以在哪些列上添加到产品列表,以及如何使用它们。 使用其他插件文档来更改产品列表视图中的任何其他元素。

 

获取插件

需要WooCommerce列表视图的网站示例

现在,您知道如何使用产品表插件来创建一个动态的WooCommerce列表视图。 在我们完成之前,让我们来看看以这种方式列出产品的各种网站的例子。

WooCommerce批发区域

批发或贸易商店以非常实用,实际的布局列出产品。

与零售客户不同,批发用户已经熟悉了您的产品列表,并且知道他们想要什么。 他们不想花费额外的时间滚动您的零售商店页面,大图像和其他分心。

WooCommerce商品列表视图是WooCommerce批发商店的完美选择。 产品以紧凑的表格布局列出,并提供批发客户需要的所有信息。 这将包括实际数据,如姓名,价格和产品属性。 产品列表不包括大图像,评论或描述等营销信息。

发现我们的WooCommerce批发插件的最终指南。

只读WooCommerce产品目录

并不是所有的WooCommerce网站实际上都是在线销售产品。 如果这听起来很奇怪,请考虑一下。 WooCommerce提供经济高效,易于使用的方式来添加和管理您网站上的产品。 即使您没有提供完整的电子商务设施,这也是有用的。

WooCommerce产品列表视图插件提供了一种简单的方式来显示产品,而不让客户通过您的网站订购。 要做到这一点,只需使用WooCommerce Product Table插件来列出没有添加到购物车列的产品。 加 链接=“无” 到您的产品表短码,以防止客户点击到单个产品页面。

这将创建一个只读产品目录。 它将列出您的产品在一个整洁的列表视图,无需在线购买。

如果您的列表包含大量产品,那么您可以添加功能,使客户更容易找到所需的内容。 您可以通过激活产品列表中的搜索,排序和过滤功能来实现此目的。 客户可以按常规方式浏览列表,或使用这些功能,以任何他们喜欢的方式立即缩小列表。

阅读我们关于如何创建WooCommerce产品目录的教程。

WooCommerce活动网站列出即将举行的活动

作为 世界上最大的电子商务插件 WooCommerce不仅仅是销售产品。 使用扩展名 活动日历 ,您可以将其转换为完整的事件系统。 您可能想要创建一个简单的事件列表,或者通过创建完全可预订的活动“产品”来销售门票。

如果您使用WooCommerce进行活动预订,则可以使用产品列表视图插件自动列出表中的所有活动门票。 包括价格等信息,并添加到购物车按钮,并从列表视图直接进行事件预订!

查看我们的在线课程:如何使用WooCommerce构建活动预订网站。

注意:WooCommerce产品表只能用于列出事件票证,因为这些是WooCommerce产品。 如果你想列出实际的事件,你可以用我们的 其他表插件 – 职位表专业 我们也写了一个教程 如何使用帖子表Pro来列出事件

WooCommerce食品订单系统

WooCommerce是非常受欢迎的餐馆和外卖,谁使用它来进行在线食品订单。 唯一的问题是标准的WooCommerce布局不太适合食品订购。

通过使用WooCommerce产品列表插件,餐馆老板可以轻松创建复制传统纸质菜单的布局。

您可以使用购买按钮为菜单上的每个部分添加产品列表(例如启动器,电源和甜点),以便客户可以从列表视图直接添加到购物车。 这比使用WooCommerce在没有列表视图插件的情况下获取食品订单更加客户友好。

教程:创建一个WooCommerce餐厅订购系统以在线订购食品。

列表视图作为产品变体的替代品

我永远不会想到这个,但我们的客户之一 – 第一厨房 – 使用产品列表视图作为变体的替代。

许多人不喜欢WooCommerce可变产品,因为他们非常喜欢建立和管理。 特别是如果你有大量的变化。

First Kitchens不是使用变体,而是为每种类型的厨房门创造了一类产品。 他们将所有可用选项列为单独的产品,在产品列表视图中显示。 客户可以在购物车中添加任意多的选项,以创建定制的厨房包装。

这是一个 产品列表示例 在他们的网站上

通过列表构建您自己的“WooCommerce”产品配置器

WooCommerce列表视图也是提供“ 建立自己的产品系统 。 您可能希望列出许多产品作为蔬菜盒的一部分,构建一个盒子,创建一个豪华篮子,创建一个卷饼或创建自己的三明治订单。

通过每次列出一个类别,您可以让客户搭乘定制产品。

例如,他们可以选择框的样式,选择框内容,然后选择如何包装和装饰。

您将如何使用WooCommerce产品列表?

我希望本教程向您展示如何为您自己的网站创建WooCommerce产品列表视图,以及在操作中的产品列表示例。

获取WooCommerce产品表,并以新的和令人兴奋的方式开始上市产品! 如果你喜欢这个插件,你甚至可以注册一个 子公司 并获得30%的佣金推荐!

我很乐意听到您在自己的WooCommerce网站上使用产品列表。 请留下您的意见。

获取插件

,

关注微信公众号

上一篇文章
通过优化这12个功能来增加您的电子商务网站的转换–麦客网络外贸建站
下一篇文章
大卫·鲍伊,ELO和国家:5音乐灵感的字体–麦客网络外贸建站
菜单