WooCommerce：如何开始使用 WooCommerce 块 - 第 1 部分

自 WordPress 5.0 以来，默认页面/帖子编辑器已完全重新开发。 当然，您听说过古腾堡。

坏消息是 WooCommerce 加入新编辑体验的速度要慢得多，为了使其对 Gutenberg 友好，还有很多重要的事情需要开发。

可以通过 WooCommerce Blocks 官方插件跟踪兼容性进度，该插件指出“如果您想访问 WooCommerce 的所有可用块 - 包括实验性块，您可以使用此插件。 我们当前的“稳定”块被捆绑到 WooCommerce 中，并且可以从块插入器中的“WooCommerce”部分添加，因为您可以在那里找到他们的“测试版”块，他们称之为“实验性”，这将是正式的一旦获得批准，就会发布到 WooCommerce。

在本文中，我们将专门深入探讨 WooCommerce 块——它们是什么、为什么它们很重要、有多少块可用以及如何使用它们。

由于这是一个巨大的话题——我们有 20 个 WooCommerce 块要涵盖——我们将它分为两​​部分。 本文将评估您可以在商店中使用的前十个 Block。 但首先，让我们确定什么是 WooCommerce 块并调查它们为何如此重要。

什么是 WooCommerce 块，为什么它们如此重要？

WooCommerce 会自动创建类别页面和商店页面等页面来展示您的产品。 但是，另一个 WooCommerce 网站可能看起来与您的电子商务商店相似——如果他们选择与您相同的页面和产品布局。

但是，使用 WooCommerce Blocks，您可以使您的商店独一无二，并以您喜欢的方式和布局展示您的产品。

WooCommerce Blocks 为您提供对商店设计的更多控制。 它与块编辑器的集成允许您自定义您的商店，而无需编写单行 CSS、添加代码或需要图形设计专业知识。

您可以使用简单的拖放方法轻松添加块。 使用 WooCommerce Block 易于使用的界面，您可以：

• 创建自定义商店页面
• 创建登录页面以显示产品集合
• 在特定页面甚至博客文章中添加产品块
• 随时随地添加产品推荐、产品评论和促销横幅

那么，让我们来看看不同的 WooCommerce 块。 安装 WooCommerce 后，您将获得 20 个内置的 WooCommerce 块。 下面介绍前十个块以及如何使用它们。

基本 WooCommerce 块列表 [第 1 部分]

1. 有源产品过滤器

产品过滤器有助于为您的客户搜索产品。 没有它们，就有失去客户的风险——因为他们必须手动搜索他们选择的产品。 不幸的是，这个过程会变得非常耗时，并且会使您的网站对目标受众的有用性和互动性降低。

活动产品过滤器块显示当前视图中当前处于活动状态的产品过滤器（因此，在上一步中选择的过滤器）。 此外，此块将自动获取您产品的属性——允许您的客户按任何属性过滤有效产品。

您可以设置块标题的样式，并选择将过滤器显示为芯片（类似于按钮）或列表。 因此，此模块可以轻松添加产品尺寸、形状或颜色等过滤器，从而为您的客户带来极大便利。

2. 所有评论

显示客户评论是展示产品可信度和真实性的绝佳方式。 它充当了买家比产品声称更信任的产品证明——增加了用户购买产品的机会。

据 Trustpilot 称，89% 的客户在购买产品之前会阅读在线评论。 这显示了客户评论在您的电子商务销售中发挥的不可或缺的作用。

因此，在您的 WooCommerce 网站上包含所有评论块可以改变您产品销售的游戏规则。

此块将允许您显示您在商店的任何位置收到的所有产品评论的完整列表 - 例如博客文章或登录页面。

它带有许多自定义选项，您可以选择隐藏或显示产品名称、评论者姓名、评论日期、产品评级、评论内容和产品图像。

您可以通过允许用户按最低评分或更高评分排序来自定义设置，甚至可以设置要显示的评论数量并为您的客户添加“加载更多评论”选项。

