Make phone numbers clickable to dial on mobile phones.

If you’re designing a page for a mobile web browser, and you want to make the phone number “clickable” so that a mobile web browser can click and dial the number, just add the code below:
<a href="wtai://wp/mc;8015551212">801-555-1212</a>

update: Sadly I really should check out THIS site on a mobile browser, so I have no idea if it’s useful or not - but just in case you’re coming here FROM a mobile browser and want to test it out - here is a sample link: 801-555-1212

update#2: Thanks to a comment from Jane, I’ve now learned that Apple’s iPhone needs that formatted differently:
<a href="tel:1-801-555-1212">1-801-555-1212</a>
I’ve tested it on my phone (which isn’t an iPhone) and it still works. I have an LG-VX8100. If you test it, please leave a comment indicating what kind of phone/browser you’re using and if it worked or not…

Please test the following link:
1-800-555-1212

18 Responses to “Make phone numbers clickable to dial on mobile phones.”

  1. Metah Blog » Blog Archive » Make phone numbers link clickable to dial on mobile phones. Says:

    [...] tips from Scriptygoddess on how to make phone numbers link clickable to dial on mobile phones.It works great [...]

  2. Christine Says:

    Ok, how cool is that? So very awesome!

  3. steve Says:

    great, i’ve tested on my old SE p800, works!

  4. Brant Tedeschi Says:

    I wish I could test this out to be sure, but I’ll take his word for it. At least now I know its possible :)

  5. w33b Says:

    very nifty! works on opera mini on my sony ericsson w850i.

  6. Jane Says:

    Obligatory iPhone related post :)

    The Apple iPhone web dev guidelines doesn’t actually mention the wtai://… style links, they want people to do:
    <a href="tel:1-800-555-1212">1-800-555-1212</a>
    ex.1-800-555-1212
    instead, for some reason. Unfortunately I can’t remember where that came from, something tells me its a microformats thing but it doesn’t seem to be…

    In addition, Safari on iPhone parses phone numbers when they’re in some common format, e.g. 800-555-1212 to make them clickable so you can click to call. Just a heads up.

    Unfortunately, this means that the wtai://… numbers aren’t usable on the iPhone.

  7. Jennifer Says:

    I guess when designing the page - you’d have to do a check to see if it’s an iphone and if so render it as you mentioned - and if not - use the wtai:// method - because simply putting the phone number in the “href” like that won’t work on other phones I’ve seen. Only the “wtai” method works on those.

    I responded before I saw your second post indicating the “tel” in the href as well (I combined the two comments so they make more sense now) :) … That method still seems to work. I’m revising the post to see if others can test as well…

  8. Jane Says:

    It’s odd that Apple would do something like that, they explicitly come out and say WML is unsupported while a bunch of other standards are on a phone, hopefully this will change in the future

    Yeah, I was fairly sure the Apple method doesn’t really work anywhere else, and I’ve never seen it used anywhere except for the iPhone too.

    Just a heads up though, for anyone trying to linkify phone numbers for iPhone webapps.

  9. Ajicool Says:

    It works on my phone too, SE T630 standard browser.
    But if I use mini opera from the same phone, it won’t work.(can’t move to link)

  10. BCKing Says:

    I found this page interesting and threw together a few scripts for Shoretel users. It makes use of dial.exe which is a free program. What is does is register callto: and tel: and sends those links to the Shoretel client to dial the phone. It will also do right click dialing too. I tested on the link on your page and it works great.

    download at http://blog.timberlinedealerships.com/it/2007/07/26/dialing-shoretel-from-a-web-page/

  11. burdock Says:

    BCKing, your script doesnt work at my SE W800i =((( why?

  12. BCKing Says:

    I don’t know what a SE W800i is or how to integrate it into a Shoretel system. When you find out post what you did to integrate it.

  13. Jennifer Says:

    Just a quick google search on that; I think it’s a Sony Ericsson W800i. Not that that helps figure out the problem much. :)

  14. BCKing Says:

    You’re right Jennifer, I posted scripts for Windows XP. I still don’t know what burdock was asking for.

  15. Harlan Iverson Says:

    works on opera mobile 8.65 / t-mobile mda. thanks.

  16. tcoburn Says:

    I have the LG-VX8100 also, but thru Verizon. its all we can get out here :(

    This is useful to me though, because I am going completely blind due to a recent eye condition, and I can use my website to store important phone #s when speed dial isn’t enough. Since these phones aren’t accessibility friendly, it may be easier for me to do something like this instead. thanks for the tip!

  17. ryan Says:

    Thanks a bunch. My maintenance page on my property website now directly plugs the tenants phone number into my task list on my iphone!

  18. hiramgf Says:

    i have pocket pc. tel and wtai both work.

    with WTAI you can also make a link to “add to contacts” like so: href=”wtai://wp/ap;4805555555;Mr New”… so it has the “ap” part instead of the “mc”. How would you do this with iPhone?

Leave a Reply

Subscribe without commenting