如何筛选WooCommerce产品（逐步教程）
你是否在寻找一种方法来筛选WooCommerce产品？通过属性筛选WooCommerce产品，使客户能够更轻松地找到他们想要购买的商品。这不仅可以节省客户的时间，还能让购物体验更加流畅。
为什么要通过属性筛选WooCommerce产品？
筛选功能让客户可以轻松浏览你的WooCommerce商店中的产品。他们可以基于不同的属性，如颜色、价格范围、材质、尺寸等，来缩小搜索范围。与其在整个产品集合中滚动浏览，用户可以直接筛选出他们感兴趣的产品。
添加筛选功能有助于提升用户体验，改进搜索功能，减少跳出率，还可以通过展示所有可用选项帮助客户做出更明智的购买决定，从而增加销售额。
如何通过属性筛选WooCommerce产品
首先，你需要安装并激活YITH WooCommerce Ajax Product Filter插件。更多详细步骤请参考我们关于如何安装WordPress插件的教程。
激活后，前往WordPress仪表盘中的YITH » Ajax Product Filter页面。从这里，点击“+ 创建一个新的预设”按钮，开始创建一个筛选预设。
在“预设名称”框中输入一个名称。这个名称仅供参考，不会显示在你的商店中。选择“水平”作为预设布局，然后在底部点击“+ 添加一个新筛选按钮”。
你现在可以开始为你的WooCommerce产品创建一个筛选器。
创建WooCommerce产品筛选器
首先，你需要在“筛选名称”选项旁边输入一个筛选名称。比如，如果你创建一个帮助客户分类浏览产品类别的筛选器，你可以称其为“按类别筛选”。
然后，从“筛选适用”下拉菜单中选择筛选参数。免费版本的插件仅提供产品分类和标签的筛选功能。如果你要创建一个按不同价格范围进行的筛选器，请选择“价格范围”选项。要按受欢迎度或平均评分进行筛选，请选择“按排序”。
你还可以选择“分类法”选项来筛选产品标签、分类、颜色、尺寸、材料、样式等。在本教程中，我们选择此选项。
选择分类法选项后，需要在下拉菜单中选择你想筛选的分类法选项。例如，如果想通过颜色筛选产品，选择该选项。我们在创建按产品分类的筛选器时，选择“产品分类”选项。之后，在“选择条件”部分输入你网站上的所有产品分类。
你还需要从“筛选类型”下拉菜单中选择筛选器在前端的显示方式。例如，显示为复选框、下拉菜单、文本、颜色样本等。本教程中，我们选择“选择”选项来添加一个下拉菜单。
接下来，如果你想在下拉菜单中启用搜索框，请切换“显示搜索框”开关。你还可以通过激活“显示为切换”开关将筛选器显示为切换按钮。然后，客户可以打开或关闭筛选器。
完成后，从“排序依据”下拉菜单中选择筛选条目的默认排序方式。你可以按名称、条目计数或别名进行排序，还可以选择升序（ASC）或降序（DESC）排列。
最后，点击底部的“保存筛选”按钮保存筛选器。重复此过程来创建多个筛选器。
配置常规设置
回到顶部，切换到“常规设置”选项卡进行一些设置配置。首先选择一个“筛选模式”选项，可以选择实时应用筛选还是在你的网站上显示“应用筛选”按钮。还需在显示保存按钮或立即显示筛选结果之间做出选择。
接着，选择是否在同一页面上使用AJAX显示筛选结果，还是在新页面上重新加载结果。如果不想显示空白的筛选条件，可以滚动到“隐藏空白条件”选项并切换开关。例如，如果在你的WooCommerce商店中添加了一个“杯子”分类，但目前没有商品，那么它将不会在“按类别筛选”列表中显示。
你还可以切换“隐藏缺货产品”开关，以避免在结果中显示缺货产品。
可以保持其他设置为默认或根据需要进行配置。做出选择后，点击底部的“保存选项”按钮保存更改，并切换到顶部的“自定义”选项卡。
配置自定义设置（仅限高级插件）
注意：如果使用的是免费版本，则不会显示“自定义”选项卡。从这里，你可以选择WooCommerce筛选标签样式颜色、文本项颜色、颜色样本大小、筛选区域颜色等。
为WooCommerce筛选器添加颜色可以让其视觉更美观，并匹配你的电子商务商店的品牌。做出选择后，点击“保存选项”按钮并切换到顶部的“SEO”选项卡。
配置SEO设置
到这里后，切换“启用SEO选项”开关以激活设置。现在，你可以从下拉菜单中添加元标签以用于筛选页面。这将提升你网站的SEO。你还可以阅读我们关于WordPress元数据和元标签的文章获取更多详情。
你也可以通过切换“为筛选锚点添加‘nofollow’”开关自动将nofollow属性添加到所有筛选锚点，这会告诉搜索引擎在排名你的页面时不用这些筛选锚点。
满意后，点击“保存选项”按钮保存设置。
将筛选器添加到产品页面
要将刚创建的筛选器添加到WooCommerce产品页面，需要从顶部切换到“筛选预设”选项卡。从这里，复制你刚创建的筛选预设的简码。
接着，从WordPress仪表盘打开你的WooCommerce产品页面进入区块编辑器。从这里，点击左上角的添加区块“(+)”按钮查找简码区块。粘贴你复制的筛选预设简码到简码区块。
最后，点击“发布”或“更新”按钮保存更改。你现在可以访问你的网站，查看WooCommerce自定义属性筛选器的实际效果。
如何通过自定义属性筛选WooCommerce产品
如果你想用自定义属性创建一个WooCommerce产品筛选器，那么这个方法适合你。
创建自定义属性
要创建自定义属性，访问WordPress仪表盘中的产品»属性页面。在这里，输入自定义分类法属性的名称和别名。例如，如果你想为特定的产品材质创建一个筛选器，可以将其命名为“按材质筛选”。然后，勾选“启用归档”框，以便显示共享该属性的所有项目在一个页面上。点击底部的“添加属性”按钮。创建属性后，点击“配置术语”链接添加术语。将指引到一个新页面，在“名称”框中输入一个术语。例如，如果你创建了一个名为“按材质筛选”的属性，可以将个别材质作为术语。例如羊毛。你可以向一个属性添加任意多个术语。完成后，点击“添加新滤材质”按钮保存术语。
将自定义属性添加到产品
创建属性后，需要将其添加到个别WooCommerce产品。为此，打开你想编辑的产品页面。向下滚动到“产品数据”部分，并切换到“属性”选项卡。接下来，从“自定义产品属性”下拉菜单中选择你刚创建的自定义属性。点击“添加”按钮。添加自定义属性后，在“选择术语”选项中搜索与产品匹配的术语。例如，如果你创建了一个材质属性，并且编辑的产品是羊毛制品，则需要从下拉菜单中选择“羊毛”。完成后，点击“保存属性”按钮。然后，点击顶部的“更新”或“发布”按钮保存更改。你现在需要为所有共享相同属性的产品重复此过程。
使用插件创建自定义属性筛选
接下来，需要安装并激活YITH WooCommerce Ajax Product Filter插件。更多指示请参阅我们的插件安装指南。
注意：你可以使用免费或高级版本的插件来创建WooCommerce自定义属性筛选器。激活后，从WordPress仪表盘前往YITH»Ajax产品筛选页面。点击“+创建一个新的预设”按钮。在“预设名称”框中输入预设名称。完成后，点击底部的“+添加一个新的筛选按钮”开始创建WooCommerce自定义属性筛选器。
首先，在“筛选名称”框中输入名称。例如，如果你在创建一个帮助客户浏览不同材质选项的筛选器，可以将其命名为“按材质筛选”。接着，从“筛选适用”下拉菜单中选择“分类法”。如果你在使用免费版本插件，此选项将默认为你选择。你创建的自定义属性将已经在“选择分类法”选项旁的下拉菜单中可用。从下拉列表中选择自定义属性，并将属性术语输入“选择术语”框。
然后，从“筛选类型”下拉菜单中选择在前端显示筛选器的方式。筛选器可以显示为复选框、下拉菜单、文本、颜色样本等。
完成后，从“排序依据”下拉菜单中选择筛选条目的默认排序方式。你可以按名称、条目计数或别名进行排序，还可以选择升序（ASC）或降序（DESC）排列。
最后，点击底部的“保存筛选”按钮保存自定义属性筛选器。接着，从顶部切换到“常规设置”选项卡。在这里，你可以选择一个筛选模式、隐藏空白术语，并按照需要配置其他设置。
完成后，点击“保存选项”按钮保存更改，并切换到顶部的“自定义”选项卡。注意：如果使用的是免费版本，则这些自定义设置不可用。从这里，你可以自定义筛选预设在网站前端的显示方式。你可以选择标签样式颜色、文本项颜色、颜色样本大小、筛选区域颜色等。
做出选择后，点击“保存选项”按钮并切换到顶部的“SEO”选项卡。切换“启用SEO选项”开关以激活设置。可以为筛选页面添加机器元标签以优化你网站的SEO。你还可以切换“为筛选锚点添加‘nofollow’”开关，自动将nofollow属性添加到所有筛选锚点。满意后，点击“保存选项”按钮保存设置。
将自定义属性筛选器添加到WooCommerce产品页面
要将自定义属性筛选器添加到WooCommerce商店页面，从顶部切换到“筛选预设”选项卡。从这里，复制自定义属性筛选器的简码。接着，从WordPress管理侧栏中打开你的产品页面进入区块编辑器。点击左上角的添加区块“(+)”按钮拖放简码区块。粘贴你复制的筛选预设简码到区块中。最后，点击“发布”或“更新”按钮保存更改。现在，你可以访问你的网站，查看WooCommerce自定义属性筛选器的实际效果。
增加WooCommerce销售的额外提示
除添加搜索筛选器外，提高在线商店转化率的另一种方法是提升网站速度。加载更快的WooCommerce商店可以更轻松地留住客户并生成更多潜在客户。为提升商店加载时间，我们推荐切换到SiteGround。他们是WooCommerce推荐的托管提供商，让你的网站超级快速，并配有如超快速PHP、电子商务缓存等出色功能。
另一个提示是设置WooCommerce商店的缓存。这是一种将网站数据存储在临时位置以提升性能的技术。你可以使用任何最佳的WooCommerce缓存插件来提升速度。
除此之外，你还可以尝试优化产品图片、选择加载更快的WooCommerce主题、使用最新的PHP版本、开启DNS级别防火墙等方法来提升客户体验。
详细步骤请参阅我们关于如何加速WooCommerce性能的初学者指南。
希望本文帮助你了解如何通过属性和自定义属性筛选WooCommerce产品。你还可以查看我们关于如何添加模糊搜索以提升搜索结果的文章，以及我们的最佳WooCommerce主题推荐列表。
如果你喜欢这篇文章，请订阅我们的YouTube频道以获取更多WordPress视频教程。你也可以在Twitter和Facebook上找到我们。
