A homeowner has a branch on her roof after the wind last night. She searches on her phone, taps the first tree company she sees and lands on a site with a long intro and a phone number in tiny gray text. She has to pinch, zoom and copy it. Many people would just go back and tap the next company.
A tap-to-call button fixes that. It is one of the cheapest changes you can make to a site. This post shows where to put it, how to word it and how to test it.
What a click-to-call button is
It is a button or link that starts a phone call when tapped on a phone. It uses a standard link type called a tel: link. On a desktop it may open a calling app or do nothing, so on large screens you also show the number as plain text.
Here is how the link looks in a web page. If your site was built by someone else, you can send them this:
<a href="tel:+15555550123">Call now</a>The number above is a placeholder. Use your real number, with the country code, and no spaces or dashes inside the link itself.
Where to put it
You want the button in reach at all times. Here is a simple map:
| Place | What to do |
|---|---|
| Top of every page (header) | Phone number or “Call” button, visible on a phone without scrolling |
| Hero section (first screen) | A large “Call for a free estimate” button |
| Sticky bar at the bottom of the phone screen | A small bar that stays while the visitor scrolls |
| After each service description | A short button, “Call about tree removal” |
| Contact page | Number at the top, then the form below |
| Footer | The number again, plus hours |
| Google Business Profile | Same number as your site |
Do not hide the button in a menu. If a person has to open the menu to find your number, many will not.
How to word the button
Say what happens. Say who answers. Keep it short. Good examples:
- “Call now for a free estimate”
- “Call or text us: (555) 555-0123” (use your real number)
- “Storm damage? Call us”
Avoid vague labels like “Submit” or “Click here”. If you offer after-hours help, say when the line is open, and be honest about it. Do not say “24/7” unless someone truly answers at 3 am. Our post on emergency tree service after hours explains how to plan this.
Make it easy to tap
Phones are used with a thumb, so size matters.
- Make the button large enough to tap without zooming.
- Give it strong color contrast against the page, so it can be read in sunlight.
- Leave space around it, so the thumb does not hit another link.
- Use text, not only a phone icon.
If your page loads slowly, the button arrives late. Keep images small. See our website checklist for more.
The button needs an answer
Here is the hard truth. A great button sends people to a phone that may ring out. According to Invoca, about 27% of calls to home-service businesses go unanswered, and under 3% of those callers leave a voicemail. If your crew is in a tree, the call goes nowhere.
So pair the button with a safety net:
- Missed-call text-back. If you miss the call, a text goes out in about 30 seconds. See the text-back script tool for wording, or the missed-call text-back service.
- An AI receptionist can answer what you miss and book the estimate. Read about the AI receptionist.
- A test. Run the answer rate test to see how many calls you really catch.
How to test your button
You do not need a tech person. Do this on your own phone:
- Open your website on your phone, not a computer.
- Look at the first screen. Can you see a call button without scrolling?
- Tap it. Does your phone offer to call the right number?
- Scroll down the page. Is there a call option still in reach?
- Ask a friend with a different phone to try. Check an iPhone and an Android if you can.
- Check the number against your Google listing. They must match.
Try it: the service page outline builder shows where a call button fits on each service page.
Phone numbers: one or two?
Keep one main number across your site, your Google listing and your trucks. If you use a separate tracking number to see where calls come from, tell the person who builds your site, so the number matches everywhere that counts. A mismatch makes customers doubt who they are calling. If you answer from a cell phone, make sure it has a voicemail greeting that names your company, so a caller knows they reached the right place.
Common mistakes
- The number is an image, so it cannot be tapped.
- The number is a link on desktop but plain text on mobile.
- The number is old, because you changed your phone line.
- The button says “Contact us” and leads to a long form.
- A pop-up covers the button on small screens.
- There is no button on service pages, only on the home page.
Checklist
- A call button shows at the top of the page on a phone.
- A sticky call bar stays on the screen while scrolling.
- The number is a real
tel:link, not an image. - The label says what happens (“Call for a free estimate”).
- The same number is on the site and on Google.
- Hours are honest.
- A text-back catches missed calls.
- I tested it on two different phones.
Next step
Your site should do more than look nice. It should get the call. Our website service builds fast pages with a call button on every one, and you can see pricing and the other services. To see how many calls you miss today and what your site does for a visitor, get a free audit.
