---
title: "How to Add Ajax Pagination to Search Results in WordPress?"
url: https://nexterwp.com/docs/add-ajax-pagination-to-search-results-in-wordpress/
date: 2024-12-02
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to add Ajax pagination to the search results in WordPress? If you have a long list of items showing in the search result then adding a pagination..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Ajax-Pagination-to-Search-Results-in-WordPress_-1024x519.jpg
word_count: 286
---

# How to Add Ajax Pagination to Search Results in WordPress?

## Key Takeaways

- Nexter Blocks Search Bar block adds Ajax pagination to WordPress search results when the AJAX Search toggle is enabled and Pagination is selected in the Loading Options dropdown.
- Results Area tab sets the Posts Per Page value, and pagination appears only when that number is lower than the total number of search result items.
- Counter Enable toggle shows or hides pagination numbers, while Arrow Navigation toggle shows or hides next and previous buttons for the pagination.

Are you looking to add Ajax pagination to the search results in WordPress? If you have a long list of items showing in the search result then adding a pagination can improve the user experience.

With the Search Bar block from the Nexter Blocks, you can easily add a pagination to the Ajax search result.

*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. Select the appropriate source and type for search.

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

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

3. Then go to the **Load More/Lazy Load** tab and select **Pagination** from the **Loading Options** dropdown.

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

From the **Counter Enable** toggle, you can show or hide the pagination numbers.

From the **Arrow Navigation** toggle, you can show or hide the next and previous buttons for the pagination. 

You can edit the button text, add icons and position the button as well.

4. After that go to the **Results Area** tab, and from the **Posts Per Page** section you can set how many items will load in the initial search result.

![](https://nexterwp.com/wp-content/uploads/2024/12/searchbar-result-area-post-per-page.png)

Depending on the total number of items and the number set in the **Posts Per Page** field, you’ll see a pagination when you make a search which you can use to see all the results.

> *Note: To have pagination, you must set a lower number in the ****Posts Per Page**** field than the total number of search result items.*

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