Above-Fold CTA
Definition
A call-to-action visible without scrolling, ensuring visitors see your primary action request immediately upon page load.
What is an Above-Fold CTA?
An above-fold CTA is a call-to-action that appears in the visible portion of a webpage before any scrolling. It ensures visitors immediately see your primary action request – whether that's "Get Started," "Book a Consultation," or "Shop Now."
The term comes from newspapers, where stories "above the fold" were visible on newsstand displays.
Why Above-Fold CTAs Matter
Immediate Visibility
Visitors who never scroll still see your CTA. Not everyone explores the full page.
Clear Purpose
An above-fold CTA immediately communicates what action you want visitors to take.
Higher Conversion Rates
Testing consistently shows above-fold CTAs outperform those requiring scrolling.
Mobile Importance
Mobile screens show less content, making above-fold placement even more critical.
Above-Fold CTA Best Practices
Make It Prominent
Your CTA should stand out visually – contrasting colour, clear button design, adequate size.
Use Action Language
Strong verbs that communicate benefit: "Start Free Trial," "Get Your Quote," "See Pricing."
Position Strategically
Typically right side or centre of the hero section, after the headline and value proposition.
One Primary CTA
Multiple competing CTAs dilute focus. Choose one primary action above the fold.
Match Visitor Intent
Your CTA should match what visitors expect based on how they arrived.
What Belongs Above the Fold
Essential Elements
- Logo and navigation
- Headline (value proposition)
- Supporting subheadline
- Primary CTA button
- Possibly a supporting image
Optional Additions
- Secondary CTA (less prominent)
- Trust indicators
- Key benefit statements
Avoid
- Clutter and too many elements
- Auto-playing videos with sound
- Full-screen popups
- Multiple competing actions
Mobile Considerations
Smaller Viewport
Less content fits above the fold on mobile. Prioritise ruthlessly.
Touch Targets
CTA buttons need adequate size for finger tapping.
Thumb Zone
Consider where thumbs naturally reach on mobile devices.
Testing Required
Above-fold position varies dramatically across devices. Test on multiple screen sizes.
Testing Above-Fold CTAs
A/B Test Elements
- CTA copy
- Button colour
- Position
- Size and prominence
Track Metrics
- Click-through rate
- Scroll depth
- Conversion completion
Consider User Behaviour
Some pages need scrolling to build desire before CTA makes sense. Test whether above-fold CTA alone is sufficient or needs supporting content.