How do I make a phone number clickable on my website?

Wrap the number in a link whose address starts with tel: followed by the number in international format, such as tel:+15551234567. Keep the visible text readable, for example Call (555) 123-4567. In WordPress or most website builders, add a button and paste the tel: address into its link field, then test the button on an iPhone and an Android phone.

What is the correct wa.me link format?

Use https://wa.me/ followed by your full phone number in international format using digits only, with the country code and no plus sign, spaces, brackets, dashes or leading zeros. To prefill a message, add ?text= and URL-encoded text. For example, https://wa.me/15551234567?text=Hi opens a chat with that number and the word Hi ready to send.

Where should a call button go on a mobile website?

The most reliable spot is a sticky bar at the bottom of the screen, where the thumb naturally rests, with Call and WhatsApp side by side. Add a second, clearly labeled button in the first screen of each service page. Make sure the bar does not cover forms, cookie banners or other buttons, and keep each tap target at least 44 by 44 pixels.

Do I need WhatsApp Business to use a WhatsApp button?

No. A wa.me link works with any WhatsApp number. The free WhatsApp Business app is still worth using because it adds a business profile with hours and address, automatic greeting and away messages, quick replies and labels. Use a dedicated business number so conversations stay with the business rather than on an employee's personal phone.

How do I track clicks on my call button?

Use Google Tag Manager to fire a GA4 event when someone clicks a link starting with tel:, and a second event for links containing wa.me. Mark them as key events in GA4. If you run Google Ads, set up a conversion for clicks on your mobile number or use a Google forwarding number to count real calls above a minimum length.

What size should a click-to-call button be?

Aim for at least 44 by 44 pixels. WCAG 2.2 sets 24 by 24 CSS pixels as the AA minimum and 44 by 44 at the stricter AAA level, and thumb-sized buttons reduce mis-taps. Pair the size with a clear text label, strong color contrast and enough space between Call and WhatsApp so people do not hit the wrong one.

Local SEO & Getting Customers

Click-to-Call and WhatsApp Buttons for Business Websites: Setup, Mobile Placement, Tracking and Mistakes to Avoid

By ITCM Team · Updated November 2026

A click-to-call button is a link that starts with tel: followed by your number in international format, and a WhatsApp button is a link to https://wa.me/ followed by your number with the country code and no plus sign, spaces or dashes. Put both where a mobile visitor's thumb already is: a sticky bar at the bottom of the screen, plus a button in the first screen of every service page. Make each tap target at least 44 by 44 pixels, label the buttons clearly, show when someone will actually answer, and track every tap as a conversion so you know which pages bring customers.

Key takeaways

Call link: tel:+15551234567, written in full international format with the plus sign.
WhatsApp link: https://wa.me/15551234567, digits only, optional ?text= with a prefilled message.
On mobile, a sticky bottom bar with Call and WhatsApp side by side works best for most local businesses.
Use tap targets of at least 44x44 pixels and plain labels like Call now, not just icons.
Track taps with Google Tag Manager and mark them as key events in GA4 and conversions in Google Ads.
Show your hours and reply time, and set a WhatsApp Business away message for nights and weekends.

Why do click-to-call and WhatsApp buttons matter for a local business?

Most people looking for a plumber, clinic or repair shop are on a phone and want an answer now. If they have to copy your number and type it, many go back and tap the next result. A one-tap button removes that friction.

Different customers prefer different channels. Some want to talk to a person immediately, others would rather send a photo of the problem and a short message without making a call. Offering both, clearly, catches both groups. If your site gets traffic but the phone stays quiet, this is often the first fix we look at, alongside the checks in our guide on why a website gets visitors but no calls.

How do you add a click-to-call button with a tel: link?

A click-to-call button is an ordinary link whose address starts with tel: instead of https://. On a phone, tapping it opens the dialer with the number filled in. On desktop it may do nothing, so also show the number as text.

