如何在 WooCommerce 中添加动态过滤器
在 WooCommerce 中添加动态过滤器或级联过滤器可改善客户的购买用户流程，尤其是当您销售的产品具有许多具有多级信息的属性时。 例如，如果您经营一个汽车零部件电子商务网站，您会希望客户能够快速找到他们想要购买的东西。
唯一的问题是默认的 WordPress 和 WooCommerce 过滤器不允许您创建动态过滤器。 换句话说，当用户在一个过滤器中选择一个选项时，它不会根据用户的选择更改第二个过滤器中的可用选项。
WooCommerce 产品表插件可让您为 WooCommerce 产品添加级联动态过滤器。 按照我们的例子，这将显着改善汽车配件网站的购物体验。 现在，当用户从 制作 下拉菜单 模型 下拉列表将仅包括丰田车型。
在本文中，我们将引导您完成分步教程，解释如何将动态过滤器添加到您的 WooCommerce 网站。
为什么您需要在 WooCommerce 商店中使用动态过滤器
如果您的 WordPress 网站包含大量有关电子商务产品的信息，则您需要以一种允许用户轻松找到他们正在寻找的内容的方式显示它。 一种有效的方法是使用相互连接的动态过滤器下拉列表和小部件。 这样，它就像 WooCommerce 分面搜索一样工作。
例如，假设您在基于 WooCommerce 的网站上销售汽车零件。 您可以使用智能过滤器下拉列表和小部件让客户选择汽车 制作 和 模型. 一旦他们这样做了，他们就会在产品表中看到该车的可用零件。
让我们快速通过一些不同的方式来显示这些信息：
场景 #1：单个过滤器下拉菜单
您可以创建在单个列表中具有多个级别的单个过滤器下拉列表，以便模型在相关品牌下缩进。 这是 WooCommerce 产品表插件的一个选项，因为每个过滤器下拉列表中的项目都是嵌套和分层的。
这很好，但在项目列表很长的情况下可能会导致可用性问题。 最好为每条数据创建一个单独的渐进式过滤器，这样客户就可以一次钻取一个阶段。 级联过滤器下拉菜单共同帮助客户找到特定产品。
场景#2：多个独立过滤器
您可以创建多个独立过滤器 制作 和 模型 但这也会对用户体验产生负面影响。 当客户选择 制作，它们将显示所选汽车品牌的所有型号。
在一个完美的世界里，当他们选择大众汽车时，他们期望 模型 过滤器进行更新以显示大众高尔夫、大众帕萨特和大众阿特拉斯。 如果没有一系列过滤器下拉菜单，它们将显示来自其他品牌的所有可能的模型，例如 BMW 模型。
场景#3：未连接的过滤器
即使您的用户可以过滤的不同信息没有关联，如果他们从一个过滤器中选择一个项目，而其他过滤器没有更新以显示可用选项，这仍然令人沮丧。
例如，假设您销售服装。 客户可能会尝试选择连帽衫，但发现您的产品目录中没有任何连帽衫。 如果类别已更新为仅显示具有所选类别项目的服装会更好。
显示此类信息的唯一可行方法是使用一系列连接的动态过滤器下拉菜单。
在 WooCommerce 中设置动态过滤器
WooCommerce Product Table 是一个 WooCommerce 动态过滤器插件，可帮助您在基于 AJAX 的前端表格布局中显示产品。 它允许客户动态过滤、搜索和分类产品。
此外，前端表格布局可让您选择要显示的列以呈现产品详细信息。
因此，如果您销售衣服、食品、礼品、配饰、宠物用品或文具，您可以选择显示产品的图片、名称、描述、价格和添加到购物车按钮。 如果您销售的视觉产品较少，例如硬件商品、电子书、电子产品，您可能希望省略产品图片，因为它不会显着影响客户的购买决定。
以下是 WooCommerce 产品表插件提供的主要功能的简要概述：
- 它带有内置的自定义小部件，允许客户根据定价、评级或属性过滤产品。
- 您可以在表格上方添加动态产品搜索过滤器，以允许客户根据一系列级联的标签、类别、分类法和属性动态过滤产品。
- 客户可以使用下拉列表或侧边栏小部件根据属性过滤产品。
在前端，WooCommerce 动态过滤器选项使客户能够快速找到他们想要的产品，并一次将多个产品添加到购物车中。 这个简单的功能可以帮助您降低购物车放弃率、提高转化率并增加销售额。
通过使用这个 WooCommerce 动态过滤器插件，您可以使购物体验不那么令人沮丧。 它将在表格布局中列出您的产品，表格上方带有级联过滤器下拉列表。 这样，客户可以使用一个过滤器进行选择，而其他过滤器的内容将自动更新。
何时在您的网站上使用动态过滤器
如果您存储了大量有关产品的信息，这些信息会导致客户购买流程出现摩擦，您应该在您的在线商店中使用动态过滤器。 动态过滤器可帮助您更好地组织和显示多条数据（例如类别和标签），使用户可以轻松找到他们想要的产品。
以下是一些使用动态过滤器有意义的用例：
用例 #1：销售汽车油漆的电子商务网站
如果您创建可配置产品，您应该使用级联下拉菜单来显示可用选项。
例如，假设您销售不同汽车的汽车油漆。 因此，当客户选择您的 喷漆超值套装 对于他们的汽车，他们需要选择他们的汽车 制作, 模型， 和 颜色.
一系列相关的下拉菜单非常适合这一点。 如果用户选择 大众汽车 模型，则仅应显示大众汽车模型，并且仅适用于该特定模型的颜色应显示在接下来的两个动态过滤器下拉列表中。
用例 #2：在线服装店
假设您以不同的方式销售面料 颜色 和 材料. 如果客户选择蓝色，您希望 材料 过滤器以仅包含蓝色可用的织物材料。
这样，客户就不必等到最后才知道您是否没有任何蓝色面料和他们想要的材料。 它显着改善了用户体验。
如何向 WooCommerce 添加动态过滤器
对于本教程，您需要一个 WooCommerce 网站，其中添加了一些产品和 WooCommerce 产品表插件。
步骤#1：安装并激活 WooCommerce 产品表插件
首先将 WooCommerce 产品表插件安装到您的 WordPress 网站。
- 获取 WooCommerce 产品表插件。 插件的文件和许可证密钥将在确认电子邮件中。
- 登录到您的 WordPress 网站并导航到 插件 → 添新.
- 将插件的文件上传到您的网站，然后单击 启用 按钮继续。
- 去 WooCommerce → 设置 → 产品 → 产品表 从您的管理仪表板并在 注册码 场地。
- 点击 保存更改 按钮继续。
激活插件许可证后，您就可以使用简码将产品表添加到 WordPress 网站上的任何页面（或帖子） [product_table]. 如果您使用的是 Gutenberg 编辑器，只需添加 WooCommerce 产品表块，就会自动为您生成一个表。
第 2 步：设置动态过滤器
您还可以从同一页面更改插件的配置设置（即 WooCommerce → 设置 → 产品 → 产品表 页）。 这使您可以使用 WooCommerce 动态过滤器选项为您的电子商务站点创建具有视觉吸引力的产品表。d
WooCommerce 产品表插件为您的产品表提供各种配置。 您可以在下方查看可用选项 表格控件 设置页面上的部分。
例如，您可以决定哪些动态过滤器在表格布局中显示为下拉列表。 可用选项包括 已禁用，根据表中的列显示， 和 风俗.
您可以根据以下条件过滤 WooCommerce 产品：
- 类别
- 标签
- 自定义分类法
- 属性
- 价钱
- 平均评分
- 第三方过滤器插件提供的附加选项
如您所见，有大量动态过滤器可供选择。
如果您选择 风俗 过滤器，您可以列出要包含在 风俗 过滤器 场地。 这使您可以决定要显示哪些动态过滤器，而不管表格布局中显示的列如何。
可用选项包括：
- 类别 – 将产品类别显示为过滤器选项。
- 标签—— 将产品标签显示为过滤选项。
- 属性 – 您可以使用此选项通过过滤器选项显示所有可用的产品属性。 这样，您可以为每个可用的产品属性显示一个过滤器。 例如，如果您的产品属性是 制作 和 模型，表格上方将显示两个过滤器选项。 这意味着客户将能够根据品牌和型号过滤产品。
- 分类栏 – 显示自定义分类过滤器的产品。
- 属性栏—— 显示自定义属性过滤器的产品。
预习
这是运行中的 WooCommerce 产品表插件的预览：
立即为您的在线商店添加动态过滤器
我们解释了如何通过添加动态过滤器来改善在线商店的购物体验并降低购物车放弃率。
WooCommerce 产品表插件可让您创建非常适合存储大量信息的网站的动态过滤器。 它的相关过滤器将使用户能够以合乎逻辑的方式缩小搜索范围，并更快地找到他们想要的产品。
准备好为您的在线商店添加动态过滤器并增加销售额了吗？ 立即获取 WooCommerce 产品表插件！
