在许多在线商店中,有一类产品比其他任何产品都卖得好。如果这是您的电子商务商店,特色类别 WooCommerce 块可以帮助您将这些热门商品介绍给更广泛的受众。

在本文中,我们将向您展示如何在 WooCommerce 中使用特色类别块。我们将讨论如何配置此块并讨论使用它的最佳方式。最后,我们将回答有关如何在您的店面中包含特色类别部分的最常见问题。

让我们开始吧!

如何将特色类别 WooCommerce 块添加到您的帖子或页面

特色类别块显示一个号召性用语 (CTA),鼓励访问者浏览特定的产品类别。您可以将此块放置在您网站上的任何位置。但是,它特别适合主商店页面或您的主页。

要添加此元素,请打开页面的块编辑器或在您要放置它的位置发布。选择添加新块的选项,然后使用搜索字段找到特色类别选项:

添加块后,WooCommerce 会要求您选择它应该显示的产品类别。您会看到一个搜索栏和您商店所有现有产品类别的列表。但是,请记住,此块仅允许您选择一个类别:

如果找不到您要查找的特定产品,您可能需要手动添加。

一旦您选择或添加产品类别,列表将消失。相反,具有坚实背景、标题和 CTA 的元素:

Featured Category 块的设计看起来非常简单。但是,您可以通过配置其设置来更改和改进块的样式。

特色类别 WooCommerce 阻止设置和选项

特色类别块包括两个设置集合。如果将鼠标悬停在编辑器中的某个块上,其上方会出现一个格式化菜单。此菜单允许您使用替换选项 (3) 更改块的宽度 (1)、对齐方式 (2) 及其类别:

如果你对你的区块格式满意,你可以选择它并点击右上角的齿轮图标块编辑器屏幕。这将打开整个页面和您选择的块的设置菜单。

选择块选项卡,您将能够切换选项以显示特色类别的描述并更改块的背景颜色。这是我们打开 (1) 的显示描述设置并更改其背景颜色 (2) 后块的样子:

值得注意的是,您无法更改文本的颜色。但是,您只需单击一下即可修改 CTA 的样式。这样做只会显示按钮的新设置选项卡:

此设置菜单允许您更改 CTA 的字体大小 (1)、边框样式 (2) 以及文本和背景颜色 (3)。理想情况下,CTA 的整体设计应与块的其余部分(以及您的整个网站)相匹配。

使用特色类别 WooCommerce 块的提示和最佳实践

特色类别 WooCommerce 块的设计非常简单。这意味着它在您网站的任何地方都不应该显得格格不入。但是,将块放在您的主页或主要商店页面上是最有意义的。那是因为这些是用户希望看到产品和类别建议的页面。

同样,特色类别块没有标题来指示访问者正在查看的内容。如果您希望潜在客户关注,我们建议在块的正上方添加标题(例如“精选类别”):

精选类别块的背景应与页面的其余部分相匹配或形成对比。您使用哪种方法取决于您的设计敏感性,但重要的是 CTA 从块的其余部分中脱颖而出。否则,用户可能不知道他们正在查看可以选择的按钮。

使用精选类别块的一个缺点是难以适应行和列设计。由于块不允许您修改其文本的样式,因此如果一个元素与其他内容共享一行,它通常会用完水平空间:

如果你熟悉CSS,可以修改块文字的样式。否则,我们建议在使用精选类别块时坚持使用单列设计。

关于特色类别 WooCommerce 块的常见问题

如果您对 WooCommerce 中的特色类别块仍有任何疑问,本节将回答他们。让我们从一般的 WooCommerce 类别开始。

如何添加新的 WooCommerce 产品类别?

如果您没有看到您想要的 WooCommerce 产品类别功能,您可以随时创建一个新的。为此,请转到站点仪表板中的“产品”>“类别”选项卡,然后使用左侧的菜单添加任意数量的类别。

我可以更改特色类别块内的文本样式吗?

特色类别块不允许您更改其中文本的大小或样式。但是,您可以修改块中包含的 CTA 的设计和文本样式。

我可以在 WooCommerce 中显示多个特色类别吗?

特色类别块仅允许您显示单个 WooCommerce 产品类别。如果您想引起更多类别的注意,您可以将块的多个实例添加到任何帖子或页面。

结论

如果您有一个特定的产品类别比商店中的其他任何产品都卖得好,并且您希望获得更多关注,WooCommerce Blocks 可以让您做到这一点。特别是,特色类别 WooCommerce Block 使您能够展示带有标题、描述和引人注目的 CTA 的特定产品类别。

您可以自定义特色类别块的背景颜色,以及其 CTA 按钮的样式。结果是一个元素吸引了访问者的眼球并鼓励他们浏览该类别,从而有望带来额外的销售。

您对如何使用精选类别 WooCommerce 块有任何疑问吗?让我们在下面的评论部分讨论它们!

BlueRingMedia / Shutterstock.com 文章缩略图

来源