---
title: "How to Add Search Bar for Posts in WordPress?"
url: https://nexterwp.com/docs/add-search-bar-for-posts-in-wordpress/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "When you have lots of posts on your website, adding a post specific search can improve the user experience. By adding a search bar for posts will help users to..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Search-Bar-for-Posts-in-WordPress_-1024x519.jpg
word_count: 255
---

# How to Add Search Bar for Posts in WordPress?

## Key Takeaways

- Nexter Blocks Search Bar block adds a post-specific search bar in WordPress when the block is installed and activated.
- Search Bar block lets the Source section use Post and the Select Post dropdown use Posts, so the search bar shows a dropdown beside it.
- Extra Option tab enables AJAX Search, and the Show Count toggle displays the number of posts in numbers.

When you have lots of posts on your website, adding a post specific search can improve the user experience. By adding a search bar for posts will help users to quickly and efficiently locate the content they are looking for.

With the Search Bar block from the Nexter Blocks, you can easily add a search bar for posts specifically in WordPress.

*To check the complete feature overview documentation of the Nexter Blocks Search Bar block, [click here](https://nexterwp.com/docs/add-a-search-bar-in-wordpress/).*

***Requirement  - This block is a part of the Nexter Blocks, make sure it's installed & activated to enjoy all its powers.***

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/builder/wordpress-ajax-search-bar/)

To do this, add the Search Bar block on the page or template and follow the steps -

1. Open the item under **Search Bar** and select **Post** from the **Source** section.

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

![](https://nexterwp.com/wp-content/uploads/2024/12/searchbar-field-post.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 Count** toggle, you can show the number of posts the item has in numbers.

3. Now go to **Extra Option** tab and enable the **AJAX Search** toggle.

![](https://nexterwp.com/wp-content/uploads/2024/12/searchbar-ajax-search.png)

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 Post** dropdown to search pages only. 

![](https://nexterwp.com/wp-content/uploads/2024/12/searchbar-field-post-demo.gif)