---
title: "How to Add Ajax Pagination to Search Result in Elementor?"
url: https://theplusaddons.com/docs/add-ajax-pagination-to-search-result-in-elementor/
date: 2023-09-13
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Some visitors prefer to jump between discrete pages of results rather than scroll or click-to-append - pagination keeps result sets predictable and easy to reference. With AJAX Search on, setting..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-Ajax-Pagination-to-Search-Result-in-Elementor_-1024x536.jpg
word_count: 214
---

# How to Add Ajax Pagination to Search Result in Elementor?

## 

- Search Bar widget uses AJAX Search with Loading Options set to Pagination to add Next/Previous navigation that fetches each page over AJAX without a full page reload.
- The Plus Addons for Elementor Pro requires Elementor free to be installed and active, and the Search Bar widget is enabled from The Plus Addons > Widgets.
- Pagination controls allow custom Next text, Next Icon, Previous text, and Previous Icon, while the default Loading Options value is None.

Some visitors prefer to jump between discrete pages of results rather than scroll or click-to-append - pagination keeps result sets predictable and easy to reference.

With **AJAX Search** on, setting **Loading Options** to **Pagination** adds Next/Previous navigation that fetches each page over AJAX, without a full page reload.

For the full settings tour of the **Search Bar** widget, see [Search Bar Widget Settings Overview](https://theplusaddons.com/docs/search-bar-widget-settings-overview/).

***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/ajax-search-bar/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Edition:** Search Bar is a **Pro** widget - it requires The Plus Addons for Elementor Pro to be installed and active.- **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Search Bar** and turn its toggle on.- More results than fit on a single page.

## Steps

Add the Search Bar widget, turn on **AJAX Search**, then in **Load More/Lazy Load** set **Loading Options** to **Pagination**.

![Loading Options control set to Pagination, with Next/Previous controls](https://theplusaddons.com/wp-content/uploads/2026/09/search-bar-loading-options-pagination.webp)

Customise **Next text** / **Next Icon** and **Previous text** / **Previous Icon**.

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Loading Options | None, Lazy Load, Load More, or Pagination. | None |
| Next text / Previous text | Labels for the pagination controls. | Next / Previous |

## Related Docs

- [How to Add Ajax Load More Button to Search Result in Elementor?](https://theplusaddons.com/docs/add-ajax-load-more-button-to-search-result-in-elementor/)