Home & Landing
Moving the Main CTA Above the Fold A/B Test
A CTA on the first screen gives ready visitors a direct path forward. Others may click before understanding the offer and leave at the next step; the early CTA also takes space from the explanation. Judge completed actions, not early clicks.
A/B test scenario. This page is a test plan, not the result of a real experiment.
- Home & landing
- Primary action completion rate
Control vs Variant
Where it sits is the variable; the element itself does not change.
- Changed
- Placement
- Page
- Home & landing
- Difference
- moved
Hypothesis
If the primary CTA moves onto the first screen, visitors who are already ready to act can start without scrolling past the explanation. That could raise the primary action completion rate, provided early clickers do not drop off at the next step.
Test plan
When to run this test
When many homepage sessions end before the CTA section, heatmaps show clicks on non-clickable elements on the first screen, or session recordings show visitors hunting for the button, it is time to try the CTA on the first screen. If the prediction is right, ready visitors move on from the first screen and the extra clicks turn into completed actions without a rise in post-click drop-off. If exits come from an unclear offer or missing information, fix that first, and start only when you can place the CTA higher without pushing required information such as price or coverage below it.
How to measure success
Primary action completion rate
Define the completion event before launch and compare assigned visitors; a CTA click or next-page visit alone is not completion.
Also track
- CTA click-through rateCheck whether button clicks increase.
- Post-click drop-off rateMake sure visitors who click earlier are not lost at the next step.
- Page exit rateTrack whether immediate exits increase.
- Visibility of supporting contentCheck that visitors can still access necessary supporting information.
How to set it up
- ChangeMove the primary CTA from below the description to the first screen.
- Keep constantKeep CTA wording, style, destination and surrounding content unchanged.
- BehaviorRead CTA clicks alongside completion of the next step.
- PlacementDo not shorten the heading or value proposition while moving the CTA.
- DeviceDefine visibility against each device's actual viewport and review results separately.
What to watch when reading the result
- 1A higher CTA click-through rate is not a win by itself, because visitors who click before understanding the offer may leave at the next step. Completed actions settle the result; treat any rise in post-click drop-off, page exits or lost visibility of supporting content as a cost of the extra clicks.
- 2Define the first screen against each device's actual viewport and read results by device; a phone's first screen holds far less than a desktop's. How long this page's explanation runs shapes the outcome, so test separately before moving the CTA on pages built differently.
- 3Completed actions are rarer than CTA clicks, so a gap that shows up quickly in clicks can take longer to settle in completions. To read devices separately, enter the primary action completion rate as the baseline in the sample size calculator and get the visitors each device needs per arm. Divide that by the device's daily traffic per arm to set the run time up front, and do not stop early just because clicks look clear.
Frequently Asked Questions
Does more clicking make the early CTA a winner?
Use the defined completed main action as the primary outcome. Early clicks can end in later abandonment. Include all assigned eligible visitors rather than only clickers.
Which screen size should define above the fold?
Use the actual viewport in supported layouts and examine devices separately. A CTA can appear immediately on one screen but require scrolling on another.
How can I check whether the early CTA overshadows the explanation?
Inspect access to supporting sections and completion after the click. Increased downstream drop-off can indicate premature progression. These are diagnostics alongside the primary completed action.
More tests in Home & Landing
All testsProblem vs Solution Headline Framing A/B Test Example
Home & landingPrimary action completion rate
A landing page test idea comparing a headline that names the problem with one that states the solution. Review both arms, the setup and the KPI.
Abstract or Concrete Benefit Statement A/B Test Idea
Home & landingPrimary action completion rate
Compare a broad benefit line with a specific, measurable one. The page lays out both variants, the trade-off behind each and the KPI being tracked.
Adding a Second CTA at the End of the Page A/B Test
Home & landingPrimary action completion rate
This test idea adds a second call to action at the foot of a long page. See the single-CTA control, the counter-arguments and the metric followed.