如何使用最畅销的产品 WooCommerce 块

在任何商店中，都有一些产品的销量比您的其他库存好得多。 自然，您会希望在您的网站上尽可能突出地显示这些项目。 这就是最畅销产品WooCommerce 块可以帮助您的地方。

使用这个方便的 WooCommerce 块，您可以在您网站的任何位置显示您商店的畅销商品的网格。 在本文中，我们将向您展示该块的工作原理，解释如何配置它，并讨论一些有效使用它的技巧。

让我们开始吧！

如何将畅销产品 WooCommerce 块添加到您的帖子或页面

当您安装 WooCommerce 时，该插件会向 WordPress 添加一组新的电子商务块。 畅销产品块就是其中之一。 要使用它，请打开您要放置新的畅销产品部分的页面，然后选择添加新块的选项。

输入“最畅销的产品”，该块应立即出现在块编辑器结果中：

一旦您将块放置在您的页面或帖子中，它将自动生成一个 3×3 的网格，显示您商店中最畅销的产品。 这是使用默认 WordPress 主题之一的网格的样子：

WooCommerce 将自动提取您商店最畅销商品的数据，以决定在您使用此块时显示哪些产品。 随着产品的流行和过时，最畅销产品WooCommerce 块显示的项目将转向匹配。

畅销产品 WooCommerce 块设置和选项

畅销产品块提供了广泛的设置，您可以配置这些设置以更改其样式和显示的产品。 如果您将鼠标悬停在 WordPress 编辑器中的块上，您将看到一个格式化菜单。 该菜单包括一个用于更改块宽度的选项：

要访问块的其余设置，请单击它并选择右上角的齿轮形图标。 这样做将打开编辑器右侧的块设置菜单。

让我们来看看Best Selling Products块的每个选项的作用：

布局部分使您能够配置畅销产品块将包含的行数和列数。 您可以将块扩展到六行和六列，具体取决于您要显示的产品数量和您喜欢的布局。

还有一个标记为Align Last Block的选项，这将确保每个产品的Add to basket按钮统一显示：

如果您向下滚动到内容设置，您可以选择要为块内的每个产品显示哪些元素。 您可以显示每个项目的产品标题、价格、评级和添加到购物车按钮。 我们建议您启用所有这些元素，因为它们使客户更容易确定他们想要的产品。

畅销产品块还使您能够按类别过滤产品。 这样，您可以控制在“畅销”部分中显示哪些类型的商品：

最后，如果您愿意，可以将自定义 CSS 类添加到此块中。 只要您对某些自定义编码感到满意，您就可以使用 CSS 类以默认设置无法实现的方式自定义块的样式。

有效使用畅销产品 WooCommerce 块的提示和最佳实践

畅销产品块非常易于使用，但这并不意味着您应该将其放置在您网站的任何位置。 根据我们的经验，这个块可以作为商店主页的一部分，或者作为商店页面顶部的专用部分。

添加一个标题来解释客户正在查看的内容也很重要。 默认情况下， Best Selling Products块不包含任何关于其显示的产品类型的指示。 添加一个简单的畅销商品或最热门产品标题应该会让访问者更加兴奋：

您还可以使用畅销产品块的过滤功能在整个网站中设置多个畅销产品部分。 如果您想专注于特定的商品系列，此功能使您能够展示特定类别的畅销产品。

关于畅销产品 WooCommerce 块的常见问题

如果您对“畅销产品”块仍有任何疑问，本部分将回答这些问题。 让我们先谈谈是什么让这个块与其他 WooCommerce 元素不同。

畅销产品和精选产品块是一样的吗？

WooCommerce 使您能够使用Hand-Picked Products块设置包含手动策划产品的商店网格。 相比之下， Best Selling Products块会自动显示您网站上最畅销的商品。

我可以选择哪些产品出现在畅销产品块中？

WooCommerce 不允许您在使用“畅销产品”块时选择它显示的产品。 但是，该块确实使您能够根据特定类别过滤结果。 这意味着您可以在整个网站中为各种类型的产品设置畅销书部分。

我应该在哪里放置 WordPress 中最畅销的产品块？

畅销产品块是大多数商店主页的重要补充。 您还可以将主商店页面中的块添加为单独的部分。 这样，您可以突出显示商店库存中最有可能吸引潜在客户注意力的商品。

结论

WooCommerce 不仅使您能够使用 WordPress 在线销售产品，而且还极大地扩展了您的块库。 WooCommerce 区块中我们最喜欢的元素之一是畅销产品元素。

有了这个 块，您可以显示一个包含商店中最受欢迎的商品的网格。 块编辑器使您能够自定义此网格包含的布局和元素，并且您可以将其放置在您网站上任何您想要的位置。

您对如何使用 WordPress 中的畅销产品块有任何疑问吗？ 让我们在下面的评论部分中讨论它们！

特色图片来自 Keep Calm 和 Vector / shutterstock.com