How to Make a Phone Number Clickable on a Website (tel: Link Guide)
Wrap the number in an <a> tag with tel: as the href. That’s it — phones recognize the link and dial when tapped, desktops show it as text or open Skype/FaceTime. Here’s the full setup with country codes, extensions, and the gotchas nobody mentions.
The basic syntax
<a href="tel:+14155552671">Call us</a>Three things matter:
- Use the
+sign and country code. Always.tel:links should be in international E.164 format. - No spaces inside the href. Format the visible text however you want, but the href stays clean.
- No dashes, parentheses, or dots inside the href. Just digits and the leading
+.
What it looks like in real HTML
<a href="tel:+14155552671">(415) 555-2671</a>The href is machine-readable. The visible text is human-readable. Different jobs.
Adding an extension
Use a comma to insert a pause, then the extension:
<a href="tel:+14155552671,123">Sales — ext. 123</a>One comma is roughly a 2-second pause. You can stack them (,,) for longer waits, but two is usually enough for most IVR systems.
Mobile vs desktop behavior
| Device | What happens when tapped |
|---|---|
| iPhone | Opens the dialer with the number prefilled. |
| Android | Opens the dialer with the number prefilled. |
| Mac | Offers FaceTime Audio or hands off to iPhone if connected. |
| Windows | Tries Skype or asks which app to use. |
| iPad without SIM | Asks to call via FaceTime or a connected device. |
tel: vs callto: vs WhatsApp
You’ll see callto: in old tutorials. It’s a Skype-only legacy thing. Don’t use it. tel: is the universal standard.
If you want a chat instead of a voice call, WhatsApp links are the better play — most people would rather text than dial.
Should you include the country code?
Yes. Always. Even if your business is local. If a visitor on a U.S. phone taps a UK number without the country code, the call won’t go through. The + sign tells the phone to use the country code as-is.
Common mistakes
- Spaces in the href. Some browsers handle them, others don’t. Strip them.
- Forgetting the
+. Without it, you’re relying on the user’s default country, which is unreliable. - Using
tel:with no country code on Android. Works locally but breaks for international visitors. - Hiding the link behind a button image without alt text. Bad for accessibility.
What about for SEO?
Clickable phone numbers are a small but real ranking signal for local businesses. Search engines read tel: links and use them to confirm NAP (Name, Address, Phone) consistency. Plus mobile users convert way better when they don’t have to copy-paste.
Generate the link in one click
If you don’t want to handcraft the HTML, the phone call URL generator formats the number, adds the country code, and spits out the full <a> tag ready to paste into your site. Pair it with the QR code generator if you also need it on offline materials like flyers or storefronts.
FAQ
Can I use tel: links in emails?
Yes. Most email clients render them as clickable. Outlook is the usual exception — it treats the link as text on some versions.
Do tel: links work on iPads without a SIM?
They prompt to call via FaceTime or to use a connected iPhone. If neither is set up, nothing happens.
Can I track clicks on a tel: link?
Yes, with a click event listener in Google Tag Manager or a JS onclick handler. It’s the standard way to measure call intent on a website.
What’s the format for international numbers?
E.164: +, country code, then the number with no leading zero. Example: a UK number 020 7946 0958 becomes +442079460958.