适合Elementor编辑器的最佳搜索过滤插件

在外贸建站过程中，添加搜索过滤器能够为用户提供便捷和提高满意度。本文中，我们在网上搜集了WordPress的最佳搜索过滤插件，并介绍了它们的优缺点及使用指南。

当一个网站上的产品和文章越多，浏览起来就越困难，对于房地产、电商和餐馆列表等网站来说尤其如此。

想象一下，您正在网上浏览本地的餐馆名单，以便找到一家披萨店。如果你不得不单独浏览每一家餐馆的列表去查看是否提供披萨、服务好不好、价格如何，那这个过程是令人崩溃的，然而，通过搜索过滤功能，您可以选择所需的参数进行过滤，只浏览符合条件的餐厅。

WordPress自带了过滤功能，但已经有些落后了，这使得大量过滤插件的涌现，本文选择了三个与Elementor编辑器配合良好的过滤器进行讲解。

什么是过滤器插件

过滤器插件允许用户过滤网页中的文章和产品。它们通常带有各种过滤选项和不同的设计样式配置。这些插件通常是可以自定义配置的，以便使您的网站用户拥有便捷舒适的体验。

其中有一些插件可以很好地与Elementor编辑器配合使用，并且交互方式也很容易。此外，您可能会发现有两种类型的过滤系统：“filter”和“facet”，通常他们可以互换使用，但实际上它们是不同的。

Filters：它们在类别配置中更加通用和广泛，并且在选择时，它们会排除网站上的其他结果。在切换搜索内容时，他们会保持不变。亚马逊的平均分过滤就是一个很好的例子。假设你正在找书，一旦你选择了平均分过滤，譬如选择客户评论过滤器（让我们选4星+），那每个后续搜索将是4星或更多，如果你改变了书的题材或语言或其他任何东西，4星+的评论将是不变的。

Facets：它们更具体、更具交互性，并与搜索关键词直接相关。假设你在亚马逊上找书，你来到图书部分，选择了历史题材，一旦你点击它，你就会得到进一步的建议和选择（比如地区）。现在，根据您的搜索关键词（如：历史），您将获得更多的方面过滤选项（区域、历史类型等），并且随着选择的增多，您将获得更多的进一步选项。这让用户可以通过应用多个过滤器来缩小搜索结果的范围。当您的网站有数百个帖子或产品时，Facet过滤器可以显著改善客户和访问者的浏览体验。

为什么需要过滤器插件

好了，现在你知道什么是过滤器插件了，接下来我们讨论一下为什么需要他们。

WordPress 的默认过滤功能

WordPress提供了一些自带的过滤功能，您可以按类别、标签、日期和作者进行过滤。如果需要额外的过滤器，你需要写代码。

在编码中，过滤器是两种类型的钩子之一，另一种是动作，它们为函数提供了一种修改其他函数的数据的方法。钩子是一段代码与另一段代码进行交互或修改的一种方式。然而，与动作不同的是，过滤器意味着以隔离的方式工作。

要添加过滤器，您必须执行两个步骤：

创建一个回调（自定义）函数，运行过滤器时将调用该函数。
将回调函数添加到将执行函数调用的钩子中。

这对开发人员来说可能是有意义的，但对我们编码小白来说，实现起来是天方夜谭。

设计

过滤器插件有很多设计选项，从颜色到形状，你可以改变它们的外观。此外，您可以选择不同类型的过滤器，如幻灯片过滤器、复选框筛选器、下拉筛选器等。您拥有的设计选项越多，您创建的网站就更加灵活可用。

规划

在我们继续讨论插件之前，我想说，组织和确定您的产品应该如何分类是非常重要的。您需要先理解这些术语：类别、标签等等，甚至，你需要制定一个计划并把它画出来（原型图）。

想象一下，你要创建一个外贸商店，卖衬衫。你打算按尺码卖吗？还是按颜色、领型？又或是按品牌？您必须在每件衬衫上添加以下属性值：颜色、尺码、领型、品牌等等，当你的用户用过滤器筛选以下内容时：黑色、V领、M码、品牌X，他们能够得到他们想要的结果。

如果你已经有了一个网站，含文章或产品，那么你需要花些时间去研究过滤选项的规则了，你要考虑客户需要什么、内容能为他们带来什么价值、你设置的搜索是否满足他们的意图，有时，一个产品或帖子会有多个属性，你必须了解你想要的最终过滤结果是什么，并分别添加属性值。

插件

接下来我们来说说这三款过滤器插件，并讲解他们的优缺点以及如何使用。

FacetWP

FACETWP是一个用于WordPress的高级过滤插件，它允许您使用站点现有的帖子类型、字段和分类法，通过仅显示相关的过滤选项来为您的用户提供他们正在寻找的内容。

