How to Create Filters for Custom Post Types with Custom Taxonomy in Elementor?

Updated on September 14, 2023 by Ananda
Table Of Content

Are you looking to add filters for your custom post types based on a custom taxonomy? Filters allow users to narrow down their search results based on specific criteria, making it easier to find the information they need quickly. 

With the WP Search Filters widget from The Plus Addons for Elementor, you can easily add a filter for custom post types based on custom taxonomy.

To check the complete feature overview documentation of The Plus Addons for Elementor WP Search Filters widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

To do this, make sure you have created at least one custom post type and its custom taxonomy, you can use the free Advanced Custom Fields (ACF) to create a custom post type and custom taxonomy.

For instance, we have created a custom post type called Books and Book Authors as its custom taxonomy.

Once you’ve created your custom post type and custom taxonomy, then you have to use the WP Search Filters widget with the Dynamic Listing widget.

Note: Make sure you’ve enabled WP Search Filters and Dynamic Listing widgets from The Plus Settings.

Place the widgets in your desired location on the page or template, then follow the steps –

1. In the Dynamic Listing widget, select Search List from the Post Listing Types dropdown.

2. Then select your custom post type from the Post Type dropdown.

Dynamic listing search list

3. After that, select the appropriate style and layout.

To ensure this works, make sure to assign taxonomies to your custom post, only then it will work.

Assign taxonomy to custom post type

4. In the WP Search Filters widget, open the Category item under the Filter Area.

5. From the Filter Type dropdown, select WP Filter and from the Select Source dropdown, you can choose CheckBox, Radio Button, Drop Down or Tabbing Filter.

Select the option that fits your needs.

5. Then select Taxonomy from the Select Type dropdown.

6. From the Select Taxonomy dropdown, select your custom taxonomy, i.e. book-author here.

Wp search filters custom taxonomy

Now you should be able to see a filter that users can use to filter custom post types by custom taxonomy.

Also, read How to Create Checkbox Filter for Custom Posts with Custom Fields in Elementor.

Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website

    Related Docs