---
title: "How to Add Search Bar for Posts in Elementor?"
url: https://theplusaddons.com/docs/add-search-bar-for-posts-in-elementor/
date: 2023-09-13
modified: 2026-04-10
lang: en
author: "Aditya Sharma"
description: "Adding a search bar to your website can improve the user experience. When you have lots of content, having a search feature becomes important as it allows users to quickly..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-Search-Bar-for-Posts-in-Elementor_-1024x536.jpg
word_count: 278
---

# How to Add Search Bar for Posts in Elementor?

## 

- Implements the Search Bar widget from The Plus Addons for Elementor to enhance content discoverability.
- Enables AJAX Search by default for real-time results in the search bar functionality.
- Allows selection of specific post types from the Select Type dropdown for tailored search results.

Adding a search bar to your website can improve the user experience. When you have lots of content, having a search feature becomes important as it allows users to quickly find the content they are looking for.

With the Search Bar widget from The Plus Addons for Elementor, you can easily add a search bar for posts specifically.

*To check the complete feature overview documentation of The Plus Addons for Elementor Search Bar widget, [click here](/docs/search-bar-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/plus-search-filters/advanced-wp-ajax-searchbar/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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 **Post** from the **Source** dropdown.

2. From the **Select Type** dropdown, select **Posts**.

![search bar posts](https://theplusaddons.com/wp-content/uploads/2023/09/search-bar-posts.png)

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.

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

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

> *Note: The AJAX Search will be enabled by default.*

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

In a similar way, you can select pages from the **Select Type** dropdown to search pages only. 

![search bar posts demo](https://theplusaddons.com/wp-content/uploads/2023/09/search-bar-posts-demo.gif)

Also, check [How to Search Specific Custom Post Types in Elementor](https://theplusaddons.com/docs//search-specific-custom-post-types-in-elementor/).