它基于Facet系统，增强了WordPress的默认搜索功能。FacetWP包括12个筛选类型，如复选框、下拉菜单、日期范围和滑块。它允许您添加筛选功能到WooCommerce网站中。由于它是基于Ajax的，因此不需要刷新页面来过滤它，这使得它的速度非常快。FACETWP与Elementor配合得很好，同时提供了大量的UI设计选项。

第一步是安装插件，请从官方网站购买并下载，购买前您可以在线体验一下。如果要将其与Elementor集成，您还需要安装 FacetWP Elementor plugin。一旦你安装并激活它，你就可以开始使用它。

设置它并不是十分困难（有点小难）。您先得创建一个新的facet或标签，定义类型和数据源，保存更改，并重新索引页面。完成后，只需在Elementor的Posts元素块中启用FacetWP，你也可以复制它的简码（shortcode）并将其粘贴到Elementor附带的ShortCode元素块中。

现在，您可以在ShortCode元素块中对其进行编辑、设计。进入元素块的“高级选项”，根据您的喜好调整边框、背景等。并不是所有的配置都能完美地运行，你必须稍微调整一下选项，了解你能做什么和不能做什么，但最终，它确实能给你很多可能的设计选项。

优点

它使用facets，这为您提供了更多的过滤选项。
它有12种不同的筛选类型可供选择，可以让您选择最适合您的过滤器类型。
它直观地集成了WooCommerce和Elementor，这对于任何拥有电子商务网站或博客网站的人来说都很重要。
总的来说，FACETWP非常适合中小型企业。

缺点

它并不适用于所有的WordPress主题。
如果您没有编码经验，那么设置它可能会有点困难，而且总体而言，它对个人使用不太友好。
相比其他只关注过滤的插件，价格似乎有点高

价格：3个网站99美元/年，20个网站249美元/年。

JetSmartFilters

CrocoBlock的JetSmartFilters是另一个基于Ajax的过滤器系统，它有七种智能过滤器变体，包括单选过滤器、数据范围过滤器、搜索过滤器、活动过滤器、范围过滤器、复选框过滤器和检查范围过滤器。

虽然JetSmartFilters的过滤器变化比FACETWP少，但它与其他Jet插件（如JetWooBuilder）配合得很好，JetWooBuilder基本上是WooCommerce所需要的一切。从产品页面模板到特殊的小工具，同时，JetEngine—它使您能够使用Elementor添加和编辑动态内容。

您可以一次使用多个过滤器，这允许您自定义页面，以使其看起来更好或满足客户的需求。虽然没有说明JetSmartFilters使用了facet系统，您可以像使用FACETWP一样，选择多个“类别”来过滤信息。

你可以点击这里购买并下载插件。虽然它没有试用版，但它很便宜，每年只需15美元。

安装完并激活后，您必须创建一个新的筛选器，配置类型和数据源，并发布它。

发布后，在Elementor中选择已配置的过滤器，并将其放置在所需的页面上。

您必须复制Jet-Smart-Filters名称，并将其设置到posts元素块的Query部分。

注意：如果你想要过滤器的样式不同，那必须再创建一个新过滤器来实现了。

优点

有七种智能过滤器可供选择。
价格为每年24美元，这是一个非常低的价格。
它与Elementor的集成特别好，因为它向编辑器窗口添加了新的元素块。
在初始设置之后，它变得超快速且易于使用。
它与WooCommerce和其他Jet插件配合得很好。

缺点

没有FACETWP那么多过滤器。
缺少试用版会让人犹豫要不要买。

价格：一个网站24美元/年

Search & Filter

Search&Filter是您可以使用的另一种过滤器。该过滤器拥有30000多个活跃安装，并在WordPress上获得了很不错的近5星评价。它是基于Ajax的，并且像FacetWP和JetSmartFilters一样，允许多个选项筛选，类似于facets搜索。我的网站中用的就是它。

它有一个简单的拖放编辑器，允许您按类别、标签、自定义分类法、文章类型、文章日期或这些的任意组合进行搜索。过滤器有多种样式，如下拉菜单、复选框、单选按钮或多项选择。你可以使用简码和小工具把它放在你的主题和文章的任何地方。它与WooCommerce、WP eCommerce和Easy Digital Downloads兼容。

你可以在这里下载免费版本的插件。一旦你安装了插件，进入它的页面，复制简码并将其插入到简码元素中即可。

优点

免费版本提供了一个简单、快速的过滤解决方案。如果你是建站新手，又希望添加一个简单的过滤器的话，它适合你。

缺点

它需要你知道一定程度的编码知识，除非你有高级的编码知识，否则你将无法定制的外观。
付费版（下图）提供Ajax、多个表单、拖放选项等高级功能，而免费版您只能一次按一个类别进行搜索，并且需要按“选择”按钮才能执行搜索。

价格：单个站点20美元/年，无限站点75美元/年。