How do I add a tap-to-call button that works on mobile?

A tap-to-call button is exactly what it sounds like: a button a visitor taps once on their phone to dial you, no copying numbers, no typing. Since the large majority of people visiting a trade website are on a phone, this is the highest-return change you can make. Here is how to add one and where to put it.

How tap-to-call actually works

Under the hood, a tap-to-call button is a link that uses your phone number instead of a web page address. When someone on a phone taps it, the dialer opens with your number filled in, so they only have to hit the green call button. Every modern smartphone supports this automatically, which is why it converts so well. For the bigger picture on why this matters, see get more calls with click-to-call.

Make it a real button, not plain text

A phone number sitting in a paragraph or footer gets ignored. Turn it into a button: a solid colored box, big enough to tap with a thumb, with the number clearly visible. Aim for a tap target at least 44 pixels tall so nobody misses it. Show the actual number on the button, like "Call (555) 123-4567," because a visible number reads as legitimate.

Put the tap-to-call button in three places: pinned at the very top of the page, again partway down, and in a sticky bar at the bottom of the screen so it is always one thumb-reach away.

Put it where thumbs already are

Placement decides whether the button gets used. The top of the page is non-negotiable, because that is where a ready-to-call visitor looks first. A sticky bar that stays at the bottom of the screen as people scroll is the single best upgrade, since the button is always in reach. We cover the full placement playbook in where to put your phone number.

Test it on a real phone

Before you trust it, pull out your own phone and tap the button. Confirm it opens the dialer with the correct number. Then check it on a different brand of phone if you can. A broken or wrong number is worse than none, because the visitor assumes the whole business is sloppy. While you are testing, make sure the rest of the page is comfortable on a phone too, which is the point of why your website must work on phones.

Keep the number consistent

Use the same number everywhere, on the site, on Google, and on your truck. Consistency builds trust and avoids confusing customers who saw your number somewhere else.

At Blank Theory every site we build ships with a tap-to-call button at the top and a sticky call bar, set up and tested for you, on a free preview before you pay anything, then a flat $199 a month. See your free preview and try the button yourself.