3. 所有产品

所有产品块显示您 WooCommerce 商店中的所有产品，并带有排序和分页选项。 您可以将此块与 Active Product Filters 块对齐以显示排序下拉列表。

使用其内置的分页选项，如果您不希望在单个页面上显示所有产品，您的客户可以轻松地前后导航您的产品以查看整个产品页面。

您可以选择默认的产品排序顺序——无论是按最新产品还是产品受欢迎程度进行排序。 如果需要，您还可以隐藏排序下拉菜单。 此外，此块还允许您添加其他内容，例如图像、文本和视频。

4. 特色类别

特色类别块允许您从特定产品类别中选择您希望设置并显示为特色类别或号召性用语横幅的产品。

这是在您的登录页面或博客文章上突出显示特定产品类别的完美解决方案 - 以增加流量并最大化该特定产品类别的销售额。

它最重要的功能之一是焦点选择器，它允许您拖动产品图像的焦点以将其完美地放置在背景容器中。 此块还为您提供隐藏或显示产品描述、添加覆盖颜色和更改不透明度等选项。

因此，如果您最近推出了一个新产品系列 - 特色类别块可以帮助您在商店的多个地方展示该系列并推动销售。

5. 特色产品

特色产品块允许您在带有号召性用语 (CTA) 的漂亮、有影响力和设计精美的横幅中展示您的商店产品。

它带有大量设置和选项来显示或隐藏产品价格和描述、控制文本对齐、添加覆盖颜色、调整背景定位和不透明度、覆盖产品照片以及更改按钮 CTA。

此块是在您的博客文章或登录页面上展示特定产品并吸引客户注意力的完美方式 - 吸引他们进行购买。

6. 产品分类

按类别划分的产品块允许您在网格中显示来自选定类别的产品。

它允许您修改网格的行数和列数，并可选择隐藏或显示产品标题、价格、评级和添加到购物车按钮。 此块可以在您的主页上创建具有不同产品类别的不同部分。

7. 畅销产品

畅销产品块允许您在网格中显示商店的畅销产品。

此块的设计与具有相同自定义选项的 Products By Category 块的设计非常相似。 例如，您可以为产品设置适当的过滤器选项——例如按颜色、尺寸和价格过滤。

使用此块 - 您可以鼓励客户浏览您最畅销的产品并诱使他们为自己购买产品。

8. 按价格筛选产品

此块显示一个易于使用的滑块，允许客户按价格过滤产品。 例如，向右拖动左手柄会增加价格，而向左拖动右手柄会降低价格。

您可以编辑最低和最高价格范围并添加一个按钮来设置标题级别。 它与所有产品块完美结合。

9. 按属性过滤产品

此块添加了一个过滤器，允许您的客户按属性过滤产品。 属性可以是颜色、大小，甚至是食物风味。

您可以选择将过滤器显示为列表或下拉列表。 此外，您可以选择标题级别、包含字数或添加按钮。

10. 最新产品

您可以使用此块在网格中显示所有最新发布和最新产品。 客户可以根据相关类别过滤产品。

这个区块非常适合在主页上展示和营销您商店的新库存并吸引更多的目光。 它的自定义选项类似于 Best Selling Products Block。

结论

无论您是精通技术还是非技术专业人士 - 使用 WooCommerce Blocks 都是以引人入胜的方式展示您的产品并将您的商店提升到新水平的最简单和最具成本效益的方式。

您可以在您网站上的任何页面和博客文章上宣传您的产品。 您所要做的就是将块拖到页面上的特定位置 - 页面实时更新。

因此，如果您希望让您的 WooCommerce 商店焕然一新并吸引更多注意力，请使用上面提到的 WooCommerce 块。

我们还有本文的第 2 部分，其中包含另外十个 WooCommerce 块以及轻松添加和编辑它们的方法。 在下周上线时检查一下！