---
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-09-11
lang: en
author: "Aditya Sharma"
description: "Do you want shoppers to load more products with one click, without leaving the page? The Woo Product Listing widget in The Plus Addons for Elementor adds a Load More..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Load-More-Button-in-WooCommerce-Products-in-Elementor_-1024x536.jpg
word_count: 342
---

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

## 

- The Plus Addons for Elementor Woo Product Listing widget adds a Load More button under products when More Post Loading Options is set to Load More in Content > More Post Options.
- Woo Product Listing uses Button Text, Loading Text, All Posts Loaded Text, and More posts on click/scroll, with default values Load More, Loading..., All done!, and 4 products per click.
- Maximum Posts Display in Content > Content Source must stay lower than the number of products, and the widget does not work on Carousel, Related, Upsells, Cross Sells, or Recently Viewed listings.

Do you want shoppers to load more products with one click, without leaving the page?

The Woo Product Listing widget in The Plus Addons for Elementor adds a Load More button under the products.

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

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#woo-products-wgts)

## Before You Start

- **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**.

## Step 1: Choose Load More

Add the **Woo Product Listing** widget with a Grid, Masonry or Metro layout. Open **Content > More Post Options** and set **More Post Loading Options** to **Load More**.

![More Post Loading Options set to Load More, with the button under the products](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-more-post-loading-options-wide-loadmore.webp)

## Step 2: Set the labels and batch size

- **Button Text** — default *Load More*.- **Loading Text** — shown while products load, default *Loading...*- **All Posts Loaded Text** — shown at the end, default *All done!*- **More posts on click/scroll** — products per click, default 4.

![The Button Text field for the Load More button](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-button-text-wide-loadmore.webp)

## Step 3: Limit the first load

In **Content > Content Source**, set **Maximum Posts Display** lower than your number of products. With every product already showing, there is nothing to load and no button.

![Maximum Posts Display set to 6 in Content > Content Source](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-maximum-posts-display-wide-loadmore.webp)

## Settings Reference

| Setting | Where | Default |
| ------- | ----- | ------- |
| More Post Loading Options | Content > More Post Options | None |
| Button Text | Content > More Post Options | Load More |
| More posts on click/scroll | Content > More Post Options | 4 |
| Maximum Posts Display | Content > Content Source | 8 |

## Limitations

- **Not on Carousel,** and not on Related, Upsells, Cross Sells or Recently Viewed listings. It works on Normal Page, Archive Page, Search List and Wishlist.- **Pro only.** The Woo Product Listing widget is not in the free plugin.

## Troubleshooting

### No button appears

You have fewer products than Maximum Posts Display. Lower it.

## Related Docs

- [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Add pagination instead](https://theplusaddons.com/docs/add-pagination-to-woocommerce-products-in-elementor/)- [Load products on scroll](https://theplusaddons.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-elementor/)- [Make the loaded view shareable](https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-products-in-elementor/)

## Frequently Asked Questions

**Q: What do I need before adding a Load More button to WooCommerce products in Elementor?**
A: The setup depends on three basics: WooCommerce must be installed and active, you need some published products, and the Woo Product Listing widget has to be switched on under ThePlus Settings > Widgets. The widget is part of The Plus Addons for Elementor Pro, so it will not appear in the free plugin’s widget panel. That matters because the Load More option only exists inside this Pro widget.

**Q: Which product layouts support the Load More button?**
A: Load More works with the Woo Product Listing widget when the layout is Grid, Masonry, or Metro. It is not available on Carousel layouts. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this loading behavior inside the product listing widget, so layout choice decides whether the button can appear at all.

**Q: How many products load each time someone clicks Load More?**
A: The batch size is controlled by the More posts on click/scroll setting, which defaults to 4. That number matters because it sets how much content appears per click before the next load request. Smaller batches keep the page lighter and make each click feel faster, while larger batches show more products at once but can make each load feel heavier.

**Q: Why does the Load More button disappear when all products are already visible?**
A: The button disappears when Maximum Posts Display is set lower than your total product count no longer applies because everything is already loaded. If every product is already showing, there is nothing left to fetch, so no button appears. That is why limiting the first load is important: it creates a real overflow for Load More to work against.

**Q: Where does Load More work in Woo Product Listing?**
A: It works on Normal Page, Archive Page, Search List, and Wishlist listings. It does not work on Carousel or on Related, Upsells, Cross Sells, or Recently Viewed listings. That split matters when you are planning a product template, because choosing one of the unsupported listing types removes the Load More behavior entirely.

**Q: What should I do if no Load More button appears?**
A: The fastest fix is to lower Maximum Posts Display if you have fewer products than that value. The page’s troubleshooting section points to that exact mismatch as the reason the button does not show. In practice, this means your first load must leave some products hidden; otherwise there is nothing for The Plus Addons for Elementor to load on demand.