Skip to content

How to Add Pagination in Custom Post Types in Elementor?

Table Of Content

A long custom post type listing needs a way to move past the first page of results.

Dynamic Listing’s More Post Loading Options set to Pagination adds numbered page links below the grid, in either a standard full-reload mode or an AJAX mode that swaps pages in place.

For the full settings tour of the Dynamic Listing widget, see Dynamic Listing 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: Dynamic Listing is a Pro widget – it needs The Plus Addons for Elementor Pro installed and its license activated. It will not appear in the free plugin.
  • Widget to enable: go to The Plus Addons > Widgets, search for Dynamic Listing and turn its toggle on.

Steps

  • Add the Dynamic Listing widget to the page.
  • Under More Post Options, set More Post Loading Options to Pagination.
More post loading options set to pagination

Set Pagination Type to Standard (a normal link that reloads the page at ?paged=2 etc.) or Ajaxbased (fetches the next page’s posts without a full reload). Visible Page Numbers controls how many page-number links show at once around the current page.

Pagination type set to ajaxbased, with visible page numbers

Settings Overview

SettingWhat it doesDefault
More Post Loading OptionsNone, Pagination, Load More or Lazy Load.None
Pagination TypeStandard (reload) or Ajaxbased (in place).Standard
Visible Page NumbersHow many page links show around the current page.3

Related Docs

Not verified

So you know exactly what has and has not been checked:

  • Whether the AJAX pagination mode updates the URL/browser history (so back/forward and direct links to page 2+ work) was not specifically tested.

Related Frequently Asked Questions

Related Docs