Skip to content

How to Add Ajax Pagination to Search Result in Elementor?

Table Of Content

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.

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 Pagination.

Loading options control set to pagination, with next/previous controls

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

Settings Overview

SettingWhat it doesDefault
Loading OptionsNone, Lazy Load, Load More, or Pagination.None
Next text / Previous textLabels for the pagination controls.Next / Previous

Related Docs

Related Frequently Asked Questions

Related Docs