Click-to-call buttons: making your phone number tappable

A click-to-call button turns your phone number into something a customer can tap to start the call, without copying or retyping it. For any business that gets work by phone, it is the single most useful thing on the mobile version of the site. Making the number tappable is a small technical change; putting it in the right spot and being honest about when you answer is what makes it work. Here is how to do both, and how to check yours in a minute.

How a tappable number works

Behind a click-to-call button is an ordinary link, but instead of pointing to a web page it points to a phone number. The address starts with tel: followed by the number, written with the country code and no spaces, like tel:+15552014400. When someone taps it on a phone, the dialer opens with the number filled in. On a computer, it may offer to call through a linked phone, FaceTime, Skype or Teams, or do nothing at all.

Some phones guess that a number on a page is a phone number and make it tappable on their own. Do not rely on that. The guess fails often, especially when the number is in a picture, split across lines or written with unusual punctuation. A proper link always works.

Check your own site in one minute

Take out your phone and open your website:

Find your phone number in the header, on the home page and on the contact page.
Tap it. The dialer should open with the right number ready. Do not press call unless you want to ring yourself.
Check the footer on a few inner pages too. Numbers are often linked in one place and plain text in another.
Check that the number is real text, not part of an image. If you cannot select it with a long press, it is a picture. A picture of a number cannot be tapped, read by a screen reader or copied.
Check every number if you have more than one: the main line, a separate emergency line, a text-only number.

If any of these fail, it is a quick fix for whoever edits your site. On most builders, you select the number in the editor, choose "link", and pick "phone" as the link type.

Where the button belongs on a phone

On a phone, the screen is small and a customer is often in a hurry: water on the floor, a locked car, a dog that needs to be seen today. Put the call button where the thumb finds it first:

At the top of every page, in the header, as a button with the word "Call" and the number, or a phone icon with "Call" beside it. A lone icon is easy to miss and unclear to some visitors.
In a bar fixed to the bottom of the screen on phones, if calls are your main source of work. It stays in reach while the visitor scrolls. Keep it slim so it does not cover the content.
Next to the headline on the home page, as the main button.
At the end of each service page.

Make it big enough to tap with a thumb without hitting something else. Buttons that are tiny or crowded against other links cause misdials or no dial at all.

Hours: say when someone will pick up

A call button invites a call at any hour. If nobody answers at nine at night, the customer may assume you are closed for good or just do not pick up. A short line beside the button sets the right expectation:

"Call 7 am to 6 pm, Monday to Saturday"
"24/7 emergency line"
"After hours? Leave a message and we'll call you back first thing."
"Text us anytime at the same number"

If you can, update your voicemail greeting to say the same thing, and give the callback promise you can keep. For keeping hours right across the site and your Google listing, see business hours on your website.

Some businesses show the call button only during open hours and swap it for a request form after closing. That works, but a fixed button with clear hours next to it is simpler to set up and never breaks.

Text instead of call

Many customers, especially younger ones, would rather text than talk. If your business number can receive texts, consider a second, smaller link that opens the messaging app. It works the same way as a call link, with sms: in front of the number instead of tel:.

Only add it if someone will actually read and answer texts during the day. A text that goes unanswered is worse than no texting option at all. And make sure the number can take texts: many landlines and some office phone systems cannot.

Writing the number so everyone can read it

Use the standard US format people recognize: (555) 201-4400 or 555-201-4400.
Use the same format everywhere on the site and on your Google Business Profile.
Keep it in large, dark text on a light background, or the reverse. Light gray on white is hard to read, especially for older customers.
Skip vanity spelling on its own. "1-800-GET-PIPE" is memorable on a truck, but on a website, show the digits, which is what a phone dialer needs. You can show both.

Matching the number everywhere matters for Google too: the same name, address and phone number across your site and your listings helps Google connect them. Name, address and phone: why they must match explains why.

Tracking calls from the site

If you want to know how many calls come from the website, ask callers how they found you. It is free and accurate enough for a small business. Call-tracking services can give the site its own forwarding number, which counts calls automatically; if you use one, keep your main number on your Google listing and consistent elsewhere.

What to do this week

Tap every phone number on your site on your own phone, including the footer.
Fix any that are plain text or images.
Put a call button in the header on phones, with the number visible.
Add your answering hours next to it, and match your voicemail to them.
Decide whether a text link makes sense for you.

If your current site makes customers squint for a number they cannot tap, you can see your site rebuilt first with call buttons in place on every page.