Skip to content

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

Table Of Content

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.

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

Before You Start

  • Prerequisite: 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

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

Settings Overview

SettingWhat it doesDefault
Loading OptionsNone, Lazy Load, Load More, or Pagination.None
Button TextLabel on the Load More button.Load More

Related Docs

Related Frequently Asked Questions

Related Docs