---
title: "How to Add Load More Button in WooCommerce Products in Elementor?"
url: https://theplusaddons.com/docs/add-load-more-button-in-woocommerce-products-in-elementor/
date: 2023-08-08
modified: 2026-04-11
author: "Aditya Sharma"
description: "Ready to enhance your WooCommerce store's user experience with a seamless load more button for product listings? The load more button replaces traditional pagination, allowing customers to load additional products..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Load-More-Button-in-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 374
---

# How to Add Load More Button in WooCommerce Products in Elementor?

## Key Takeaways

- The Plus Addons for Elementor includes a Product Listing widget that allows users to add a load more button to WooCommerce product listings.
- Load More functionality is available only in the Normal Page and Search List listing types, excluding the Carousel layout.
- Users can customize the load more button's text and set how many products will load at once through the More Post Options tab.

Ready to enhance your WooCommerce store's user experience with a seamless load more button for product listings? The load more button replaces traditional pagination, allowing customers to load additional products directly on the same page, eliminating the need for multiple page reloads.

If you are using Elementor, you can easily add a load more button to your product listing using the Product Listing widget from The Plus Addons for Elementor. 

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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: Load More is only available in the ****Normal Page**** and ****Search List**** listing type, except in the ****Carousel**** layout.*

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

![](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-load-more-new.png)

You can change the text on the button from the **Button Text** field, while the **Loading Text** field allows you to change the text that appears when more products are being loaded. Additionally, you can also modify the text that appears when all products are loaded by using the **All Posts Loaded Text** field.

Then from the **More posts on click/scroll** field, you can set how many products will load at once on the button click.

You can also manage the button typography, colour, background, border etc.

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](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-maximum-posts-display.png)

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

> *Note: In order to show load more button, you must set a lower number in the ****Maximum Posts Display**** field than the total number of products.*

Also, check [How to Add Infinite Scroll to WooCommerce Products List in Elementor](https://theplusaddons.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if the load more button is not appearing on my WooCommerce product listing?**
A: If the load more button isn't showing, check the Maximum Posts Display setting. You need to set a lower number in this field than the total number of products in your store. This ensures that there are enough products to trigger the load more functionality. Without this adjustment, the button won't appear, limiting user interaction.

**Q: What happens if I set the Maximum Posts Display to a number higher than my total products?**
A: If you set the Maximum Posts Display to a number higher than your total products, the load more button will not appear. This is because there won't be any additional products to load. It's essential to ensure this number is lower than your total product count to enable the load more functionality effectively.

**Q: What settings work best for adding a load more button in WooCommerce products?**
A: For optimal use of the load more button, set the Maximum Posts Display to a number lower than your total products. Additionally, adjust the More posts on click/scroll field to control how many products load at once. This setup enhances user experience by allowing customers to browse products without page reloads.

**Q: Can I use the load more button in conjunction with infinite scroll in Elementor?**
A: The load more button and infinite scroll are two different approaches to loading products. If you're interested in implementing infinite scroll, you can refer to the guide on [How to Add Infinite Scroll to WooCommerce Products List in Elementor](https://theplusaddons.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-elementor/). Each method has its own benefits, depending on your desired user experience.