where should the contact button go? where the decision happens

design · 2026-09-02 · 3 min

in the header, top right, on every page. then again at the end of each page, after the proof. on a phone, a sticky bar at the bottom with two items: call and quote. the footer is where buttons go to be found by nobody.

the position matters less than the moment. a button placed where the visitor has just decided is worth more than the same button repeated five times on the first screen.

the three positions that work

header: always visible, one button, one action. if the menu has five items plus a button, the button is competing with five links. keep the menu short and the button visually different.

end of page: after the work, the prices, the answers. someone who scrolled to the bottom has read everything and is looking for the next step.

inline, after a specific claim. "a quote includes the survey, the design and one revision" followed by "ask for a quote" converts because the intent is already there. this is the strongest position on a service page.

what the button should say

"contact us" describes the page, not the action. "ask for a quote", "book a call", "write on whatsapp" name the next step. if you can add what happens after, do it: "ask for a quote, answer within a day" is better than "send".

one primary action per page. if there are two, one is secondary and looks like a link. two identical buttons side by side make the visitor choose, and choosing is the moment they leave.

on a phone

the thumb reaches the bottom half of the screen, not the top right corner. a sticky bar with two items works: call, and quote. five icons do not. tap targets of at least 44 pixels, spacing between them, and a phone number that is a real tel link, so one tap dials.

test it with one hand, standing up, while the other hand holds something. that is the position most customers are in when they call you.

faq

should the button be sticky?

on mobile, yes, if the page is long. on desktop a sticky header is fine, but it should not cover the content when someone jumps to an anchor. test it at 200% zoom, where sticky bars eat half the screen.

phone number or form?

both, in that order if you actually answer the phone. a form is for people who cannot talk, are at work, or want to send details. a phone number that rings out is worse than no number.

how many contact buttons are too many?

one per screen is fine. the problem is not the number, it is the same button saying different things: "contact", "info", "request", "let's talk" on the same page. pick one phrase and use it everywhere. more on labels here.