With a large number of custom post type entries, a search filter helps visitors find what they are looking for without scrolling through every item. Adding a search filter for custom post types in Elementor improves both usability and the overall experience.
The WP Search Filters widget from The Plus Addons for Elementor lets you add a real-time search filter for any custom post type in Elementor.
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 it is installed and activated to enjoy all its powers.
Best Used For:
- Websites with large custom post type archives such as books, courses, team members, or portfolios where visitors need to search quickly
- Project, property, or event directories where keyword search by title, content, or taxonomy improves discoverability
- Sites pairing the Dynamic Listing widget with search filters to create interactive, filterable custom post type archives
Before getting started, create at least one custom post type. The free Advanced Custom Fields (ACF) plugin includes a tool to create a custom post type.
For this example, the custom post type is called Books.
Use the WP Search Filters widget together with the Dynamic Listing widget on the same page or template.
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.
3. After that, select the appropriate style and layout.
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 Search Input from the Select Source dropdown.
6. Then select Taxonomy from the Select Type dropdown.
7. In the Placeholder Text field, add a placeholder text for the search field.
8. From the Generic Filters section, set which part of the post the search will be performed on.
Search in Title – Searches the item title.
Search in Content – Searches the item content.
Search in Name – Searches the item slug.
Search in Excerpt – Searches the item excerpt content.
Search in Category – Searches the item category.
Search in Tags – Searches the item tags.
Search Type – Set the type of search. Keep it at default for partial matches, or set it to full match to show only items with an exact match.
Mix these options to expand the search area as per your requirements.
A search input field now appears on the page for searching custom posts. To add conditional visibility rules that show or hide content based on WooCommerce conditions, see How to Set Dynamic Visibility Conditions for WooCommerce Products in Elementor.
Also, read How to Add WooCommerce Live Product Search in Elementor.
