--- title: "How to Add Load More Button in WooCommerce Products in WordPress?" url: https://nexterwp.com/docs/add-load-more-button-in-woocommerce-products-in-wordpress/ date: 2023-08-09 modified: 2026-09-22 lang: en author: "Aditya Sharma" description: "Numbered pages make a shopper commit to leaving the products they are looking at. A load more button keeps everything they have already seen on screen. It is usually the..." image: https://nexterwp.com/wp-content/uploads/2024/05/add-load-more-button-in-woocommerce-products-in-wordpress-1024x519.jpg word_count: 452 --- # How to Add Load More Button in WooCommerce Products in WordPress? ## Key Takeaways - Nexter Blocks Pro muestra el bloque Product Listing con un botón Load More solo cuando está activado en Nexter > Blocks y hay más productos que el tamaño del lote. - El botón se renderiza debajo del listado y carga el siguiente lote al hacer clic, con texto personalizado como Show more en lugar de Load More. - Los productos cargados no aparecen en la URL y Google no los descubre de forma fiable, así que el post recomienda mantener también un archivo paginado. Numbered pages make a shopper commit to leaving the products they are looking at. A load more button keeps everything they have already seen on screen. It is usually the best compromise between pagination and infinite scroll, because the shopper stays in control. [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/listing/wordpress-product-listing/) ## Before You Start - **Edition:** **Pro** — the Product Listing block needs Nexter Blocks Pro.- **Block to enable:** Product Listing, switched on under **Nexter > Blocks** in your WordPress dashboard.- **WooCommerce active, with published products.** The block reads your real catalogue, so an empty store renders an empty listing.- **More products than the listing shows at once.** ## Steps - Select your **Product Listing** block. ![The Product Listing block](https://nexterwp.com/wp-content/uploads/2023/08/product-listing-load-more-new.png) - Set how many products load at a time. ![Setting the batch size](https://nexterwp.com/wp-content/uploads/2023/08/product-listing-maximum-post-display-new.png) - Set the load option to **load more**. ![Choosing load more](https://nexterwp.com/wp-content/uploads/2023/08/product-listing-load-more-demo.gif) - Change the button text if you want something more specific than Load More. - Publish and click the button on the real page. ## How It Behaves The button is rendered below the listing and fetches the next batch when clicked. - **Measured on a published page:** the listing rendered `
` below the products, carrying the custom button text that was set.- **The button text is yours.** Measured, a custom label rendered exactly as entered, so Show more prints reads better than Load More.- **Each click is a request.** The extra products are not in the page at the start, which is what keeps the first load fast.- **The shopper stays in control**, which is the main advantage over [infinite scroll](https://nexterwp.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-wordpress/).- **Measured with Nexter Blocks Pro deactivated:** the block renders nothing at all — no wrapper, no products, no prices. This is a Pro-only block. ## Limitations - **Pro only** — measured with Nexter Blocks Pro deactivated, nothing renders.- **Loaded products are not in the URL.** A shopper who loads four batches and follows a product cannot get back to where they were.- **Search engines do not click buttons.** Products that only appear after loading may not be discovered, so keep a paginated archive too.- **Each batch is another request**, which adds up on a slow connection.- **The button needs to be obvious.** Styled too subtly, shoppers assume the catalogue ends there. ## Troubleshooting ### The button does not appear The load option must be set to load more, and there must be more products than the batch size. ### Clicking it does nothing Check you are on the published page rather than the editor, and that no other plugin is throwing a JavaScript error. ### It loads the same products again Two listings on the page are sharing state. Keep one load-more listing per page. ### Will Google see the loaded products? Not reliably. Anything behind a button may not be discovered. Keep a paginated archive as well. ## Related Docs - [Add infinite scroll to a products list](https://nexterwp.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-wordpress/)- [Add pagination to WooCommerce products](https://nexterwp.com/docs/add-pagination-to-woocommerce-products-in-wordpress/)- [Add product listing in WordPress](https://nexterwp.com/docs/add-product-listing-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before adding a load more button to WooCommerce products in WordPress?** A: The setup depends on Nexter Blocks Pro, WooCommerce being active, and published products in the store. The Product Listing block reads the real catalogue, so an empty store will render an empty listing. It also needs more products than the listing shows at once, otherwise there is nothing for the button to fetch. In Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter terms, this is a Pro-only Product Listing workflow. **Q: How does the load more button behave on a product listing page?** A: The button appears below the listing and loads the next batch only when clicked. That keeps the first page lighter because the extra products are not in the page at the start. The page content also notes that each click is a request, so this behaves differently from infinite scroll: shoppers stay in control instead of having new items appear automatically. The custom button text is preserved exactly as entered. **Q: What is the best way to choose between load more and infinite scroll for product listings?** A: Load more is the better middle ground when you want shoppers to stay in control but still avoid full pagination. The page describes it as the compromise between pagination and infinite scroll because it keeps already seen products on screen while still loading more on demand. If you want automatic loading instead, there is a separate [infinite scroll](https://nexterwp.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-wordpress/) option for WooCommerce product lists. **Q: Why is my load more button not showing on the product listing?** A: The two common causes are simple: the load option has to be set to load more, and there must be more products than the batch size. If either condition fails, there is nothing for the button to render or fetch. In practice that means a small catalogue or a batch size that already covers everything will make the button disappear because no next batch exists. **Q: Why does clicking Load More do nothing on my site?** A: That usually points to either being on the editor instead of the published page or a JavaScript error from another plugin. The page says this action should be tested on the real published page, because that is where the request actually runs. If another plugin breaks JavaScript first, the click can fail even though the block itself is set up correctly. **Q: Will Google index products that only appear after clicking Load More?** A: Not reliably. The page says search engines do not click buttons, so products hidden behind Load More may never be discovered. That is why a paginated archive should still exist alongside this setup. For SEO-sensitive catalogues, [Add pagination to WooCommerce products](https://nexterwp.com/docs/add-pagination-to-WooCommerce-products-in-wordpress/) gives search engines crawlable pages instead of relying only on user clicks.