How to make your phone number clickable on your website

Add Comment

Smart Phone

I am sure when you are browsing the web on your smartphone or tablet you have come across some websites that have clickable phone numbers.

Basically they look like a regular link to a web page, but if you click them they will pop up a dialogue box and ask if you want to call that number.

Pretty cool no?

Well if you have a website that already lists your contact phone number then it is super simple to do.

Just like adding any other link you would start with the following:

<a href=”

That is the typical way a link starts in html.

Okay so that looks pretty standard you say…

Well it IS except for the next part of the link.

<a href=”tel:12125551212″>Call me now at 1 (212) 555-1212</a>

What this does is tell your mobile phone that you want to dial that number when the link is clicked.

There are a few problems:

  • First problem is on a desktop computer it will not do anything unless you have a browser extension installed for Google Voice.
  • It doesn’t work with Skype as they have their own proprietary link to use their service.
  • It will have problems globally for international callers unless you enter the correct dialing string, but then how could you predict all the dialing strings one would need? If you have a solution for this please let me know in the comments.

 

If you wanted to make these links Skype compatible you would have to choose one or the other or list your number for both types of calls. Maybe put a nice little Skype icon next to the Skype compatible one.

To make a Skype link:

<a href=”callto:12125551212″>Click to call me using Skype</a>

The last thing I would be concerned about is website scrapers and scraping your phone numbers for solicitation purposes. But then again if you have your contact number on your website already then I guess this would not make it any worse.

So once again a short and simple way to make your phone numbers clickable on your website.

Want to try it out? Click here to call 1-212-555-1212

If you have any questions on implementation just let me know in the comments below.


( If you are reading this anywhere but my blog, you can find the original post here. )