Skip to content
heatpoints
FRLog inCreate an accountAdd to Chrome

Where should you place a call to action?

Place the action where its purpose is clear and the reader has enough information to decide. Use an attention map to review visibility, then test the actual task.

By the Heatpoints team · Updated 9 September 2026

Try the image heatmap

There is no universally best coordinate

A call to action belongs in the decision it supports. A familiar product with a simple offer may need an early action. A complex service may need evidence, eligibility details or a price explanation before a commitment makes sense.

Treat position as one part of the interface. The label, surrounding information and destination matter as much as whether the button stands out. ‘Get started’ can be visible while leaving people unsure whether they will pay, book a call or create an account.

Review a concrete purchase decision

For a product page, identify the information someone needs before buying: the item, price, relevant options and delivery constraints. Keep the action connected to those details. For a demo request, explain what happens after submission and what information is required.

A heatmap can flag visual competition between the action and nearby decoration. It cannot tell whether the buyer trusts the offer or has understood the terms. A warm button is therefore a visibility observation, not proof that the CTA works.

Compare placement without changing everything

Create two versions at the same viewport and keep the offer and button label constant. Change the position or surrounding spacing, then compare the images. Record whether the predicted emphasis moves toward the action or a competing element.

  1. Capture the original viewport with the CTA visible.
  2. Make one placement or spacing change.
  3. Analyse both screenshots in Championship.
  4. Inspect the CTA region in each overlay, not only the ranking.
  5. Test whether real users can explain and complete the next step.

References: Compare CTA variants

Long pages and mobile screens

A long page can offer another action after a useful explanation, but repetition should serve a new decision point. A sticky action also takes space and can obscure content, particularly on mobile. Test the actual layout, including menus, keyboards and notices.

Review the first screen and later sections separately. Research on scrolling is evidence about studied behaviour, not a rule that every CTA must sit above a fixed pixel line.

References: NN/g: Scrolling and Attention