WooCommerce 块:它们是什么以及如何有效地使用它们

已发表: 2022-08-28

介绍

WooCommerce Blocks 是一种为您的 WooCommerce 商店创建和管理内容的新方法。 使用块,您可以轻松地将动态内容添加到您的页面,从而轻松创建有助于销售产品的引人入胜且具有视觉吸引力的页面。

块是在新的块编辑器中创建的,它允许您随时将任何块快速拖放到您的布局中。 您可以在您的网站上使用两种类型的块:基本块和高级块。 基本块易于创建,但范围有限。 高级块的可定制性更高,创建时间更长。

基本块是添加博客文章、产品信息和商店促销的好方法。 高级块包括用于创建集成表单和画廊、添加产品评论甚至为您的网站创建自定义内容的工具。

在这篇文章中,我将向您展示如何有效地使用七个 WooCommerce 块为您的客户创造出色的用户体验。 那么,让我们开始吧!

什么是 WooCommerce 块?

WooCommerce Blocks 带来了一种全新的网站定制方式。 该功能是在较新版本的 WooCommerce 中引入的,从那时起,它使新功能和高级功能的实施变得更加容易。 例如,您可以通过以独特的组合使用 WooCommerce 块来创建具有不同布局的各种电子商务网站。

WooCommerce 块是您可以添加到网页中的元素,以帮助您增强用户在您的网站上的体验。 这些块的一些主要功能是选择它们的位置、大小、自定义、调色板,甚至动画效果。 这些区块的动画效果将电子商务网站开发提升到了一个全新的水平。

WooCommerce 块可以添加到您的网页页眉、页脚或侧边栏。 您还可以为这些块选择多个位置,然后选择最适合您要求的位置。 如果您想使用 WooCommerce 作为您博客的电子商务引擎,您可以在侧边栏添加一个购物车图标。 这将包括指向 WooCommerce 结帐页面的直接链接,可供您博客的常客使用。

在 WooCommerce 中使用块的好处

块是为您的页面增添趣味的好方法。 以下是使用它们的一些好处!

  • 便于使用

块易于使用。 只需将它们拖出并放置在您想要的位置即可。 不需要学习! 自定义块同样容易。 您只需单击要编辑的块,根据您的喜好对其进行自定义,然后点击“发布”。

  • 允许您更快地构建页面

块是在大多数主题和插件中显示产品的内置选项,因此构建页面不需要太多时间或精力。 它们非常适合以易于阅读和导航的方式展示您的产品。

  • **展示产品时的灵活性

块在某种意义上是灵活的,您可以混合和匹配它们、覆盖现有块、删除它们,甚至更改它们的属性。 您还可以根据访问者当前所在的页面向访问者显示不同的块。 这使您可以为他们提供个性化的体验!

  • 无需编码经验

过去,设计师需要编码经验才能利用 WooCommerce 中的单个产品创建内容显示。 现在,大部分是由较新版本的 WooCommerce 中的产品块处理的。 大部分设计都是为您完成的,因此您不需要太多思考。

前 7 个 WooCommerce 块(以及如何使用它们)

作为店主,您必须决定如何在您的网站上展示产品。 WooCommerce 块有多种类型。 这些块可以添加到您网站上的任何页面或帖子。 您选择的块应取决于您要显示的产品以及您希望如何显示它们。

畅销产品块

最畅销产品块可用于在您的网站上显示最畅销的产品。 它还显示了每个类别中最畅销的产品。 您可以选择让此块显示或不显示您的产品的评论、价格和描述。

最好的

WooCommerce 默认支持畅销产品。 您需要点击“产品”,然后点击“畅销书”才能在您的网站上显示它们。 这将逐月展示有史以来最畅销的产品。 您可以选择按日期或销售额对该列表进行排序。

特色产品块

特色产品块显示您想要关注的特定产品。 您为特色产品选择的产品应该是独一无二的; 也许它是一个新产品,或者你正在特别关注它以进行一些特殊的促销活动。 您可以使用此块显示最近在新闻中出现的产品或在您的网站上限时出现的产品。

