How to Add Pagination to WooCommerce Products in Elementor?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor Product Listing widget allows users to add pagination to WooCommerce product pages.
  • Pagination is available in Normal Page, Archive Page, and Search List listing types, excluding the Carousel layout.
  • Users can select between Standard and Ajax Based pagination types in the More Post Loading Options dropdown.
Table Of Content

Do you want to add pagination to WooCommerce product page in Elementor?

Pagination allows you to split up your product pages into manageable sections, making it easier for your customers to navigate and find what they’re looking for. 

With the Product Listing widget from The Plus Addons for Elementor, you can easily add pagination in WooCommerce.

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

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

LIVE WIDGET LINK

To do this, make sure you’ve added some products to your WooCommerce store then follow the steps – 

1. Add the Product Listing widget on the page or template, then select the appropriate listing type, style and layout.

Note: Pagination is only available in the Normal Page, Archive Page and Search List listing type, except in the Carousel layout.

2. Then go to the More Post Options tab and select Pagination from the More Post Loading Options dropdown.

Suggested Read: How to display WooCommerce products by category in Elementor.

From the Pagination Type dropdown, you can select the pagination type, you’ll find two options –

  • Standard – To set normal pagination.
  • Ajax Based – To set ajax pagination without page refresh.

Then from the Pagination Next and Pagination Previous fields, you can edit the pagination next and previous text, respectively.

You can also manage the pagination typography, color and hover color from here.

3. Now go to the Content Source tab and set the maximum number of products to be displayed on a page in the Maximum Posts Display field.

Product listing maximum posts display

Depending on the number of products you have and the number set in the Maximum Posts Display field, you’ll see a pagination on your product listing.

Note: To show pagination, you must set a lower number in the Maximum Posts Display field than the total number of products.

Easily browse your product listings in WooCommerce by using woocommerce pagination

Product listing pagination demo

That’s it for our quick guide to add pagination to WooCommerce products in Elementor.

Also, check how to add load more button in WooCommerce products in Elementor.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 7 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if pagination is not showing on my WooCommerce product listing?

If pagination isn't appearing, check the Maximum Posts Display setting in the Content Source tab. You need to set a lower number in this field than the total number of products in your store. If the number is too high, pagination won't activate, preventing users from navigating through multiple pages.

Can I use pagination with the Carousel layout in Elementor?

No, pagination is not available in the Carousel layout when using the Product Listing widget from The Plus Addons for Elementor. Pagination only works with the Normal Page, Archive Page, and Search List listing types. This limitation is important to consider when designing your product display.

What is the difference between Standard and Ajax Based pagination in Elementor?

Standard pagination refreshes the entire page when navigating between product pages, while Ajax Based pagination allows users to switch pages without a full page refresh. This can enhance user experience by making navigation smoother and faster, particularly for larger product catalogs.

What settings work best for displaying WooCommerce products with pagination?

For optimal pagination display, ensure that the Maximum Posts Display is set to a number lower than your total products. This will trigger pagination. Additionally, consider using Ajax Based pagination for a seamless experience, as it improves loading times and reduces interruptions for users browsing your product listings.

Does adding pagination impact the loading speed of my WooCommerce product pages?

Adding pagination can actually improve loading speed by limiting the number of products displayed at once. This reduces the initial load time for the page, making it faster for users to access the products they want. However, ensure that your pagination settings are optimized to balance user experience and performance.

Last reviewed: April 11, 2026

Related Docs