---
title: "How to Add Ajax Lazy Load to Search Result in Elementor?"
url: https://theplusaddons.com/docs/add-ajax-lazy-load-to-search-result-in-elementor/
date: 2023-09-13
modified: 2026-09-28
lang: en
author: "Aditya Sharma"
description: "Infinite-scroll-style loading keeps a visitor in the flow of browsing results, without forcing a click for every additional page. With AJAX Search on, the Search Bar widget's Loading Options control..."
image: https://theplusaddons.com/wp-content/uploads/2023/09/How-to-Add-Ajax-Lazy-Load-to-Search-Result-in-Elementor_-1024x536.jpg
word_count: 202
---

# How to Add Ajax Lazy Load to Search Result in Elementor?

## 

- Search Bar widget uses AJAX Search with Loading Options set to Lazy Load, so it fetches more results automatically as the visitor scrolls near the bottom of the list.
- The Plus Addons for Elementor Pro is required for the Search Bar widget, and Elementor free must be installed and active before setup.
- Loading Options includes four choices, None, Lazy Load, Load More, and Pagination, with None shown as the default.

Infinite-scroll-style loading keeps a visitor in the flow of browsing results, without forcing a click for every additional page.

With **AJAX Search** on, the Search Bar widget's **Loading Options** control offers **Lazy Load**, which fetches more results automatically as the visitor scrolls near the bottom of the list.

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

![Loading Options control set to Lazy Load](https://theplusaddons.com/wp-content/uploads/2026/09/search-bar-loading-options-lazy-load.webp)

## Settings Overview

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Loading Options | None, Lazy Load, Load More, or Pagination. | None |

## 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/)- [How to Add Ajax Pagination to Search Result in Elementor?](https://theplusaddons.com/docs/add-ajax-pagination-to-search-result-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before adding Ajax lazy load to search results in Elementor?**
A: Elementor free has to be installed and active, and the Search Bar widget is a Pro widget that requires The Plus Addons for Elementor Pro to be installed and active. The widget also needs to be turned on under The Plus Addons > Widgets before it can handle AJAX Search and Lazy Load. That setup matters because Lazy Load only appears once AJAX Search is enabled and there are more results than fit on one page.

**Q: Why isn’t Lazy Load showing in the Search Bar widget?**
A: Lazy Load only shows up when AJAX Search is turned on, so the first thing to check is whether the widget is enabled and active in The Plus Addons > Widgets. The other common blocker is page size: this loading style is meant for cases where there are more results than fit on a single page. If those two conditions are missing, the Loading Options control won’t behave the way this tutorial expects.

**Q: How does Ajax lazy load change search result browsing?**
A: It keeps visitors in the flow by fetching more results automatically as they scroll near the bottom of the list. That avoids a click for every extra page, which is why it feels closer to infinite scroll than traditional pagination. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this inside the Search Bar widget through the Loading Options control when AJAX Search is enabled.

**Q: What’s the difference between Lazy Load, Load More, and Pagination in search results?**
A: The Settings Overview lists three loading styles under Loading Options: Lazy Load, Load More, and Pagination. Lazy Load fetches more results automatically as the visitor scrolls near the bottom of the list, while the related docs point to separate guides for a Load More button and for Pagination. That makes Lazy Load the least manual option when you want browsing to stay continuous.

**Q: Is Ajax lazy load better than a load more button for search results?**
A: Lazy Load is better when you want browsing to feel continuous, because new results appear automatically as the visitor reaches the bottom of the list. A load more button adds an extra click, which can slow down result scanning even if it still keeps users on the same page. The Plus Addons for Elementor offers both approaches in related docs, so the choice comes down to whether you want automatic scrolling or explicit user control.

**Q: Where can I find more settings for the Search Bar widget?**
A: The full settings tour is covered in [Search Bar Widget Settings Overview](https://theplusaddons.com/docs/search-bar-widget-settings-overview/). This tutorial only covers enabling AJAX Search and choosing Lazy Load under Loading Options, so the overview doc is where you’d look if you need context on how the widget’s controls fit together. For a live reference point, there’s also a [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/ajax-search-bar/?utm_source=tpae&utm_medium=docs&utm_campaign=text).