精选

评分最高的产品块

评分最高的产品块仅显示所有产品中评分最高的产品。 它显示评论和星级,因此您将看到您的产品收到的平均星级。

WooCommerce 默认支持顶级产品。 您需要点击“产品”,然后点击“评分最高”才能在您的网站上显示它。 此列表是自动生成的,其中包含您的所有产品,按评级的数字顺序排列。 您可以通过评分最高的选项卡按日期排序此列表,也可以通过热门选项卡按字母顺序排序。

评价最高

所有评论块

所有评论块允许您仅显示每个产品的最新评论。 它显示了在某人留下评论之前查看产品的次数,评论时间,收藏次数。 此外,它包括附加到该评论的所有图像,包括来自产品图片库的图像。 要在您的网站上显示所有评论块,您需要点击“产品”,然后点击“所有评论”。

所有评论

按价格块过滤产品

按价格块过滤产品允许您按您设置的特定最低和最高价格范围过滤产品。 您可以选择显示或不显示您的产品的评论、评级和描述。 要输入最小值或最大值的数值,请在文本框中输入一个数字,即使逗号前没有数字也是如此。 例如,输入数值时,请记住它们是包含在内的; 也就是说,当设置最低价格范围为 $10 - $20 时,意味着将展示所有低于 10 美元或高于 20 美元的产品。

要在您的网站上按价格块显示过滤产品,请单击“产品”,然后单击“价格过滤器”。 此列表显示为每个产品设置的所有当前过滤器。 您可以将此列表保存为预设,以便以后轻松重复使用或与商店的其他用户共享。

筛选

产品类别块

按类别划分的产品块是一次查看给定类别中的所有产品的便捷方式。 这有助于快速查找产品或获取给定类别中所有产品的概览。 要使用此块,请转到 WooCommerce 中的产品页面,然后单击按类别划分的产品块。 它将显示给定类别中的所有产品,以及每个产品的简要说明和缩略图。

产品

最新产品块

最新产品块允许您仅显示所有产品中最近添加的产品。 WooCommerce 默认支持最新产品。 您需要点击“产品”然后点击“最新”才能在您的网站上显示它。 此列表会自动生成您的所有产品,按添加日期的数字顺序排列; 最先显示的是最后添加的,下面显示的是旧的。 您可以通过最新选项卡按日期或通过最旧选项卡按字母顺序对该列表进行排序。

最新

最后的话

WooCommerce 块是改善 WooCommerce 商店外观和感觉的好方法。 它们允许您添加自定义设计元素,例如按钮、选项卡等。

这些块分为两类:基本块,提供页面或帖子的基本内容,以及高级块。

大多数块在经典编辑器和古腾堡中都可用。 此外,这些块易于使用,因为它们具有直观的界面。 您只需单击几下即可添加和编辑块。

我希望本指南能帮助您更多地了解 WooCommerce 块和有效使用它们的技巧。

如果您对此主题有任何疑问,请在下方发表评论。 我很乐意提供帮助。

感谢您的阅读!

什么是古腾堡街区?

Gutenberg 块是可重复使用的内容,可以放置在页面的任何位置。 块可用于文本、图像、视频或任何其他类型的内容。 要添加 Gutenberg 块,请单击页面左侧的加号 (+)。 这将打开一个您可以使用的块库。

什么是 Elementor 块?

Elementor 块是一种使用 Elementor 构建页面的新方法。 它们允许您将预先构建的小部件添加到您的页面,从而节省您的时间和精力。 您可以通过两种方式将块添加到页面,一种是使用屏幕顶部的工具栏,另一种是单击左下角的“添加块”按钮。

如何编辑 WooCommerce 块?

您可以通过在块管理器中单击其旁边的“铅笔”图标来编辑 WooCommerce 块。 执行此操作后,将显示块的设置,您可以更改任何文本或 HTML。 在此之后,单击“更新”以保存您的更改。

Fixed.net 指南
Fixed.net 指南