Infinite scroll is a UX pattern in which new content loads automatically as a user scrolls to the bottom of a page, continuing to surface more items without requiring the user to click a "Next Page" button or navigate to a new URL. It creates a continuous, unbroken browsing stream. Popularised by social media feeds (Instagram, Twitter, LinkedIn), infinite scroll has been widely adopted by ecommerce product listing pages as a way to expose users to more products with minimal interaction effort.
These three patterns represent distinct approaches to presenting large product catalogues:
Infinite scroll: Content loads automatically on scroll. Maximises exposure per session but makes it hard to return to a specific position, impossible to share a specific "page," and difficult for search engines to crawl deep pages.
Pagination: Products are divided into numbered pages. Users click to navigate. Allows precise navigation, easy returning to a position, and full SEO crawlability.
"Load More" button: A hybrid. Initial load shows a fixed number of products; users can request more with a single click. Preserves user control while reducing the friction of pagination.
The case for infinite scroll on PLPs rests on product exposure: users who scroll more see more products and theoretically have more chances to find something they want to buy. In practice, the evidence is mixed. Studies on ecommerce specifically show that:
- Infinite scroll increases scroll depth and time on page, but does not consistently increase add-to-cart rates
- Users who are looking for a specific product find pagination more efficient because they can navigate directly to where they last browsed
- Infinite scroll creates footer accessibility issues (users can't reach the footer because new content keeps loading)
- SEO suffers because deep product pages may not get crawled, reducing organic discovery of lower-catalogue products
Real-World Example
A mid-sized Indian D2C fashion brand ran a test on their women's kurta category page: infinite scroll (control) vs. "Load More" button (variant). The Load More variant showed 28 products initially; clicking the button loaded the next 28. Results over 4 weeks: the Load More variant saw 12% lower average page scroll depth but 8% higher add-to-cart rate. The interpretation: infinite scroll was encouraging passive scrolling without decision-making, while Load More created natural stopping points where users evaluated what they'd seen and added items to cart.
- Test "Load More" as an alternative: For most ecommerce product listing pages, a Load More button outperforms pure infinite scroll on conversion metrics because it creates active engagement rather than passive browsing.
- Implement a sticky filter and sort bar: Whether you use infinite scroll or pagination, making filters persistently accessible as users scroll reduces the need to return to the top of the page.
- Preserve scroll position: If a user clicks into a PDP and returns to the category page, they should return to their exact scroll position, not the top of the page. Failing to preserve scroll position is a major source of frustration.
- Ensure footer accessibility: If infinite scroll is implemented, provide an alternative way to access the footer (fixed footer, dedicated links in the header, or a "Jump to Footer" button).
- Validate SEO crawlability: Ensure your implementation uses URL parameters or progressive loading in a way that allows Google to crawl and index all products, not just the first 20 visible on initial load.
Infinite scroll vs. Load More vs. pagination is a high-value A/B test for any ecommerce PLP with significant traffic. Measure add-to-cart rate, products-per-session, and conversion rate — not just scroll depth, which is an engagement metric that can be misleading.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.