How to Search by Post Category in Elementor?

Updated on June 24, 2024 by Editorial Team
Table Of Content

Do you want to allow users to search blog posts by different categories? This is particularly useful for websites which has a large number of posts. It allows users to quickly filter through content and find posts that belong to a specific category.

With the Search Bar widget from The Plus Addons for Elementor, you can easily allow users to search posts by category.

To check the complete feature overview documentation of The Plus Addons for Elementor Search Bar 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, add the Search Bar widget on the page or template and follow the steps –

1. Open the item under Search Bar and select Taxonomy from the Source dropdown.

2. From the Select Taxonomy dropdown, select category.

Search bar category

Now, you should be able to see a dropdown beside the search bar.

In the Label field, you can add a label name for the select dropdown.

In the Placeholder field, you can add a placeholder text for the select dropdown. 

From the Show Index toggle, you can show the number of posts the item has in numbers.

Then from the Show Sub category toggle, you can search posts by subcategories as well.

Note: You can click on the +Add Item button to use both posts and categories as filters as well.

3. Now go to Extra Option tab and make sure the AJAX Search is enabled.

Search bar ajax search

Note: The AJAX Search will be enabled by default.

Now you can select a category from the dropdown to show all the posts within the category in the search result or you can directly search for blog posts within a specific category.

Search bar category demo

Also, check How to Search by Post Tag 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