--- title: "How to Add Infinite Scroll for Blog Posts in Elementor?" url: https://theplusaddons.com/docs/add-infinite-scroll-for-blog-posts-in-elementor/ date: 2023-05-04 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "Do you want more blog posts to load as visitors scroll, with no button to click? That is infinite scroll, and it suits blogs people browse rather than search. In..." image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Add-Infinite-Scroll-for-Blog-Posts-in-Elementor_-1024x536.jpg word_count: 479 --- # How to Add Infinite Scroll for Blog Posts in Elementor? ## - The Plus Addons for Elementor Blog/Post Listing widget uses Lazy Load for infinite scroll, and the post says it loads more posts on scroll rather than with a button click. - Lazy Load is part of The Plus Addons for Elementor Pro, and the free plugin shows the option as Lazy Load (Pro) with an upgrade notice instead of settings. - Infinite scroll works only with Grid, Masonry, or Metro layouts, and the post says it is not available on Carousel or Single Page Related Posts. Do you want more blog posts to load as visitors scroll, with no button to click? That is infinite scroll, and it suits blogs people browse rather than search. In the Blog/Post Listing widget from The Plus Addons for Elementor, it is the **Lazy Load** option. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](https://theplusaddons.com/docs/blog-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#blog-post-wgts) ## Before You Start - **Edition:** **Pro** — Lazy Load is part of The Plus Addons for Elementor Pro. In the free plugin the option is visible but shows an upgrade notice instead of its settings.- **Widget to enable:** Blog/Post Listing, switched on under **ThePlus Settings > Widgets**. > *In this widget **Lazy Load** means loading more posts* on scroll. It is not image lazy loading. ## Step 1: Add the widget Drag the **Blog/Post Listing** widget onto the page and choose a Grid, Masonry or Metro layout. Infinite scroll is not available with Carousel or Single Page Related Posts. ## Step 2: Choose Lazy Load Open **Content > More Post Options** and set **Post Loading Options** to **Lazy Load**. ![Post Loading Options set to Lazy Load in Content > More Post Options](https://theplusaddons.com/wp-content/uploads/2026/09/tpae-post-loading-options-set-to-lazy-load-in-content-more-post-options.webp) ## Step 3: Set the batch and the messages - **More posts on click/scroll** — how many posts each scroll adds. Default 4.- **Loading Text** — shown while they load. Default *Loading...*- **All Posts Loaded Text** — shown at the end. Default *All done!* The spinner's size and colour are in the **Loading Spinner** settings further down the same section. ## Step 4: Limit the first load In **Content > Content Source**, set **Maximum Post Display** (labelled *Maximum Posts Display* in the free plugin) lower than your total number of posts. That is how many show before any scrolling. If it already covers every post, there is nothing left to load. ![The Maximum Post Display field in Content > Content Source](https://theplusaddons.com/wp-content/uploads/2026/09/tpae-the-maximum-post-display-field-in-content-content-source.webp) ## Settings Reference | Setting | Where | Default | | ------- | ----- | ------- | | Post Loading Options | Content > More Post Options | None | | More posts on click/scroll | Content > More Post Options | 4 | | Loading Text | Content > More Post Options | Loading... | | All Posts Loaded Text | Content > More Post Options | All done! | | Maximum Post Display | Content > Content Source | 8 | ## Limitations - **Pro only.** In the free plugin the option reads *Lazy Load (Pro)*. Load More, which needs a click, is free.- **Not on Carousel** or Single Page Related Posts.- **The footer gets harder to reach.** On a long blog, visitors keep loading posts before they get to the footer. If it holds important links, Load More or Pagination may suit better. ## Troubleshooting ### Nothing loads when I scroll You have no more posts than **Maximum Post Display** (labelled *Maximum Posts Display* in the free plugin). Lower it, then test on the published page rather than in the editor. ### I cannot select Lazy Load It is part of the Pro plugin. ## Related Docs - [Blog Listing widget: settings overview](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/) — every control in the widget.- [Add a Load More button (free)](https://theplusaddons.com/docs/add-read-more-button-in-blog-posts-in-elementor/)- [Add pagination to blog posts](https://theplusaddons.com/docs/add-pagination-in-blog-posts-in-elementor/)- [Show a preloader while posts load](https://theplusaddons.com/docs/delay-loading-blog-post-in-elementor/) ## Frequently Asked Questions **Q: Why is infinite scroll not available in some blog layouts in Elementor?** A: Infinite scroll in this setup only works with Grid, Masonry, or Metro layouts. The Blog/Post Listing widget from The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH does not support it on Carousel or Single Page Related Posts. That matters because the loading behavior depends on a list-style layout where more posts can be appended as the visitor scrolls. **Q: How do I make blog posts load as I scroll instead of showing a button?** A: The key setting is Post Loading Options set to Lazy Load under Content > More Post Options. In this widget, Lazy Load means loading more posts on scroll, not image lazy loading. That distinction matters because the feature controls post fetching behavior, while the page also notes that the free plugin shows an upgrade notice instead of the settings. **Q: What should I change if nothing loads when I scroll?** A: The usual cause is that there are no more posts left to fetch because Maximum Post Display is already set too high. Lower Maximum Post Display, then test on the published page rather than inside the editor. The page also notes that this field is labeled Maximum Posts Display in the free plugin, so the naming can be easy to miss. **Q: What is the difference between Lazy Load and Load More in The Plus Addons for Elementor?** A: Lazy Load loads more posts on scroll, while Load More needs a click and is available for free. That makes Lazy Load better for browse-heavy blogs where you want continuous reading, but it also means visitors may reach the footer less often on long pages. If footer links matter, the page suggests Load More or Pagination instead. **Q: How many posts should load each time with infinite scroll?** A: The batch size is controlled by More posts on click/scroll under Content > More Post Options, and the default is 4. Smaller batches keep each fetch light, while larger batches reduce how often new content appears. The same section also lets you set Loading Text and All Posts Loaded Text so visitors know whether content is still coming or finished. **Q: What are the best alternatives if infinite scroll is a bad fit for my blog?** A: Pagination or a Load More button are the main alternatives called out on the page. Infinite scroll can make the footer harder to reach because visitors keep loading posts before they get there, which is a problem if your footer has important links. The related docs include [Add pagination to blog posts](https://theplusaddons.com/docs/add-pagination-in-blog-posts-in-elementor/) and [Add a Load More button (free)](https://theplusaddons.com/docs/add-read-more-button-in-blog-posts-in-elementor/).