专注于外贸建站,分享WordPress教程和Elementor教程

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

更新日期:2021-04-03

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

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

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

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

什么是过滤器插件

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

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

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

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

为什么需要过滤器插件

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

WordPress 的默认过滤功能

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

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

要添加过滤器,您必须执行两个步骤:

  1. 创建一个回调(自定义)函数,运行过滤器时将调用该函数。
  2. 将回调函数添加到将执行函数调用的钩子中。

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

更多过滤器选项

过滤器插件让您可以自由地以您希望的方式呈现信息,并且在网站体验方面,为您的用户提供尽可能多的自由。正如上文所说,WordPress有一些默认的过滤选项,如类别和标签,这为您提供了一种对内容进行排序的方法。但是,您一次只能查看一个类别或标签,不能执行其他操作。另一方面,过滤器插件可以帮助您添加更多的过滤选项,使您的用户体验更加流畅和丰富。

设计

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

规划

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

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

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

插件

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

FacetWP

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

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

Filters 1 FacetWP

第一步是安装插件,请从官方网站购买并下载,购买前您可以在线体验一下。如果要将其与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一样,选择多个“类别”来过滤信息。

Filters 2 JetSmartFilters 2

你可以点击这里购买并下载插件。虽然它没有试用版,但它很便宜,每年只需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兼容。

Filters 3 Search and Filter 2

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

优点

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

缺点

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

价格:单个站点20美元/年,无限站点75美元/年。

点赞
0 / 5 0

Your page rank:

教程 分类

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关 教程

我自用的 建站资源

当你点击本站的链接购买主机、主题、插件,我会得到一些佣金用于运营网站,但不会影响你的购买价格,我只推荐自己在用的,感谢有你的支持~比心( •̀ ω •́ )y

Namesilo

注册域名,购买时使用优惠券loyseo可减1美元
前往注册→

siteground logo
SiteGround

购买外贸建站主机,它是80%读者的选择
了解详情→

Astra

易用又轻快的WordPress主题,含超多免费模板
了解详情→

elementor logo gradient 01 1
Elementor

最热门的网页可视化设计编辑器,我的网站就是用它建的
了解详情→

Hi~当你点击本站中的主机、主题、插件的链接前往购买后,我将获取一些佣金,这是我撰写建站教程的主要收入~希望也能得到你的支持,比心( •̀ ω •́ )y

Copyright © LOYSEO.COM — 专注提供外贸网站建设 · 外贸建站 · 外贸网站制作 与 外贸建站教程