Write the number in international format with a plus sign and no spaces: tel:+15551234567.
Keep the visible text readable: Call (555) 123-4567 or Call now, not the raw link.
In WordPress, most page builders have a button field where you simply paste tel:+15551234567 as the link.
Test on both an iPhone and an Android phone after every site update.

How do you create a WhatsApp click-to-chat (wa.me) link?

WhatsApp's click-to-chat feature lets anyone start a chat with your number without saving it as a contact. The link format is https://wa.me/ followed by your full number in international format, using digits only: no plus sign, brackets, dashes or leading zeros. For a US number that looks like https://wa.me/15551234567.

You can add a prefilled message with ?text= followed by URL-encoded text, for example https://wa.me/15551234567?text=Hi%2C%20I%27d%20like%20a%20quote. The message appears in the customer's chat box and they can edit it before sending. Make it page-specific, such as Hi, I need a roof repair quote.

The WhatsApp Business app also gives you a short link and a QR code, which are handy for printed materials and vehicles.

Where should you place call and WhatsApp buttons on mobile?

Place buttons where they are seen without scrolling and reachable with one thumb. The pattern that works best for most service businesses is a slim sticky bar fixed to the bottom of the screen on mobile, with Call and WhatsApp side by side, plus a clear button in the first screen of each service page.

Placement	Best for	Watch out for
Sticky bottom bar (mobile)	Always-visible Call and WhatsApp on every page	Must not cover cookie banners, forms or the page footer
Header phone number	Desktop visitors and people who scan the top	Too small on phones; keep it but do not rely on it
Hero section button	Service pages and ad landing pages	Compete with too many other buttons
Floating WhatsApp bubble	Chat-first audiences and after-hours enquiries	Hiding your Call button or overlapping a chat widget

Should you show WhatsApp, a phone number, or both?

Show both if you can answer both. Emergency trades such as plumbing, locksmiths and towing should lead with Call, because the customer wants a person now. Businesses where photos help, such as repairs, landscaping, renovations or beauty, often get better-qualified enquiries on WhatsApp because the customer can send pictures first. In markets where WhatsApp is the default way to talk to businesses, such as much of the Middle East, Latin America and South Asia, it often deserves the first position.

Put the primary action first and make the secondary one visually lighter. Our guide to the best call to action for local business websites covers wording and priority in more detail.

How do you track clicks on call and WhatsApp buttons?

Tracking turns buttons from decoration into data. The common setup is Google Tag Manager with a click trigger that fires when the clicked link starts with tel: and another for links containing wa.me, each sending its own event to GA4 (for example call_click and whatsapp_click). Mark those events as key events in GA4 so they show up in your reports.

If you run Google Ads, you can also create a conversion for clicks on a phone number on your mobile website, or use a Google forwarding number on your site to count actual calls that last longer than a minimum length you set. Remember that a tap is not a call and a WhatsApp click is not a sent message, so compare the numbers with what you actually receive. Our step-by-step guide on how to track calls from your website walks through the setup.

Trigger 1: Click URL starts with tel: sends call_click with the page path.
Trigger 2: Click URL contains wa.me sends whatsapp_click with the page path.
Mark both events as key events in GA4 and import them into Google Ads if you advertise.
Check in GTM preview mode and on a real phone before trusting the numbers.

How do business hours and WhatsApp Business settings fit in?

A button that leads to an unanswered phone is worse than no button. Show your hours next to the buttons or in the sticky bar, and if you are closed, say so honestly and point people to WhatsApp or a form with a promise like We reply by 9am.

The WhatsApp Business app, a separate app from personal WhatsApp, lets you add a business profile with your hours, address and website, set an automatic greeting for new chats, an away message outside business hours, quick replies for common questions, and labels to organize leads. Use one dedicated business number rather than the owner's personal phone, so the conversations stay with the business when staff change.

What about privacy and accessibility?

