Knowledge · Conversion Engineering
Mobile Conversion Patterns: Sticky CTAs, Click-to-Call, Single-Column Forms
Mobile conversion is a different design problem than desktop. The screen is smaller, the attention is shorter, and the visitor’s thumb is reaching upward to a CTA they can’t see. Treating mobile as “desktop but stacked” loses you 20-40% of mobile conversions on local-service and B2B inquiry pages.
№ 01Mobile conversion isn’t about screen size; it’s about thumb reach
Mobile users hold the phone with one hand and reach with the thumb. The reachable zone is the bottom 60% of the screen on a 6” phone. Anything in the top 40% requires either two-handing or contorting — both add friction.
Design implication: the primary CTA on mobile should be in the bottom 60%. Header CTAs that are perfect on desktop become reach-zone disasters on mobile. The sticky-footer pattern fixes this: a 56-72px bar at the screen bottom with the primary CTA, always within thumb reach.
№ 02Click-to-call: the underused mobile pattern
For local-service businesses and B2B firms with a sales-call-friendly audience, click-to-call is the highest-leverage mobile pattern. A “Call Now” button in the sticky footer (or as the primary CTA on a service page) lifts inbound call volume 18-35% over “Contact Us” forms.
Implementation: tel: link with the formatted number, on a 48px+ tap target. Pair with a small “or message us” secondary option for users who don’t want to call. The phone-first/form-second pairing converts both audiences.
№ 03Forms on mobile: single column, stacked labels, no exceptions
Two-column forms below 768px are a conversion crime. The form should be single-column with labels stacked above fields. Field height 48-56px to accommodate thumbs. No floating labels (the placeholder-vs-value confusion is worse on small screens).
Multi-step forms work especially well on mobile because each step fits the screen without scrolling. A 3-step form with 2 fields per step feels native to mobile usage patterns — way better than a 6-field single-page form that requires scrolling within the form itself.
№ 04Mobile performance: the silent conversion killer
Mobile traffic on a slow site is the highest-volume bounce source on most mid-market sites. LCP of 4 seconds on mobile = roughly 40% of users gone before content paints. The mobile-conversion conversation isn’t complete without page-speed math.
The targets that matter: LCP under 2.5s (mobile), INP under 200ms, CLS under 0.1. Hit those and mobile bounce drops 20-35% on a typical mid-market B2B site. Performance work is half of mobile CRO; you can’t skip it.
№ 05Mobile-specific microconversions to track
Track these separately on mobile: tap-to-call clicks (different from form submissions), sticky-CTA visibility duration, scroll depth (different patterns from desktop), text-message tap-throughs if you offer SMS contact. Mobile users convert via different paths; the analytics should reflect it.
GA4 setup: configure a custom event for tel: link clicks, mailto: clicks, and SMS clicks. Without this, mobile attribution undercounts — calls happen and you don’t see them in the analytics, making mobile look worse than it is.
⚠What to avoid
- Two-column forms on mobile. Always break to single column. The horizontal scroll is a conversion killer no buyer tolerates.
- Hamburger menus on mobile-conversion pages. The hamburger hides the navigation. For landing pages, a flat 3-link header beats a hidden menu.
- Pop-ups on mobile. Mobile pop-ups have higher dismiss rates AND get penalized by Google’s mobile-intrusive-interstitial signal. Use sticky footer bars instead.
Related questions
Go deeper
Three Ways to Start · No Sales Pitch
Want this analyzed on your site?
$500 audit. 5-day delivery. Refundable on engagement.