What is Scroll Depth for Dynamic Product Pages?
Scroll Depth for Dynamic Product Pages (DPP) shows you exactly how far visitors scroll down your product-specific landing pages, measured in 5% increments from top to bottom. It answers one of the most important layout questions in e-commerce: are users actually seeing the content you're placing below the fold?
Before this feature, you could see click data and conversion rates for your DPP destinations — but you couldn't tell whether users were reaching your key selling modules, your cross-sell section, or your add-to-cart placement. A module sitting at 60% of the page might be invisible to most of your traffic.
Scroll Depth makes the invisible visible. You can now see what percentage of sessions reached each section of your template, identify where engagement drops off sharply, and use that data to make informed decisions about layout structure, module sequencing, and content placement.
How to Access Scroll Depth for Dynamic Product Pages
Navigate to Dynamic Product Pages in the FERMÀT dashboard
From the main navigation, select DPP.Open Behaviour Analytics → Heatmaps → Scroll
In the left sidebar, go to Behaviour Analytics, then Heatmaps. At the top of the heatmap view, select the Scroll tab.Select your product group and template
Choose the product group you want to analyze, then use the Template filter to isolate a specific DPP layout variant.Read the scroll depth chart
The chart shows the percentage of sessions that reached each depth marker on the page. Depth is measured in fixed 5% increments — 5%, 10%, 15%, 20% — all the way to 100%. The higher the percentage at a given depth, the more sessions reached that point.Identify drop-off points
Look for steep drops in the chart. A sudden fall in the percentage of sessions reaching a particular depth is a signal that users are abandoning the page at that section — either because they found what they needed, hit friction, or lost interest.
Use Cases
Discover whether users are reaching your add-to-cart module
If your primary CTA is positioned at 40% of the page and scroll depth shows only 55% of users are getting there, you have a clear case for either moving the CTA higher or redesigning the upper portion of the page to keep users engaged.
Compare scroll behavior across Dynamic Product Page layout variants
Use the Template filter to view scroll depth charts for each variant in an experiment. A layout that holds 80% of users to 50% page depth versus one that loses them at 30% is a meaningful behavioral difference — even if the CVR difference is still small.
Validate whether cross-merchandising content is being seen
If you've added a recommended products section or a cross-sell block at the bottom of your DPP template, scroll depth will tell you what percentage of sessions actually reach it. Low reach doesn't mean bad content — it may mean the content needs to move up the page.
Diagnose mobile engagement drop-off
Mobile users often scroll differently than desktop users. Apply a device filter alongside scroll depth to see if your mobile sessions are abandoning pages significantly earlier than desktop — a common signal that the mobile layout needs a structural rethink.
FAQs
What does "5% increments" mean in practice?
The page is divided into 20 equal depth segments (5% each). For each segment, FERMÀT reports what percentage of sessions scrolled to at least that depth. So a reading of "70% at 50%" means 70% of sessions scrolled at least halfway down the page.
Does Scroll Depth count a session as "reaching" a depth even if the user just fast-scrolled past it?
Yes — Scroll Depth tracks the maximum scroll position reached during a session, not time spent at a depth. If a user scrolled to 80% and back up, that session counts as reaching 80%. Use Session Recordings to observe engagement quality at specific depths.
Can I filter Scroll Depth by campaign or channel?
Scroll Depth inherits the same filters available in Dynamic Product Page Heatmaps — including Time, Template, Category, Device, Channel, and Campaign. Apply them the same way you would for the click heatmap view.
How is Scroll Depth different from the click heatmap?
Click heatmaps show where users tap or click on the page. Scroll Depth shows how far down they go. They answer different questions — use both together for a complete picture of how users engage with your Dynamic Product Page templates.
Does Scroll Depth work for Dynamic Product Page experiments?
Yes. Using the Template filter, you can view scroll depth charts for each layout variant in an experiment. Comparing scroll curves across variants is a useful signal when deciding which layout to scale, independent of conversion data.