WooCommerce Blocks 使您能够展示商店中最好和最热门的产品。您可以显示特价商品、推荐的产品类别、畅销商品等。多亏了特色产品 WooCommerce 块,您还可以将访问者指向您想要突出显示的确切产品。

本文将讨论特色产品块的工作原理以及如何将它们添加到您的帖子和页面中。我们将讨论如何配置元素并讨论有效使用它的技巧。

让我们开始吧!

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

精选产品块使您能够显示包含从库存网格中精选的项目的产品网络.要添加元素,请打开块编辑器并选择放置新块的选项。然后,使用搜索栏找到精选产品块并单击它:

插入块后,您将能够从整个 WooCommerce 库存列表中选择产品。还有一个搜索栏,您可以使用它来更快地找到产品:

您可以从中选择任意数量的产品 它可以从一个到整个目录不等。然后,WooCommerce 将根据您的选择生成一个产品网格。默认情况下,此块将首先显示您商店的最新添加:

您可以通过修改块的设置来更改产品的顺序。此外,您可以随时更改您的产品选择。让我们看看这些设置是如何工作的。

特色产品 WooCommerce 阻止设置和选项

特色产品块提供格式设置和常规配置设置。要访问块的格式化菜单,请在块编辑器中单击它。元素上方会出现一个菜单,其中有两个选项可用于修改对齐方式和更改您的产品选择:

如果单击铅笔图标,该块将返回到项目选择菜单。要访问块的其余设置,请选择元素并单击屏幕右上角的齿轮形图标。

特色产品块设置菜单包括以下配置选项:

  1. 布局:此选项允许您更改块中的列数。它最多可以有六列,对齐按钮选项会将添加到购物车按钮放置在每个产品下方。
  2. 内容:您可以修改每个产品块的显示元素,包括标题、价格、评级和添加到购物车按钮。
  3. 排序依据:此设置可以重新排列块显示产品的顺序。

让我们看看区块的设置菜单是什么样的:

如果进一步向下滚动,特色产品设置菜单还包括一个产品选项卡。从这里您可以选择在不访问块的格式菜单的情况下显示项目:

最后,特色产品块有一个高级设置选项卡。您可以将自定义 CSS 类添加到元素中,方法是将它们插入框中:

由于 Hand-Picked Products 块没有任何样式选项,因此 CSS 是更改元素设计的唯一方法。如果您熟悉 CSS,则可以自定义块在您网站上的显示方式。

有效使用特色产品 WooCommerce 区块的技巧和最佳实践

有效使用特色产品区块非常简单。 WooCommerce 让您可以完全控制块的布局。因此,您可以根据要显示的产品数量修改其列数。

由于我们讨论的是精选产品列表,因此限制显示的项目数量可能是有意义的。如果您添加了太多产品,客户可能会认为您向他们展示的是随机选择而不是精选列表。

因此,我们建议使用特色产品块来显示最多六种产品。此外,您可以考虑将您的项目分三列展示,以便每个项目都有足够的空间发光:

您可能还注意到我们在特色产品元素上方添加了一个标题栏。默认情况下,块没有标题。因此,手动添加一个是必不可少的,这样客户才能了解他们正在查看的内容。

此外,特色产品块可以与首页或商店页面完美匹配。如果您将区块放在主页上,它会让访问者知道从哪里开始查看您的产品目录。

关于特色产品 WooCommerce 区块的常见问题

如果您对在 WooCommerce 中使用特色产品区块仍有任何疑问,本节将一一解答。让我们首先讨论您应该在此块中展示哪些类型的产品。

我应该使用特色产品块展示什么类型的产品?

“精选”一词告诉客户他们正在查看精选的产品列表。理想情况下,这些商品应该有很好的评价或满足特定的消费者需求。使用此块推荐客户不喜欢的产品可能会损害他们对您品牌的信任。

什么时候应该使用特色产品块?

有许多 WooCommerce 阻止选项可以在您的商店中显示特定产品。一些示例包括以下元素:

特色产品块满足特定需求。您可以使用它来展示没有获得应有关注的产品。由于您推荐的商品有很好的客户评论,因此将它们放在自己的部分中可以帮助您产生额外的销售额。

结论

有许多 WooCommerce 块可以展示您商店中特定类型的产品。但是,特色产品块是唯一可以让您完全控制所显示项目的选项。

Hand-Picked Products 块可能非常适合将客户指向未获得应有销售的特定商品。为获得最佳效果,我们建议您的产品列表保持相对简短,以使其井井有条。

您对如何使用特色产品 WooCommerce 区块有任何疑问吗?让我们在下面的评论部分讨论它们!

特色图片来自 Gurza/shutterstock.com

来源