For a plumber, an HVAC tech or a roofer, the phone call is the whole point of the website. A good website call button is a tap-to-call link with the same number everywhere. It sits in the header, on the first screen and in a bar at the bottom of phone screens. The mistakes that cost calls are usually simple to fix, and you can check for them on your own phone in five minutes.
Where the call button should go on your website
Someone looking at your site on a phone shouldn't have to scroll, open a menu or dig through the footer to find your number. Put the call button in these three places first:
- The header. A button at the top right, on every page. If the header stays pinned while people scroll, the button stays with it.
- The first screen. Right under your main headline, before any photos or long text. It's the first button a visitor sees.
- A sticky bar on phones. A strip fixed to the bottom of the screen, so the button is under the thumb wherever someone is on the page. On a desktop it isn't needed, since the header already does the job.
After that, repeat the number where people finish reading: at the end of each service section, next to your contact form and in the footer. The footer alone is the wrong place for it, but it's a fine last copy.
How a tap-to-call button works
A call button is just a link that starts with tel: instead of https://. On a phone, tapping it opens the dialer with your number filled in. On a computer, it may open a calling app or offer to send the number to your phone, depending on what the device has set up.
Here's the whole thing, with a fictional number:
<a href="tel:+15125550123">Call (512) 555-0123</a>
The part inside the quotes is what the phone dials. The part between the tags is what people see, so you can write it the way Americans read numbers.
- Start the number with +1. The tel: standard says numbers written for use anywhere start with a plus sign and the country code, which is 1 for the U.S..
- Keep separators simple or leave them out. The standard allows hyphens, dots and parentheses as visual separators, and phones ignore them when dialing. Spaces aren't on that list, so +15125550123 or +1-512-555-0123 are the safe choices.
- Make the visible text say what happens. "Call now" or "Call (512) 555-0123" tells people the tap will dial. A bare "Click here" doesn't.
If you use a website builder, look for a "phone" or "call" link type in the button settings. It writes the same tel: link for you. Test it afterward, because a mistyped digit in the link still looks fine on the screen.
Mistakes that stop the phone from ringing
Each of these can send a caller back to the search results to try the next business on the list.
| Mistake | Why it costs calls | Fix |
|---|---|---|
| Number shown as part of an image or logo | Nobody can tap it, copy it or have it read aloud by a screen reader. People have to memorize it and type it. | Put the number in real text and wrap it in a tel: link. |
| Number only in the footer | People on phones have to scroll to the bottom of a long page before they can call. | Add it to the header, the first screen and a sticky bar on phones. |
| Number shown, but no tap-to-call link | The number is just text. On a phone, that means copying and pasting or typing it in. | Link every visible copy of the number with tel:. |
| Tiny button or text link | It's easy to miss or to hit the link next to it. Google's guidance is about 48 pixels for tap targets, with about 8 pixels of space around them. | Make the call button at least that big and give it room. |
| Contact form and nothing else | Someone with water on the floor wants to talk to a person right away, and a form means waiting for a reply. | Keep the form, but show the call button first. |
| Different numbers in different places | An old number on your site, a new one on Google and a third on a directory makes people unsure which is right. Some calls go to a line nobody answers. | Pick one number and use it on your site, your Google Business Profile and every listing. |
| The website itself doesn't work | No button helps if the page doesn't load. | Click the website link on your own Google listing and make sure it opens. |
That last row isn't rare. In our research on 1,000 trade business websites (September 2026), about 1 in 5 of the website addresses listed for these businesses led nowhere useful. The domain no longer worked, the site returned an error or didn't respond, or the address showed a parked page. Of the sites that did load, about 1 in 10 had no mobile viewport tag, the basic setting that makes a page fit a phone screen. Those pages very likely show up as a shrunken desktop page on a phone, button included.
What our sample sites do
Our plumbing sample site and HVAC sample site follow the same pattern. Here's what's in the code of each page:
- Each page has six tap-to-call links, and all of them use the same number, written with +1 and no spaces.
- The header, with its call button, stays pinned to the top while you scroll. On wider screens the button reads "Call" plus the full number. On narrow phones it shortens to "Call" so it still fits.
- The first screen has a big button right under the headline. It says "Call now" with the number on a second line. On small phones it stretches to the full width of the screen.
- On screens narrower than 768 pixels, a bar fixed to the bottom holds two buttons: "Call now" and "Get a quote". On larger screens the bar is hidden.
- The number appears again next to the quote form, in a call-to-action band near the end and in the footer.
- Most buttons are at least 52 pixels tall, the bottom bar buttons are 54 and the smaller header button is 48, which meets the guideline above.
The quote form is still there for people who'd rather write.
How to count calls from your website
You can count taps on your call button for free, but that won't tell you how many calls actually connected. Google's own help page for phone-click tracking says it counts clicks on your number, not actual calls. Someone might tap, then hang up before it rings.
Don't assume Google Analytics 4 counts call taps on its own. Its automatic "outbound clicks" event is described as clicks on links that lead to another website, and tel: links aren't mentioned. The reliable route is a click event you set up yourself:
- In Google Tag Manager, create a click trigger of the "Just Links" type, which fires on regular links. Limit it to links whose Click URL starts with tel:.
- Send that as a Google Analytics 4 event with a clear name, such as phone_call_click.
- In Google Analytics, go to Admin, then Events, and mark that event as a key event with the star icon.
- Tap your own button on a phone and check that the event shows up.
To count real calls, you need a call tracking service. It gives your website its own forwarding number, sends calls to your line and logs each one. If you do that, keep your main local number on your Google Business Profile. Google's guidelines ask for a local number under your direct control and say not to list numbers that redirect people elsewhere.
The simplest method still works: ask every new caller how they found you, and write it down for a month.
After hours: decide what the button promises
A call button works at 11 p.m. whether or not you pick up. So decide what happens when someone taps it after hours, and say so on the page.
- If you take emergency calls, say so right next to the button, for example "Emergency service, call anytime".
- If you don't, show your hours near the button and let the form take over after hours, with a line saying when you'll respond.
- Either way, record a voicemail greeting that says who they reached and when you'll call back. Then call back when you said you would.
- Check your phone settings too. Make sure the number isn't forwarding to a line that goes silent at night or silences unknown callers.
Test your call button the way a customer would
Open your website on your phone, the way a customer would, and go through this list:
- Can you see a call button without scrolling?
- Does the button stay within reach as you scroll down?
- Does tapping it open the dialer with the right number?
- Is it easy to hit with your thumb on the first try?
- Is it the same number that's on your Google Business Profile?
- Does the website link on your Google listing open the site at all?
Any "no" is worth fixing before you spend a dollar on ads or anything else. If you're weighing a new site to fix several at once, the website cost calculator gives you a rough budget to start from.
Frequently asked questions
How do I add a call button to my website?
What does a tap-to-call button do on a computer?
Does Google Analytics track phone number clicks automatically?
Should I use a call tracking number on my website?
Sources we checked (9)
- MDN Web Docs: <a> element, Linking to telephone numbers
- RFC 3966: The tel URI for Telephone Numbers
- web.dev: Accessible tap targets
- Google Business Profile Help: Guidelines for representing your business on Google
- Google Analytics Help: Enhanced event measurement
- Tag Manager Help: Click trigger
- Google Analytics Help: Mark events as key events
- Google Ads Help: Measure phone number clicks on a mobile website
- Vladier: State of American Trades Websites 2026 (research on 1,000 trade business websites, September 2026)
Want to see a new site before you decide anything?
We'll build your website for free and send you a private link. If you like it, plans start at $99/month. If not, you owe nothing.
Build my free website