--- 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-28 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 Pro includes the Woo Product Listing widget, and it adds a Load More button under products when More Post Loading Options is set to Load More. - Woo Product Listing supports Grid, Masonry, and Metro layouts, and More posts on click/scroll defaults to 4 products per click. - Maximum Posts Display must be lower than the number of products already shown, or no Load More button appears because there is nothing left to load. 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 the Woo Product Listing widget being available in The Plus Addons for Elementor Pro, with WooCommerce installed and active and at least some published products. The widget also has to be switched on under ThePlus Settings > Widgets. That matters because the Load More control only appears inside the product listing widget, not in the free plugin. If any of those pieces are missing, the button setup never gets a chance to work. **Q: How do I add a load more button to WooCommerce products in Elementor?** A: The Load More behavior comes from the Woo Product Listing widget in The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH. Use a Grid, Masonry, or Metro layout, then set More Post Loading Options to Load More under Content > More Post Options. That turns the product list into a paged batch loader instead of showing everything at once, which is useful when you want shoppers to stay on the same page while revealing more products on demand. **Q: What is the best batch size for load more products on click?** A: The batch size is controlled by More posts on click/scroll, and its default is 4. Smaller batches keep each click light and make the page feel faster, while larger batches show more products per request but can make each load feel heavier. The right choice depends on how many products you want visible at once and how quickly you want shoppers to reach deeper catalog items without leaving the page. **Q: Why does no load more button appear on my product listing?** A: The most common reason is that there are fewer products than Maximum Posts Display. In that case, everything is already visible, so there is nothing left for the button to load. Lowering Maximum Posts Display fixes that by leaving some products hidden for the button to reveal. This is also why the first-load limit matters: if you show every product up front, Load More has no job to do. **Q: Where does load more work in WooCommerce product listings?** A: This feature works on Normal Page, Archive Page, Search List, and Wishlist listings. It does not work on Carousel layouts or on Related, Upsells, Cross Sells, or Recently Viewed listings. That limitation matters when planning templates because the same widget behavior will not carry over to every product display type in WooCommerce. **Q: Should I use load more or pagination for WooCommerce products?** A: Load More fits pages where you want shoppers to keep browsing in one place and reveal products in batches. Pagination is better when you want clearer navigation between result sets instead of stacking more items into the same view. The Plus Addons for Elementor also provides [Add pagination instead](https://theplusaddons.com/docs/add-pagination-to-woocommerce-products-in-elementor/), plus [Load products on scroll](https://theplusaddons.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-elementor/) and [Make the loaded view shareable](https://theplusaddons.com/docs/create-a-shareable-url-with-load-more-for-products-in-elementor/) as related options.