---
title: "How to Customize Search Page for Custom Post Type in Elementor?"
url: https://theplusaddons.com/docs/customize-search-page-for-custom-post-type-in-elementor/
date: 2023-08-28
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Customize-Search-Page-for-Custom-Post-Type-in-Elementor_-1024x536.jpg
word_count: 373
---

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

## 

- Customize the search page for custom post types using the Dynamic Listing widget from The Plus Addons for Elementor.
- Create a search archive template with Nexter Builder or Elementor Pro and ensure at least one custom post type is established using Advanced Custom Fields (ACF).
- Utilize the WP Search Bar widget from The Plus Addons for Elementor to display search results for custom post types by adjusting settings in the Search Bar Field and Extra Options tabs.

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](/docs/dynamic-listing-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-listing//#dynamic-listing-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

First, you have to create the search archive template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/) 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)](https://wordpress.org/plugins/advanced-custom-fields/) to[ create a custom post type](https://www.advancedcustomfields.com/resources/registering-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.

![](https://theplusaddons.com/wp-content/uploads/2023/08/dynamic-listing-search-list-page-custom-post-type-new.png)

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](https://theplusaddons.com/plus-search-filters/advanced-wp-ajax-searchbar/) 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.

![](https://theplusaddons.com/wp-content/uploads/2023/08/wp-search-bar-custom-post-type-new.png)

*Looking to customize the WooCommerce search results page in Elementor? [Click here.](https://theplusaddons.com/docs/customize-woocommerce-search-results-page-in-elementor/)*

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.

![](https://theplusaddons.com/wp-content/uploads/2023/08/wp-search-bar-ajax-search-new.png)

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](https://theplusaddons.com/docs/create-elementor-custom-post-type-archive-page/).*