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

Short answer: Turn the number into a link that starts with tel: followed by your full number with no spaces, like tel:+18185551234. On a phone, one tap then opens the dialer. Every common website builder can do this, and it takes about five minutes.

What a clickable number actually is

A normal link points to a web page, like https://example.com. A phone link points to a phone number instead. It looks like this:

<a href="tel:+18185551234">(818) 555-1234</a>

The part people see, (818) 555-1234, can be written any way you like. The part after tel: should be digits only. Start with +1 for a US or Canada number, then the area code and number, with no spaces, dashes or brackets.

Step by step (any website builder)

Type your number as real text in the header (top bar) of your site. Not inside a logo or banner picture: a picture cannot be tapped.
Select the number with your mouse, like you would to make it bold.
Click the link button (it usually looks like a chain link 🔗).
Choose "Phone" if the builder offers it, or type tel:+1 and your 10 digits into the web address box.
Save and publish. Many builders do not change the live site until you press Publish or Update.
Test it on a real phone (see the 60-second check below).

Then do the same in your footer and on your contact page, and on any "Call now" button.

Tips for each platform 🛠️

WordPress (block editor)

Edit the page or the header template (Appearance → Editor on block themes). Select the number, click the link icon and type tel:+18185551234, then press Enter. For a Button block, put the same text in the button's link box. If you use a page builder like Elementor, open the Button or Text widget and paste tel: plus your number into its Link field. Clear any caching plugin after you update so the change shows.

Wix

Select the text or button and click the link icon. Wix has a Phone number link type: pick it and type your number. Then switch to the mobile view in the editor (the phone icon at the top) and make sure the number or button is not hidden on mobile.

Squarespace

Edit the page, select the number in a text block, click the link icon and type tel:+18185551234. For a button, open its settings and put the same in the link box. Squarespace's header has its own button option in the header settings; you can point that button to a tel: link too.

Shopify

For text in a section, select it in the theme editor (Online Store → Themes → Customize), click the link icon and type the tel: link. To add it to your menu, go to Content → Menus (older stores: Online Store → Navigation), add a menu item and paste tel:+18185551234 as the link.

GoDaddy Website Builder

Add or edit a button and look in its link settings for a phone option, or type the tel: link if there is no option. Many GoDaddy header layouts also have a setting to show your phone number; turn it on, then check it on a phone.

Hand-coded or other sites

Use the HTML shown above. If your developer handles changes, send them this line and ask them to put it in the header on every page.

How to check it in 60 seconds ⏱️

Open your website on your own phone, using mobile data, not Wi-Fi.
Without scrolling, find the phone number. Is it on the first screen?
Tap it once. Your phone should offer to call.
Look at the number it wants to dial. Is every digit right?
Do the same on your contact page and one service page.

You can also use our free Is my phone number clickable? tool.

Common reasons it still does not work

A typo in the link. tel: must have the colon, and no spaces after it. tel: 818 or tel//818 will fail.
The number is a picture. If you cannot select the number with your finger, it is part of an image. Retype it as text.
Hidden on mobile. Some themes hide header items on small screens. Check the mobile view in your editor.
Something covers it. A chat bubble, cookie banner or pop-up can sit on top of the number on a phone.
An old number. If you changed numbers, the text may be new but the link may still hold the old one. Tap it to see what it dials.

Why it is worth five minutes

Someone looking for a plumber, a dentist or a roofer on their phone often wants to call right now. If they have to copy your number by hand, some will not bother. In October 2026 we checked 938 Los Angeles County small business websites at phone size, and 41% did not show a phone number on the first phone screen at all (385 of 938). Making the number visible and tappable is one of the simplest fixes there is.

For where to place it, see Where to put your phone number on your website.

Questions people ask 💬

What happens if someone taps a tel: link on a computer?

The computer may offer to call through an app such as FaceTime, Skype or Teams, or show a small pop-up. That is normal and does no harm. Keep the number written out as text so computer visitors can read it too.

Should I put +1 in the phone link?

It is a good habit. tel:+18185551234 works for US and Canada numbers on phones everywhere. The text people see can still say (818) 555-1234.

Can I make a text message (SMS) link too?

Yes. A link that starts with sms: followed by your number, like sms:+18185551234, opens the texting app on most phones. Only add it if someone will actually answer texts.

My number shows but does not dial. Why?

Usually the number is plain text with no link, the link has a typo, or the number is inside a picture. Select the number in your editor, check the link starts with tel: and has no spaces, then publish and test again on a phone.

Sources 📚

Want a second pair of eyes? Get a free check of your website.