How to Customize Search Page for Custom Post Type in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • Dynamic Listing widget from The Plus Addons for Elementor customizes the search page for custom post types.
  • Custom post type called Books is created using Advanced Custom Fields (ACF).
  • WP Search Bar widget from The Plus Addons for Elementor requires AJAX Search toggle to be turned off for displaying results on the search archive page.
Table Of Content

Do you want to customize the search page specifically for the custom post types in Elementor? By customizing the search page for custom post types, visitors can easily search for specific information and content. 

With the Dynamic Listing widget from The Plus Addons for Elementor, you can easily customize the search page for the custom post types.

To check the complete feature overview documentation of The Plus Addons for Elementor Dynamic Listing 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.

LIVE WIDGET LINK

First, you have to create the search archive template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.

Then, make sure you have created at least one custom post type, you can use the free Advanced Custom Fields (ACF) to create a custom post type.

For instance, we have created a custom post type called Books.

Once you’ve created your custom post type, follow the steps – 

1. Add the Dynamic Listing widget to the template.

2. Select Search List from the Post Listing Types dropdown.

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

Dynamic listing search list page custom post type new how to customize search page for custom post type in elementor? From the plus addons for elementor

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

5. From the Custom Query section you can show posts from multiple post types.

You can fine-tune the settings and style from other options.

Add The Search Widget

Now, for the search widget, you have to use the WP Search Bar widget from The Plus Addons for Elementor.

Add the widget on the template or any other page and follow the steps –  

1. In the Search Bar Field tab, open the Post item, select Post from the Source dropdown, then select your custom post type from the Select Type field.

Wp search bar custom post type new how to customize search page for custom post type in elementor? From the plus addons for elementor

Looking to customize the WooCommerce search results page in Elementor? Click here.

2. Then go to the Extra Options tab, and turn off the AJAX Search toggle so that the result shows on the search archive page.

Wp search bar ajax search new how to customize search page for custom post type in elementor? From the plus addons for elementor

Now if you search your custom post types, it will show in your customized listing.

Also, read How to create Elementor custom post type archive page.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the Dynamic Listing widget isn't displaying my custom post types?

If the Dynamic Listing widget isn't showing your custom post types, ensure that you've created at least one custom post type and that The Plus Addons for Elementor is installed and activated. The widget requires these conditions to function properly. Additionally, double-check that you've selected the correct custom post type from the Post Type dropdown in the widget settings.

What settings should I adjust for optimal performance when customizing the search page?

For optimal performance when customizing the search page, ensure that you turn off the AJAX Search toggle in the Extra Options tab of the WP Search Bar widget. This setting ensures that search results are displayed on the search archive page rather than dynamically loading, which can improve load times and user experience.

How do I create a search archive template for my custom post types?

To create a search archive template for your custom post types, you can use either the free Nexter Builder or Elementor Pro. After creating the template, add the Dynamic Listing widget and select 'Search List' from the Post Listing Types dropdown to begin customizing your search results.

Last reviewed: April 11, 2026

Related Docs