How to Add Ajax Taxonomies Filter in WordPress Search

Adding an Ajax taxonomies filter to your WordPress search can significantly improve the user experience. It allows visitors to search based on categories, tags, custom fields, and post types.

The default WordPress search lacks this advanced functionality. That’s one of the main reasons why we started using custom search on our own websites.

In this article, we will guide you through adding an Ajax-powered taxonomies filter to your WordPress search.

Why Use Ajax Taxonomies Filter in WordPress Search?

Ajax-powered search is faster and provides a better user experience than the default WordPress search function.

For example, a car dealership website may have custom taxonomies for different vehicle types, price ranges, models, and more. Ajax filters can help users find exactly what they need.

You can add similar search filters in WordPress to improve your site’s user experience. WordPress also helps website administrators organize their content so that users can easily find it.

However, the default WordPress search is not that powerful and doesn’t offer the ability to filter content based on categories, tags, post types, product details, and more. If you use custom taxonomies on your site, the default search performs even worse.

This is where you’ll need a WordPress plugin to help you out. In the following sections, we’ll cover 2 methods on how to add an Ajax taxonomies filter to a WordPress search.

The first method will help you show filters on the front end of your WordPress website. The second method will help you improve the default WordPress search and include taxonomies when searching posts and pages on your site.

Simply click the links below to jump ahead to your preferred section:

Ready? Let’s get started.

Method 1: Add Ajax Taxonomies to WordPress Search Using SearchWP

The easiest way to add Ajax taxonomies to WordPress search is by using SearchWP. It’s the best search plugin for WordPress and makes it easy for users to find what they’re looking for on your website.

It goes beyond using just the content on your blog posts and pages to look up things. SearchWP uses custom fields, taxonomies, WooCommerce product attributes, text files, custom tables, and more.

Please note that SearchWP won’t show the taxonomies filters on your website’s front end. However, it will include them in the search process and improve the default WordPress search.

First, let’s visit the SearchWP website and sign up for an account. After that, you can download and install the plugin on your site. If you need help, then please see our guide on how to install a WordPress plugin.

Upon activation, you will need to go to SearchWP » Settings from the WordPress admin panel. From here, simply enter the license key, which you can easily find in your account area.

Now, you can go to SearchWP » Algorithm from the WordPress dashboard.

From here, you can edit the search relevance for your website. For instance, you can increase weights for title, content, slug, and excerpt to help users find what they’re looking for.

To add taxonomies to the search relevance, you can click the ‘Add/Remove Attributes’ button.

This will open a new window.

You can click the ‘Taxonomies’ dropdown menu and select whether you’d like to include categories, tags, formats, or all of them in the WordPress search.

After selecting the taxonomies, don’t forget to click the ‘Done’ button.

You should now see the taxonomies for your WordPress blog post search algorithm. You can use the slider to increase their relevance in WordPress searches.

You can also click the ‘Edit Rule’ button to determine what content can and cannot appear in the search results.

For instance, SearchWP will include all the categories on your website. You can remove categories from which you don’t want the content to show up or add multiple conditions to customize the search results.

Don’t forget to click the ‘Done’ button when finished.

You can now edit the search algorithm for your pages, media files, WooCommerce products, and more to show up in SearchWP.

Now, whenever a visitor searches for pages and posts on your website, SearchWP will include taxonomies during the search process.

Method 2: Add Ajax Taxonomies Filter Using Search & Filter Plugin

Another method to add an Ajax taxonomies filter to your website is to use a free WordPress plugin like Search & Filter. While it requires a bit of coding, it’s still easy to use and allows your users to search based on category, tag, custom taxonomy, post type, and more.

First, you will need to install and activate the Search & Filter WordPress plugin. For more details, please see our guide on how to install a WordPress plugin.

Upon activation, you can add a shortcode to show the Ajax taxonomies filter anywhere on your website.

For instance, you can enter the following shortcode to show the category and post-type dropdown filter:

[searchandfilter fields="search,category,post_tag"]

On the other hand, if you want to show headings for categories and tags, then you can add the following shortcode:

[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]

Here’s what the Ajax taxonomies search filter looks like on our demo site.

In the screenshot, you can see the filter in the sidebar where users can use the dropdown menu and select a category or tag.

The plugin also lets you show filters as radio buttons and checkboxes.

You can add the following shortcode anywhere on your site to show taxonomy filters as checkboxes:

[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" headings=",Categories,Tags"]

In the screenshot above, you can see the taxonomies filter as checkboxes. Users can simply select categories from which they want to view posts and pages.

We hope this article helped you add an Ajax-powered taxonomy filter to your WordPress search on your site. You may also want to see our guide on how to improve WordPress search and the best live chat software for small businesses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.