Accessibility rules apply to these buttons as much as to anything else. WCAG 2.2 sets a minimum target size of 24 by 24 CSS pixels at level AA and recommends 44 by 44 pixels at the stricter AAA level; for buttons people tap with a thumb, 44 pixels is the safe choice. Give icon buttons a text label or an accessible name like Call us or Chat on WhatsApp, and check that button text has enough contrast with our free accessibility contrast checker.

On privacy, a WhatsApp chat moves the conversation to Meta's platform and shares the customer's phone number with you. Mention WhatsApp in your privacy policy, do not ask for sensitive details such as card numbers in chat, and if your tracking tags depend on consent, make sure the cookie banner does not block the sticky bar.

Common mistakes with call and WhatsApp buttons

Most take minutes to fix. For a second pair of eyes, our conversion rate optimization service reviews every path from visit to call.

Numbers written as images or plain text that cannot be tapped.
Local-format numbers like tel:0551234567 that fail for visitors or apps expecting a country code.
wa.me links with a plus sign, spaces or a leading zero, which open an error instead of a chat.
Icon-only buttons with no label, too small to tap or invisible to screen readers.
A sticky bar that covers the form's submit button or the cookie banner.
A different number on the site than on your Google Business Profile.
No tracking, so nobody knows which pages produce calls.

How ITCM builds sites that make contact easy

On the sites we build, call and WhatsApp buttons are part of the design from day one: a sticky mobile bar, page-specific prefilled WhatsApp messages, hours that update from the admin panel the owner controls, and tap tracking wired in before launch. For bilingual EN/AR businesses we set the buttons and messages in both languages.

We work demo-first: we build your website and app for free, you see it finished, and you pay $150 one-time only if you are happy. The details are on our free until you're happy offer page.

Frequently asked questions

How do I make a phone number clickable on my website?: Wrap the number in a link whose address starts with tel: followed by the number in international format, such as tel:+15551234567. Keep the visible text readable, for example Call (555) 123-4567. In WordPress or most website builders, add a button and paste the tel: address into its link field, then test the button on an iPhone and an Android phone.
What is the correct wa.me link format?: Use https://wa.me/ followed by your full phone number in international format using digits only, with the country code and no plus sign, spaces, brackets, dashes or leading zeros. To prefill a message, add ?text= and URL-encoded text. For example, https://wa.me/15551234567?text=Hi opens a chat with that number and the word Hi ready to send.
Where should a call button go on a mobile website?: The most reliable spot is a sticky bar at the bottom of the screen, where the thumb naturally rests, with Call and WhatsApp side by side. Add a second, clearly labeled button in the first screen of each service page. Make sure the bar does not cover forms, cookie banners or other buttons, and keep each tap target at least 44 by 44 pixels.
Do I need WhatsApp Business to use a WhatsApp button?: No. A wa.me link works with any WhatsApp number. The free WhatsApp Business app is still worth using because it adds a business profile with hours and address, automatic greeting and away messages, quick replies and labels. Use a dedicated business number so conversations stay with the business rather than on an employee's personal phone.
How do I track clicks on my call button?: Use Google Tag Manager to fire a GA4 event when someone clicks a link starting with tel:, and a second event for links containing wa.me. Mark them as key events in GA4. If you run Google Ads, set up a conversion for clicks on your mobile number or use a Google forwarding number to count real calls above a minimum length.
What size should a click-to-call button be?: Aim for at least 44 by 44 pixels. WCAG 2.2 sets 24 by 24 CSS pixels as the AA minimum and 44 by 44 at the stricter AAA level, and thumb-sized buttons reduce mis-taps. Pair the size with a clear text label, strong color contrast and enough space between Call and WhatsApp so people do not hit the wrong one.

Get a website + app built for free

We build your website and mobile app first, and you see it finished. If you’re happy, you pay $150 one-time. If you’re not, you pay nothing.

See the $150 offer Free website audit

← All articles