每个在线商店都有大优惠。这些是销量最好、评论最多的产品。多亏了顶级产品 WooCommerce 块,您可以将访问者指向其他客户最喜欢的项目。在许多情况下,这种重新定位可以带来更多的销售。

在本文中,我们将讨论如何在 WordPress 中使用评分最高的产品块。我们将向您展示如何放置元素并配置它们的设置。最后,我们将讨论有效使用块的一些技巧和最佳实践。

让我们开始吧!

如何将评分最高的产品 WooCommerce 区块添加到您的帖子或页面

要将评分最高的产品区块添加到您的帖子或页面,请打开区块编辑器。点击+,使用搜索功能进入“Top Rated Products”:

如果想更快的插入元素,可以在段落块中输入“/top rating products”。然后,按回车键。

插入块后,WordPress 会自动放置一个 3×3 的产品网格,显示您商店中评分最高的产品:

该版块不显示商品评分数值。相反,您只会看到星级评分。

假设您没有足够的具有有效评级的产品来填充 3×3 网格。在这种情况下,WooCommerce 会将其与最佳评论一起使用。

插入评分最高的产品块后,您可以开始自定义其布局和样式。 WooCommerce 允许您控制显示的产品数量和块包含的元素。

评分最高的产品 WooCommerce 块设置和选项

评分最高的产品块有一个设置菜单,其中包括布局和配置选项。要访问菜单,请在块编辑器中选择块,然后单击屏幕右上角的齿轮图标。

点击图标后,右侧会出现方块的设置菜单。菜单的前半部分 (1) 允许您更改网格中的产品数量,并且 (2) 对齐每个项目的“添加到购物车”按钮:

如果向下滚动到内容部分,您可以配置为每个产品显示哪些元素。默认情况下,该块显示产品的主图像、标题、价格、评级和添加到购物车按钮。您可以打开和关闭这些元素中的任何一个:

如果向下滚动到“按产品类别过滤”部分,您可以指定块是否应具有特定的产品类别。例如,如果您选择“服装”类别,WooCommerce 只会向您显示该类别产品中评价最高的商品:

配置顶部 额定产品元素非常简单。但是,在您发布页面或帖子之前,让我们讨论一些有效使用 WooCommerce 块的最佳实践。

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

首先,您可能会注意到顶级产品块不包含标题。 WooCommerce 插入了一个产品网格,但它没有指定它包含什么类型的项目。因此,您的网站访问者可能不明白他们看到的是您商店中评价最高的产品列表。

消除这种混淆的最简单方法是在评分最高的产品元素上方添加一个标题栏。当您使用它时,我们还建议启用对齐到最后一个块设置。这样,添加到购物车按钮将完美排列:

如果您决定展示特定类别的热门产品,则需要相应地修改您的标题。通用的“热门产品”部分在您商店的主页上效果很好。但是,具有特定类别的顶级网格更适合特定的产品页面。

关于顶级产品 WooCommerce 区块的常见问题

现在您已经知道如何使用和配置顶级产品区块,是时候解决您可能遇到的任何悬而未决的问题了问题。让我们先从产品评级本身说起。

我可以更改 WooCommerce 显示产品评分的方式吗?

WooCommerce 将根据您使用的主题将样式应用于产品评级。在本文中,我们使用了默认的 WordPress 主题之一。其他 WooCommerce 友好主题可能使用数字而不是星号来显示评级或完全使用其他设计。

如果您对自定义主题样式感到满意,您可以更改 WooCommerce 显示产品评级的方式。否则,您将无法使用主题附带的默认设计。

我应该在评分最高的产品块中展示多少产品?

评分最高的产品块使您能够配置其产品网格的大小和布局。根据经验,您需要展示数量有限的产品,以表明它们是您库存中的优质产品。

显示太多评分最高的产品可能会让访问者认为他们不相信您的评论,或者您正在促使他们购买特定商品。当访问者打开产品页面时,他们应该能够轻松找到评论,以了解买家对这些商品的评价。

评分最高的产品区块与所有评论区块有何不同?

所有评论块显示您的在线商店中产品的所有评论。相比之下,评分最高的产品元素仅显示库存中评分最高的商品的评分。

结论

大多数现代客户在进行在线购买之前都会查看评论和评分。在您拿出信用卡并在线输入您的详细信息之前,评论几乎可以告诉您有关产品的所有信息。但是,您可以通过查看产品的整体评分而不是个别评论来更好地了解产品。

评分最高的产品 WooCommerce Block 展示了您商店中评分最高的产品。这些评级来自个人消费者评论。此外,他们还向新访客展示其他客户喜爱的优质产品。

您对使用 Top Products WooCommerce Block 有任何疑问吗?让我们在下面的评论部分讨论它们!

精选图片来自 LanKogal/shutterstock.com

来源