Scroll Depth
Scroll depth is the measurement of how far down a web page a visitor scrolls, typically expressed as a percentage of the total page length or as a pixel distance from the top.
Understanding Scroll Depth
Scroll depth tracking reveals how much of your page content visitors actually see. A scroll depth of 50% on a product page means the average visitor sees only the top half. Any content below that point — reviews, cross-sells, FAQs — reaches a significantly smaller audience.
For e-commerce product pages, scroll depth data typically shows a steep drop-off after the hero section. The product image, title, price, and add-to-cart button receive the most views. Each subsequent section receives progressively fewer views. This is why placing review summaries and star ratings above the fold is so impactful — it ensures social proof reaches the maximum number of visitors.
Mobile scroll depth patterns differ from desktop. Mobile users tend to scroll further in percentage terms (because screens are smaller and pages are longer) but spend less time per section. This means mobile review sections need to be more compact and scannable to be effective within the brief attention each scroll position receives.
Track scroll depth as a quartile metric: what percentage of visitors reach 25%, 50%, 75%, and 100% of your page. If a critical conversion element like your review section sits at the 75% mark and only 20% of visitors reach it, you have a placement problem that no amount of review optimization will fix.
Why It Matters for E-Commerce
Content that nobody scrolls to might as well not exist. Scroll depth data tells you exactly which elements on your product pages are actually being seen by shoppers. This information is essential for deciding where to place high-value elements like review sections, social proof, and calls to action.
How Eevy AI Helps
Eevy AI review sections can be placed at any position on the page. The genetic algorithm tests different placements and formats, finding the combination that maximizes revenue regardless of where shoppers tend to stop scrolling.
Related Terms
A heatmap is a data visualization tool that uses color gradients to represent user interaction intensity on a web page. Hot colors (red, orange) indicate areas of high engagement, while cool colors (blue, green) indicate areas of low engagement.
Above the fold refers to the portion of a web page that is visible without scrolling. The term originates from newspaper publishing, where the most important stories were placed above the physical fold of the paper.
Bounce rate is the percentage of visitors who land on a page and leave without taking any further action, such as clicking a link, viewing another page, or completing a conversion event.
Session duration is the total time a visitor spends on your website during a single visit, measured from the first pageview to the last interaction before the session ends.
Related Articles
More about Scroll Depth
How to Enable Eevy Data Tracking
Enable the Eevy Events app embed to unlock page views, product views, add-to-cart tracking, scroll depth, and conversion data for your store.
GuideOptimizing Product Pages with Eevy AI
Which sections to add, where to place them, and how to measure their impact.
How-toHow to Use Recent Review Urgency to Boost Conversions
Display recent review activity to create urgency and social proof on your Shopify product pages. Show shoppers that others are buying right now.
How-toHow to Create Before-and-After UGC for Product Pages
Use before-and-after customer content on your Shopify product pages. The most persuasive form of social proof for transformation-based products.
ArticleWhere to Place Reviews on Your Product Page: A Heatmap-Driven Guide
Heatmap data reveals where shoppers actually look on product pages. Use these insights to place reviews where they influence purchasing decisions most.
ArticleUGC Video vs Stock & Studio Photos: Which Converts Better on Shopify (2026)
UGC video vs polished stock and studio product photos on Shopify: what the conversion data shows, why over-produced shots trigger ad blindness, and how to blend both for higher revenue per visitor.
TipShow Review Social Proof During Checkout
Cart abandonment drops when shoppers see review reinforcement during checkout. Learn where to place review social proof in the checkout flow.
TipCreate Review-Powered Product Comparison Tables
Comparison tables powered by real review data help shoppers choose between similar products. Learn how to build review-driven comparison pages that convert.
ProblemHigh Bounce Rate on Product Pages
Visitors landing on your Shopify product pages and immediately leaving? Discover how optimized review layouts reduce bounce rates and keep shoppers engaged.
ProblemLow Time on Product Pages
Visitors spend too little time on your product pages to make a purchase decision. Learn how engaging review layouts keep shoppers on the page longer.
GlossaryAverage Rating
Average rating is the arithmetic mean of all star values across a product's or store's reviews, typically displayed to one decimal place (e.g. 4.7) and shown alongside the review count as the headline social-proof number.
GlossaryReview Count
Review count is the total number of reviews displayed for a product or store, shown beside the star rating (e.g. "4.7 from 1,247 reviews") and used by both shoppers and search engines as a volume-of-social-proof signal.
Ready to optimize your reviews?
Eevy AI uses genetic algorithms to continuously optimize how reviews are displayed on your Shopify store — maximizing revenue per visitor.
Get Started Free