add pagination elementor

Need to add pagination in Elementor?

You can use Elementor to build almost all kinds of websites. Including dynamic websites like ezines or blogs. For websites like ezines or blogs, one of the crucial enough elements is navigation.

Pagination allows you to divide your website content into multiple pages. Let’s say you have hundreds of articles that you want to show on the homepage. With pagination, you can divide these articles into multiple pages. You can, for example, display only 10 articles per page. To display the other articles, you can use pagination.

The discussion of pagination could be broader than what we mentioned above. But we want to focus on this context.

Elementor allows you to add pagination to your website. You can find the pagination setting when working with the Posts widget and the Archive Posts widget. In this article, we’ll show you how to add pagination when working with these widgets.

Note: The Posts and Archive Posts widgets are only available on Elementor Pro.

add pagination elementor

How to add pagination in Elementor with Posts and Archive Posts widgets

To get started, you can create a new page/post and edit it with Elementor. You can also edit an existing page.

Then, in the Elementor editor, add the Posts widget by dragging it from the left panel to the edit area.

Once the widget is added, go to the left panel and open the Pagination option under the Content tab. Select the type of pagination from the drop-down menu. In this example, we are using Numbers.

By default, your pagination limits pages to 5. You can change this option depending on the number of articles you have. There is one crucial thing you should note here. The page limit is the maximum number of pages your visitor can access.

If you have a large number of posts (say over 100), you should set the page limit to a higher number in order to allow your visitors to see the posts per page in the navigation. If you set the page limit to 5 although you set the posts per page to 10, your visitor will only be able to see the last 50 posts on your website.

WordPress (or Elementor more precisely) will hide older posts other than the last 50 posts.

To make your pagination short and neat, you can activate the Shorten option.

Read more: How to use color picker in Elementor

Customizing pagination

To customize your pagination, you can open the Pagination option under the Style tab of the left panel.

To set the color of the pagination, you can click on the color picker in the Colors section. There are 3 colors you can set: NORMAL, HOVER, and ACTIVE (the active page). You can set the space between the paging numbers in the Space Between section.

Once you are done, you can click the PUBLISH button to publish your page. Or, if you are editing a page, you can click the UPDATE button to apply the new changes.

Final words

Pagination is crucial enough on dynamic websites such as ezines or blogs. In Elementor, you can use Posts widgets to display your website posts. You can also use the Archive Posts widget to view your website archives.

 

for website maintenance service contact us.

Leave a comment

echo "";