---
title: "How to Add Ajax Load More Button to Search Result in Elementor?"
url: https://theplusaddons.com/docs/add-ajax-load-more-button-to-search-result-in-elementor/
date: 2023-09-13
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "A visible \"Load More\" button gives visitors explicit control over fetching more results, unlike an automatic infinite scroll. With AJAX Search on, setting Loading Options to Load More adds a..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-Ajax-Load-More-Button-to-Search-Result-in-Elementor_-1024x536.jpg
word_count: 214
---

# How to Add Ajax Load More Button to Search Result in Elementor?

## 

- Implements a load more button in search results using the Search Bar widget from The Plus Addons for Elementor.
- Enables AJAX Search by default and allows customization of button text and loading messages in the Load More/Lazy Load tab.
- Sets initial search results and controls load more functionality by adjusting the Posts Per Page setting.

A visible "Load More" button gives visitors explicit control over fetching more results, unlike an automatic infinite scroll.

With **AJAX Search** on, setting **Loading Options** to **Load More** adds a button below the results that fetches the next batch on click.

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 **Load More**.

![Loading Options control set to Load More, with the button visible](https://theplusaddons.com/wp-content/uploads/2026/09/search-bar-loading-options-load-more.webp)

Customise the button with **Button Text**, **Loading Text** and **All Posts Loaded Text**.

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Loading Options | None, Lazy Load, Load More, or Pagination. | None |
| Button Text | Label on the Load More button. | Load More |

## Related Docs

- [How to Add Ajax Lazy Load to Search Result in Elementor?](https://theplusaddons.com/docs/add-ajax-lazy-load-to-search-result-in-elementor/)- [How to Add Ajax Pagination to Search Result in Elementor?](https://theplusaddons.com/docs/add-ajax-pagination-to-search-result-in-elementor/)