Skip to content

How to Add Pagination in Blog Posts in Elementor?

Table Of Content

Do you want numbered pages under your blog listing? Pagination splits a long list into pages with Next and Previous links, which keeps the page short and gives each page its own URL.

The Blog/Post Listing widget in The Plus Addons for Elementor adds it with one setting.

To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, click here.

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

Before You Start

  • Edition: Pro — Pagination is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.
  • Widget to enable: Blog/Post Listing, switched on under ThePlus Settings > Widgets.

Step 1: Add the widget

Drag the Blog/Post Listing widget onto the page and choose a style and a Grid, Masonry or Metro layout.

Pagination is not available with the Carousel layout or the Single Page Related Posts listing type.

Step 2: Choose Pagination

Open Content > More Post Options and set Post Loading Options to Pagination.

Post loading options set to pagination in content > more post options

Step 3: Set the labels

Pagination Next defaults to Next and Pagination Previous to PREV. Change them to arrows or your own wording. Typography and colours are right below.

Step 4: Set posts per page

In Content > Content Source, Maximum Post Display (labelled Maximum Posts Display in the free plugin) is the number of posts on each page. It defaults to 8. It has to be lower than your total number of posts, or there is only one page and no pagination appears.

The maximum post display field in content > content source
A blog listing with numbered pagination below the posts

Pagination, Load More or Lazy Load?

OptionWhat visitors doEdition
PaginationClick page numbers; each page has its own URLPro
Load MoreClick a button to add posts to the same pageFree
Lazy LoadScroll; posts load automaticallyPro

Settings Reference

SettingWhereDefault
Post Loading OptionsContent > More Post OptionsNone
Pagination NextContent > More Post OptionsNext
Pagination PreviousContent > More Post OptionsPREV
Maximum Post DisplayContent > Content Source8

Limitations

  • Pro only. In the free plugin the option reads Pagination (Pro).
  • Not on Carousel or Single Page Related Posts.
  • Posts per page comes from one field. Maximum Post Display sets both the first page and every page after it.

Troubleshooting

No pagination appears

You have fewer posts than Maximum Post Display (labelled Maximum Posts Display in the free plugin). Lower that number.

Page 2 shows the same posts as page 1

Usually a page cache or a permalink issue. Clear the cache, then re-save Settings > Permalinks in WordPress.

Related Docs

Related Frequently Asked Questions

Related Docs