Run A/B tests and personalize your store without code. 14-day free trial, no credit card.
Start free trial →In-depth guides and case studies where this concept is put to work.
Above the fold is everything a visitor can see on a page before scrolling. The phrase comes from newspapers, where the most important story went on the top half of a folded front page — the part visible on a newsstand.
On the web the fold is not a fixed line. It depends on screen size, browser chrome, and orientation, so a page has as many folds as it has device types. For most Indian D2C stores the fold that matters is a mid-range Android phone in portrait, which is roughly the first 600–700 pixels of page height.
The old advice that "nobody scrolls" was never true and is certainly not true now — people scroll constantly. But scroll maps across ecommerce sites show a consistent pattern: everyone sees the top of the page, roughly half reach the middle, and a minority reach the bottom. Content placed above the fold is seen by 100% of visitors. Everything below competes for a shrinking audience.
That makes the fold a question of allocation rather than a rule about length. You have one region of guaranteed attention, and what you put there determines what most visitors know about your product before deciding whether to continue.
For product pages the essentials are consistent: what the product is, what it costs, evidence that other people bought it, and how to buy it. Stores that push price below the fold in favour of large lifestyle imagery reliably underperform, because the first question a shopper has is one the page refuses to answer.
A skincare brand's mobile product page opened with a full-height hero image, then the product title, then three more images, and only then the price and add-to-cart button — around 1,400 pixels down. Scroll maps showed 44% of mobile visitors never reached the price.
The rebuilt version fitted the product name, price, star rating with review count, and add-to-cart button into the first screen, with the image reduced to about 60% of viewport height alongside them. Lifestyle imagery moved below.
Mobile add-to-cart rate rose 31%. The page contained exactly the same elements; only the order changed.
Above-the-fold layout is one of the most productive things to test, because changes there affect every visitor and results arrive quickly. Element ordering, hero image height, price prominence, and whether the primary action is visible on load are all worth experimenting with.
One caution: above-the-fold changes affect bounce rate and engagement fast, which makes it tempting to call winners early. Judge them on completed conversions over a full test duration, since a variant that keeps more people on the page has not necessarily sold more product. CustomFit.ai lets you build and test above-the-fold variants without touching theme code, and reports bounce rate, conversion rate, and revenue per visitor together so the trade-offs are visible.
Run smarter A/B tests with CustomFit.ai — 14-day free trial, no credit card required.