如何使用 WooCommerce 块自定义您的在线商店
已发表: 2020-05-08
最后更新 - 2020 年 5 月 20 日
WordPress 的最佳因素之一是它能够为任何技能水平的用户提供易于使用的界面； 技术人员和非技术人员。 现在，使用Gutenberg Block Editor ，WordPress 变得更加用户友好和易于访问，可以通过“拖放”内容块（也称为 WooCommerce 块）来创建页面。 使用这些块，您不必编写短代码或编辑现有代码行来实现某种格式或在您的页面上查看。 使用 WooCommerce Blocks，您只需单击几下即可选择和显示产品、类别、过滤器等。
整个编辑体验变得灵活。 这些内容块是提供引人入胜的内容的绝佳工具，您可以在其中添加块，并且在这些块中，有更多选项可以添加多媒体、静态图像、文本等。
更多关于 WooCommerce 块
打开编辑器时，您可以将块放置在任何地方。 只需将光标移至页面上您要编辑的位置，然后单击左上角的“+”符号。 单击加号后，将打开一个菜单，显示所有可用块。
快捷键：要快速将块添加到内容中，请使用“/”键盘快捷键。 这将向您显示可用的 WooCommerce 块。 选择块后，您可以单击它，它将被添加到您的页面中，该页面将为您显示该特定块的更多选项。
产品块
顾名思义，产品块允许您在页面内显示产品并发布内容。 使用此块，您甚至可以在博客文章中链接您的产品、创建自定义页面并在登录页面上显示您的最新产品。
特色产品块
您可以在此块中突出显示单个产品并且可以自定义。 您可以添加一个按钮并显示带有产品标题的价格； 鼓励购买的所有必要信息。 登陆页面上的这些特色产品块是吸引用户注意力并吸引他们购买的好方法。 您也可以将其作为视觉产品链接直接合并到您的博客文章中。
此外，叠加层也有很多设置，包括图像焦点、背景不透明度、叠加层颜色和背景定位。
所有产品块
此页面是显示您的所有项目/产品的地方。 当您想要添加文本、图像、视频等其他内容时，所有产品块非常有用。 因此，不仅您的产品在展示时提供了良好的视觉效果，而且包含有关产品的重要细节，您的页面变成了一个在线目录——这就是它的初衷。
所有产品块包括两个重要的东西
- 布局设置
- 内容设置
布局设置：
- 设置页面中的列数和行数并自定义产品网格布局。
- 按钮对齐 - 将它们设置在内容下方或对齐它们。
内容设置：
- 通过基于价格、评级、销售或最新的产品的默认订单订购产品。
- 编辑为产品显示的信息，包括 - 添加销售徽章，包括描述、删除评论和评论等。
- 显示排序下拉菜单。
过滤器块
在任何产品页面中都应该在过滤器的帮助下具有出色的搜索功能。 否则，当他们不得不在众多显示的商品中手动搜索正确的商品时，您可能会失去您的客户。 这不仅会使他们花费时间，而且对他们认为您的品牌达标也毫无用处。
因此，这些过滤器块与所有产品块结合使用时，可以让网站访问者进行有效和精确的产品搜索。 每当用户选择过滤器时，产品都会根据用户设置的标准进行更新。
WooCommerce 块中提供了三个过滤器块。
- 按价格过滤； 最小值和最大值
- 按属性过滤； 颜色、尺寸等
- 在侧面显示选定的过滤器
精选产品块
这个特定的块允许您手动选择要显示的项目。 让我们假设您要写一篇博客文章，并且它遵循某个主题，例如万圣节服装。 您可以做的是直接在您的博客文章中展示最适合万圣节服装创意的特定产品。 添加块后，您可以选择从产品列表中选择或手动搜索您想要的确切产品。
精选产品块的选项包括：
- 列数; 您最多可以选择六个
- 对齐按钮； 将它们设置在内容下方或对齐它们
- 显示或隐藏产品标题、产品评级、价格和添加到购物车按钮
审查块
当您与商业企业打交道时，评论很重要，因为评论表明产品的真实性，其他潜在买家比产品声称更信任这些评论。 因此，请确保为每个产品提供此块，以增加他们对您的网站和您必须提供的产品的信任。
同样，您可以在任何地方显示此博客； 在主页、登录页面或专门用于推荐和评论的单独页面中。
审查块选项包括：
- 显示或隐藏产品标题或评分、评论者姓名、评论日期、评论内容和图像（产品或评论者的）
- 您可以允许用户按最高评分、最低评分和最新项目排序
- 设置要显示的评论的起始数量
- 为用户提供“加载更多”评论的选项
按产品和类别块的评论
它们的功能与所有评论块相同，但为您提供了额外的产品或类别来选择和缩小评论范围以供您选择。 这可以帮助您在自己的博客文章中推广某个类别并希望包含其产品评论列表。
加起来
使用 WooCommerce Blocks，您可以将您的内容营销提升到另一个层次，最好的部分是，您不需要专家为您做这件事。 有了这些块，任何人都可以使用 WordPress 来发挥自己的优势； 添加媒体、内容、自定义页面和博客文章。
借助这些模块，您的在线商店将获得灵活且易于更改的设计和布局。 如果您正在寻求专业帮助，请找一些专业的 WooCommerce 开发人员和设计师来帮助您。 此外，您还可以联系休斯顿的这家定制软件开发公司，让您的在线商店成为非凡的店面。
进一步阅读
- WooCommerce 产品显示插件。
- 如何为产品页面带来流量？