在经营在线商店时，确保购物者可以轻松找到他们正在寻找的商品并了解特定产品是否有货非常重要。最有效的方法之一是使用按库存 WooCommerce 块过滤产品。此元素允许访问者查看有货或缺货的商品，以及缺货的商品。
在这篇文章中，我们将解释如何将按库存过滤产品的 WooCommerce 块添加到您的帖子和页面，并探索其各种设置。然后，我们将为您提供一些有关如何有效使用它的提示，并总结一些常见问题。
让我们开始吧！
如何按库存 WooCommerce 块添加过滤产品到您的页面或帖子
按库存过滤产品 WooCommerce 块允许用户根据库存状态过滤产品。例如，他们可以根据有货、缺货或缺货对您的商店进行分类。
在您的帖子和页面中放置此块既快速又简单。首先，导航到您要插入的位置（例如您的产品页面）。接下来，单击添加块按钮 (1)，搜索“按库存过滤产品”(2)，然后选择第一个选项 (3)：
或者，您可以在段落块中输入“/filter products by stock”找到块WordPress编辑器，然后按回车键。放置区块时，它会显示当前库存的标题和产品数量：
如果您想更改块的标题，只需在“按库存状态过滤”文本框内单击即可。您还可以通过其他各种方式自定义此块。
按库存过滤产品 WooCommerce 块设置和选项
按库存过滤产品 WooCommerce 块允许您显示每个库存类别中有多少产品，选择您想要的标题级别使用（H2、H3、H4 等）并添加一个可选按钮。让我们仔细看看这些选项中的每一个。
在“内容”部分下，您可以选择是否显示产品总数，该选项默认开启。在标题级别下，您可以选择为“按股票状态筛选”标题设置的级别：
除此之外，按股票 WooCommerce 块过滤产品不会为您提供许多自定义选项。但是，您可以添加过滤器按钮。如果启用，这将在商店前端的过滤器旁边添加一个标有“Go”的按钮。
这是与其他 WooCommerce 块一起使用的绝佳元素，例如“所有产品”块。它还可以与其他过滤器相关的元素一起使用，我们将在接下来讨论。
通过库存 WooCommerce 块有效使用过滤器产品的提示和最佳实践
当您在前端预览块时，它看起来像这样：
请注意，要使用有效的产品过滤块，您还需要添加按状态过滤产品、按属性过滤产品或按尺寸过滤产品块。您可以将“按状态过滤产品”块与其他块结合使用，为您的客户提供尽可能最具体的搜索体验。
例如，您可以让访问者搜索有货和特定尺寸的商品，而不是仅仅让访问者按库存过滤产品：
在商店页面添加多个过滤块时，最好将它们放置在靠近顶部的位置。您还可以按列添加块。以这种方式排列，它们不会在页面上将您的产品推得太远。
此外，我们建议在其他过滤元素下方添加一个 Active Products 块：
如果您正在决定是否应在库存状态旁边显示产品数量，请考虑手头每种库存类型的数量。例如，当购物者看到您的缺货和缺货商品多于可用商品时，他们可能会感到沮丧。
关于按库存 WooCommerce 块过滤产品的常见问题解答
我们已经讨论了有关按库存 WooCommerce 块过滤产品的所有内容。但是，为了确保我们涵盖了所有要点，让我们回答一些常见问题。
我可以使用哪些其他块来过滤我网站上的产品？
您还可以使用按属性过滤产品和按价格块过滤产品。属性块允许您根据颜色和尺寸等元素过滤产品。使用按价格块筛选，您可以根据价格范围对产品进行排序。
我应该把按库存块过滤的产品放在哪里？
您可以在任何 WordPress 帖子和页面上按库存块使用过滤器产品。您还可以将其添加为 WordPress 小部件。自然地，您会希望将它添加到您的主要商店页面。但是，您也可以将它与站点其他地方的“所有产品”块一起使用。
如何更新产品库存状态？
如果库存状态未更新，让您的购物者可以选择使用库存过滤器浏览您的商店并不是很有帮助。要修改项目的可用性，您可以导航到 WordPress 仪表板中的“产品”>“所有产品”。
找到您要更新的产品名称，然后单击“编辑”。在编辑器下方的 Product Data 部分下，选择 Inventory 选项卡 (1)：
接下来，您可以点击库存状态下拉菜单进行更改（2）。完成保存更改后，单击“更新”按钮。
结论
向在线商店添加筛选器有助于提升客户的购物体验。它使他们能够快速找到他们正在寻找的东西。您可以使用几个块，具体取决于您希望它们如何对您的产品进行分类。如果您希望用户查看可用（和不可用）的内容，您可以使用 WooCommerce 状态块过滤产品。
您可以使用此块来显示您的库存，包括缺货的商品。它还允许您在每个类别旁边显示产品数量。为了向您的客户提供完整的过滤体验，我们建议将此元素与活动过滤器、按价格过滤产品和按属性过滤产品块一起使用。
您对使用按库存 WooCommerce 产品块过滤有任何疑问吗？在下面的评论部分让我们知道！
精选图片来自 TarikVision/shutterstock
来源
