Three placement spots that matter
Above the fold. Most visitors decide whether to engage with a page within the first screen. Your primary call to action should be visible without scrolling on both desktop and mobile. The line 'above the fold' on a phone is much closer than on a laptop, so test on a phone.
After the offer is explained. Most visitors won't click the first button if they don't yet understand what they're getting. After the section that explains the offer, the same call to action should appear again. Repeat, don't reinvent.
At the bottom. Visitors who reach the bottom are usually the most ready to act. Don't make them scroll back to the top to find the button. Repeat it one final time.
Three appearances of the same call to action on a single page is normal. Five is too many. One is too few.
Design rules for visibility
Three rules cover most of what matters.
First, contrast. The button should stand out against everything around it. If your site is mostly white with grey text, a navy blue or orange button will be visible. A pale grey button will not. Brand colour palettes that don't include a strong accent colour usually need one added just for buttons.
Second, size. The button should be touchable on a phone without precision. Forty-eight pixels of height as a minimum, more if the button sits among other tap targets. Tiny buttons frustrate visitors who are tapping with a thumb.
Third, white space. A button surrounded by clutter performs worse than the same button with breathing room. Give the call to action its own visual space - not just on the button itself but in the area around it.
- Visible without scrolling on both desktop and mobile.
- Strong colour contrast against the background.
- At least forty-eight pixels tall on mobile.
- Surrounded by white space, not crammed against other elements.
- Repeated after the explanation and at the bottom of the page.
- Secondary calls to action visibly less prominent than the primary one.
The colour question
There's a small industry of advice about button colour. Red. Orange. Green. The honest answer is that colour matters less than contrast. A pink button on a pink background converts worse than a navy button on a white background, no matter what the case studies say.
Pick a colour that contrasts strongly with everything else on the page and use it consistently for primary calls to action. Don't use the same colour for secondary buttons - that dilutes the signal. Most small business sites are improved by adopting a single distinctive call-to-action colour and using it nowhere else.
Mobile placement
On a phone, the visitor's thumb is at the bottom of the screen. Buttons that sit at the bottom of the visible area are easier to tap than buttons at the top. For service businesses where a tap-to-call link makes sense, a fixed bottom bar with a call button on mobile is one of the highest-impact changes you can make.
Check every important page on a real phone, not just the desktop browser's mobile view. Real phones have differences in display, touch sensitivity and rendering that the simulator misses. Most small business owners haven't actually used their site on a phone for months.
Common placement mistakes
Putting the call to action only at the very bottom of the contact page. By the time the visitor reaches it, half have left. Putting two equally-prominent buttons next to each other ('Get a quote' and 'Download brochure'). The visitor freezes and clicks neither. Surrounding the button with so many trust badges, certifications and links that the button itself is lost. Hiding phone numbers in the footer. Phone numbers should be visible on every page, ideally clickable on mobile.
What to do this week
Open your site on a phone. Look at every important page. Note where the primary call to action is, how visible it is and whether it's repeated. Apply the design checklist. Most pages need three small changes: better contrast, more breathing room, an additional appearance at the bottom.
Build trust before asking for action. Visible, well-placed buttons are part of how trust shows up on the page. The next chapter is about reducing friction in the action itself once the visitor decides to click.
