Landing Page Form Placement: Left, Right, or Below?
What the evidence actually supports, and why offer complexity decides this more than layout preference does.
On this page
The short version
- The evidence for left, right or centre is weak and inconsistent. The variable that actually decides is how much the visitor needs to know before deciding.
- Small ask, form first. Large ask, form after the case — and repeated, so nobody has to scroll back.
- On a phone none of this applies: the layout is one column and the only real question is how far down the form sits.
Form placement generates more confident advice than the evidence supports. Published tests contradict each other on left versus right, and the effect sizes are small enough that most of the disagreement is noise.
What does have a consistent effect is where the form sits relative to the argument — which is a question about the offer, not about the layout.
Offer complexity is the variable
An email address for a one-page checklist requires no persuasion. The visitor understood the deal from the headline, and anything between them and the field is friction. The form belongs immediately, in the first screen.
A demo request from someone who has never heard of you requires a case. Putting the form first asks for a decision before providing the information to make it, and the visitor scrolls past it — at which point it is behind them.
So: the more the visitor needs to know first, the further down the form belongs, and the more important it becomes to repeat it at the end.
Where the form goes
| The ask | Position | Repeat? |
|---|---|---|
| Email for a checklist | First screen | Not needed |
| Email for a course | First screen | Once at the end |
| Webinar registration | First screen and after the agenda | Yes |
| Free trial | After the what-it-is section | Yes, at the end |
| Demo request | After the case and the proof | Yes, twice |
| Anything priced | After the pricing | Yes |
Left, right and centre
For a two-column hero — copy on one side, form on the other — the honest summary is that it rarely matters much, and the reading direction argument cuts both ways. Left-hand placement means the form is seen first; right-hand means the copy is read first and the eye arrives at the form afterwards.
The single-column centred layout is worth more attention than either, because it is what the page becomes on a phone anyway. Designing centred means the mobile and desktop versions are the same arrangement, which removes a whole class of inconsistency.
If you do test this, test it as a formula: two columns against one, rather than left against right. That difference is larger and more likely to resolve.
The mobile question is different
There is no left or right on a phone. Everything is one column, and the only question is how many screens of scrolling separate the visitor from the field.
That makes the mobile version the stricter constraint, and worth designing first. A hero that works as two columns on a desktop becomes a stack on a phone, and the form ends up below whatever was beside it — often a large image nobody needed.
The specific thing to check is the keyboard. When the field is focused, the keyboard takes roughly half the screen; a form positioned near the bottom of a long hero can end up with its button underneath it.
Two arrangements of the same hero
Two columns on desktop
- Copy left, form right
- Becomes a stack on mobile
- Image lands between copy and form
- Two layouts to check
One column, centred
- Headline, subhead, form, in order
- Identical on every device
- No image competing for the first screen
- One layout to check
Placement check
- Position matches how much the visitor needs to know first
- The form is repeated for any ask larger than an email address
- Repeats use identical wording
- The mobile stack was designed, not inherited from the desktop layout
- The button is not underneath the keyboard when the field is focused
- No large image sits between the copy and the form on mobile
Frequently asked questions
Should the form be in a card or inline on the background?
A card with a contrasting background helps it read as the action, particularly in a busy hero. It is a small effect and a safe default rather than something worth testing.
Does a sticky form that follows the scroll work?
On long pages for large asks, yes, and it must not obscure content on mobile. A sticky button that scrolls to the form is the safer mobile version.
How many times can I repeat the form before it looks desperate?
Twice on most pages, three times on a genuinely long one. What reads as desperate is variation — the same form with three different headlines looks like three attempts.