--- 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-11 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 it is part of The Plus Addons for Elementor Pro, while the free plugin shows an upgrade notice. - Blog/Post Listing supports Lazy Load only in Grid, Masonry, or Metro layouts, not in Carousel or Single Page Related Posts. - Maximum Post Display controls the first batch of posts, with a default of 8, and More posts on click/scroll defaults to 4 posts per scroll while Loading Text defaults to Loading... and All Posts Loaded Text defaults to All done! 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 isn’t infinite scroll loading more blog posts when I scroll?** A: The usual cause is that there are no posts left beyond the first batch. In this setup, Maximum Post Display controls how many posts appear before scrolling starts, so if it already covers every post, nothing else can load. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH uses Lazy Load for scroll-based loading, so test it on the published page and lower the first-load count if needed. **Q: Can I use infinite scroll with a blog carousel or related posts section?** A: No, this scroll-based loading is limited to Grid, Masonry, and Metro layouts in the Blog/Post Listing widget. It is not available for Carousel or Single Page Related Posts. That matters because the loading behavior depends on a listing layout that can keep appending posts as you scroll, which is why The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH ties it to those specific layouts. **Q: What’s the best way to set up infinite scroll for a blog in Elementor?** A: The cleanest setup is to use Lazy Load only when you want visitors to keep browsing without clicking anything. Set a smaller Maximum Post Display first, then choose how many posts load per scroll with More posts on click/scroll. That keeps the first screen light and leaves room for additional batches. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH also lets you control the loading text and end message so the experience feels intentional. **Q: What should I do if I want a click-based load more button instead of infinite scroll?** A: Load More is the better fit when you want user control or need easier access to the footer. The page notes that Load More needs a click and is free, while Lazy Load is Pro and keeps loading on scroll. That difference matters on long blogs because endless scrolling can push important footer links out of reach. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH offers both patterns in its blog listing workflow. **Q: Is Lazy Load included in the free version of The Plus Addons for Elementor?** A: Lazy Load is part of the Pro plugin. In the free plugin, the option appears as Lazy Load (Pro) and shows an upgrade notice instead of its settings. That means you can see where the feature lives inside the widget, but you cannot configure it unless Pro is installed and activated. The Blog/Post Listing widget itself must also be switched on under ThePlus Settings > Widgets. **Q: What text can I customize while posts are loading in infinite scroll?** A: Three pieces of copy matter here: Loading Text while posts are fetching, All Posts Loaded Text when there are no more items left, and More posts on click/scroll for how many items each batch adds. The defaults are Loading..., All done!, and 4. That gives visitors feedback at both stages so they know whether content is still coming or the list has ended.