Sticky CTA on mobile: should you pin the action button to the bottom of the screen?

On a coaching or training sales page that scrolls through eight or nine sections, the main action button usually appears once in the hero, maybe a second time at the bottom of the page. In between, a visitor who's convinced halfway through has to scroll back up — on desktop, that's a quick flick of the mouse; on mobile, it's a real thumb movement, often after losing their place in the text. A sticky CTA bar, pinned to the bottom of the screen and visible throughout scrolling, answers exactly that cost. But adding one everywhere out of habit is just as common a mistake: on some pages it adds nothing, and on others it gets in the way more than it helps.

What a sticky CTA bar actually is

Technically, it's a thin bar — a button, sometimes paired with a price or a short line of copy — positioned with position: fixed at the bottom of the screen, staying visible no matter where the visitor is on the page. Unlike the hero button, it never leaves the visual field: it turns a CTA you have to "go find" into one that's simply always there, without ever covering the content above it.

The problem it solves: the thumb's comfortable zone isn't the whole screen

This isn't just a matter of visual taste — it rests on an old, solid result from motor-control research. In a foundational study published in the Journal of Experimental Psychology, Fitts (1954) shows that the time needed to reach a target with precision increases with distance and decreases with target size — a principle later named Fitts's law, which applies just as well to a mouse cursor as to a thumb on a touchscreen. In practice: the farther a button sits from the thumb's natural resting position, the more time and errors it costs to reach, even while remaining perfectly visible.

A more recent study refines this for the specific case of a phone held in one hand. Presented at the CHI conference, research by Bergstrom-Lehtovirta and Oulasvirta (2014) models the "functional area of the thumb" on a touchscreen: this comfortable zone, reachable without shifting grip, covers a noticeably smaller area than the full screen, and sits mostly in the lower half. A button placed at the top of the hero falls outside that zone as soon as the visitor has scrolled a few screens down — it's technically visible again at a glance, but reaching it again costs a real motor effort. That's exactly the cost a bottom-pinned bar removes: it stays inside the thumb's comfortable zone at every point of the scroll, not just on the first screen.

When a sticky bar actually helps

Long pages with a high level of commitment

On a page whose length is justified by a financial commitment or a considered decision — see our article on long or short landing pages — a visitor can make up their mind by the third or fourth section, long before reading everything. That's exactly the case for the coach & consultant, certified training, and ebook & info-product templates: each one unfolds several screens of proof and reassurance before the form, and a sticky bar spares an already-convinced visitor from scrolling back up to act.

Pages with a multi-step form

On a multi-step form, the sticky bar can carry a "next step" button rather than a generic CTA — it keeps the visitor inside their progress flow without needing to locate the button on every screen, which matters twice as much on small touchscreens.

When it adds nothing, or actively hurts

Short, single-screen pages

On a SaaS waitlist signup page or a newsletter capture page, the main button is already visible on arrival, without any scrolling at all. Adding a sticky bar doesn't shorten any real distance: it duplicates a CTA that's already within reach, permanently occupies part of the screen, and can even read as disproportionate sales pressure relative to the commitment being asked — the same pitfall described in our article on overly aggressive exit-intent popups on a free offer.

When it covers useful content at the bottom of the screen

A poorly sized bar can hide the last words of a paragraph, an FAQ link, or worse, conflict with the on-screen keyboard that opens when filling out a form field — covering the field itself or the keyboard's own submit button. On pages with a form, the bar should hide automatically as soon as a field gains focus.

Design best practices

1. Keep it compact: a bar 50 to 60 pixels tall is enough — beyond that, it eats up too large a share of the visible screen on smaller devices.
2. One button, not two: a bar with a primary CTA and a secondary link ("learn more") reintroduces the paradox of choice at the exact moment the action should be simplest.
3. Hide it while typing: as soon as a form field gains focus, hide the bar to give full room to the on-screen keyboard and the field itself.
4. Adapt the copy to context, not just to the hero's CTA: "See the program" at the top of the page can become "Book my call" once the proof and guarantee sections have passed — see our guide on headlines that grab attention for calibrating that kind of micro-copy.
5. Only show a price once anchoring is already done: displaying a price in the bar before the visitor has seen the offer's value can work against you — see our article on the price anchoring effect.

Should you test it before rolling it out everywhere?

The only reliable way to decide for your own page is measurement, not intuition: a session recording reveals within a few dozen visits whether thumbs actually scroll back up to find the hero CTA or give up before that — see our guide on heatmaps and session recordings. If your traffic volume allows it, an A/B test between a version with and without a sticky bar gives an even clearer answer, specific to your offer and audience rather than a generic recommendation.

Not all 10 LanderKit templates ship with a sticky bar by default, and that's deliberate: it's enabled on long, high-commitment pages, and left out on short pages where the hero CTA is already enough. Our 10 templates (€89 each, €229 for the full pack) come with that kind of detail already settled, with a mobile demo of each before you buy.