How do you put a 'Click to Call' function on a mobile site?

I.M.Retired · 22nd Sep 2011, 08:52 AM

When you create a site with goMobi, the click-to-call function is built in, so it's a one-click option to set up this feature.

However, I'm not sure how to set this up using Wordpress or html templates.

I'm not sure what that feature is acutally called, (I call it click-to-call) but I'm not sure if that is the official term - so when I search for it, I get some strange results - none of which have been helpful so far.

Suggestions greatly appreciated!

WillR · 22nd Sep 2011, 08:57 AM

It's just a regular hyperlink setup like this, with the 'tel' command in it.

<a href="tel:123456789">123456789</a>

I.M.Retired · 22nd Sep 2011, 09:04 AM

AKKKK! It can't be that easy, can it?

Thanks for the quick reply, Will!

NerdGary · 22nd Sep 2011, 11:29 AM

You need to use twilio or tropo api's.. which are web phone interfaces...
I put it in a few of my apps.. works great with my CJ PPC (pay per call) campaigns.. you should def. research it.

WillR · 22nd Sep 2011, 11:44 AM

Originally Posted by NerdGary

You need to use twilio or tropo api's.. which are web phone interfaces...
I put it in a few of my apps.. works great with my CJ PPC (pay per call) campaigns.. you should def. research it.

Don't pay any attention to this - it's simply not true.

Quentin · 22nd Sep 2011, 09:53 PM

You can also do it with a graphic VAL. Just link using tel:123456789

Q

ayahanda · 22nd Sep 2011, 10:31 PM

Originally Posted by WillR

It's just a regular hyperlink setup like this, with the 'tel' command in it.

<a href="tel:123456789">123456789</a>

Wow!

Sometimes it's so easy until people do not want to believe it.
Thanks for sharing!

MoneyMagnetMagnate · 22nd Sep 2011, 10:47 PM

Originally Posted by Quentin

You can also do it with a graphic VAL. Just link using tel:123456789

Q

Hi Quentin,
I'm not clear on how or where you created that click to call graphic - is this part of your product, a template, or is this something easily inserted with the html code above?
Sorry to be so fuzzy on it, mate...I must have missed something.

Could you clarify or elaborate a little bit more on that?

Or is there a link I can get a little more info?

Thanks for all your help in the forum, Q -

3M

Quentin · 23rd Sep 2011, 01:57 AM

You just create a graphic and then link it. That i s just a generic one from PRweb but you can find heaps of royalty free ones around or just make your own.

Then add it to your mobile website and link.

Q

MoneyMagnetMagnate · 23rd Sep 2011, 02:43 AM

Geez - I was WAY overthinking that! I musta left my brain on vibrate...:rolleyes:
Things are almost getting too simple!

I've been trying to mend what might be the world's worst website as a favor to a charity today, and I got code cooties. I finally told them no amount of duct tape would help - It's fubar - Start over.

I would put up a link, but it would be too embarrassing for them...
just google "world's worst website" - it will probably come up

CRM · 23rd Sep 2011, 12:12 PM

Cool thanks for the information. Sometimes a solution just seems to easy.

known · 25th Sep 2011, 12:36 AM

Quentin-

Truly a "duh" moment for me too. Duh. Create a link to a graphic. Who ever would have thought it's be so easy!

Thanks for sharing.

It truly is about making the complex and complicated simpler, isn't it?

Cheryl

Joe Motion · 25th Sep 2011, 01:03 AM

You can also use SMS rather than TEL

e.g. <a href="SMS:123456">123456</a>

WillR · 25th Sep 2011, 04:33 AM

Originally Posted by Joe Motion

You can also use SMS rather than TEL

e.g. <a href="SMS:123456">123456</a>

I suggest people do NOT use this command since it is NOT supported by all popular devices - certain popular phones such as Blackberries will not recognize this.

When designing mobile sites you should only use technology that is going to work across the majority of all popular devices - it's the difference between good mobile website design and poor mobile website design.

Joe Motion · 25th Sep 2011, 06:02 AM

That's the problem with designing for the 'mobile web' at the moment. You can't please every make and model.

TEL is widely used but a few years back wasn't supported at all.

MaxReferrals · 29th Sep 2011, 12:43 PM

question: what would happen if someone hit that image, from an IPad? I presume it would throw an error?

Better question: How do you make the click-to-call only appear to phones, not tablets?

Jay Moreno · 29th Sep 2011, 01:03 PM

@joe and @max

you need to use user agent detection to render compatible content to the end user, that's why i prefer to use user agent detection, unlike most people i use user agent detection for more than just redirection when i am developing mobile sites it can seriously improve the end users experience, but takes a lot more effort to deploy it properly.

i guess it depends on what type of site you are doing, who your doing it for, what the time frame of completion is and what the budget is - am currently developing tools that will help simplify this, this i would say is going beyond creating simple mobile websites...

@max about your other question - i dont have my ipad in front of me but if i am not mistaken it will do one of two things, it will either try to add it to your contacts or it will say it doesnt know what to do... i can check later for you if need be

hope that helps

jay

element94_2007 · 14th Jan 2013, 08:05 AM

How would you do if for a phone number that is entered in the backend ?
For example in the case of a Real Estate agency where you got several agents and different phone numbers ...

<?php if($agentphoneoffice) { ?>
<?php echo get_option('wp_agentphone1') . ": " . $agentphoneoffice ?><br />

DownlineMarketer · 14th Jan 2013, 09:31 AM

Wow incredible advice and sooooo very simple. This is what happens when great minds come together in community and share knowledge. I love this place!

jherewini · 14th Jan 2013, 10:37 PM

I agree with WillR this <a href="tel:123456789">123456789</a> code works, its not advisable to use the <a href="sms:123456789">123456789</a> from a functionality point of view as not all mobiles support this function

MobileMarketingMogul · 15th Jan 2013, 09:20 AM

I feel that you should add a click to email button aswell because it gives your customer an option

Jay Moreno · 15th Jan 2013, 01:05 PM

Originally Posted by element94_2007

How would you do if for a phone number that is entered in the backend ?
For example in the case of a Real Estate agency where you got several agents and different phone numbers ...

<?php if() { ?>
<?php echo get_option('wp_agentphone1') . ": " . ?><br />

What theme/plugin are you talking about - the code that you have given you would also need to identify the value of $agentphoneoffice too - it all depends on how its all setup... let me know i may be able to help

Kishor Mhaskar · 15th Jan 2013, 01:13 PM

Excellent.

Really sometime its more simple than our imagination and we make it complex unnecessary .

Thanks

Originally Posted by WillR

It's just a regular hyperlink setup like this, with the 'tel' command in it.

<a href="tel:123456789">123456789</a>

Greg guitar · 15th Jan 2013, 11:42 PM

Originally Posted by MoneyMagnetMagnate

I would put up a link, but it would be too embarrassing for them...
just google "world's worst website" - it will probably come up

This made me smile, thinking about someone SEOing their site for that term; just think how humiliating it would be to get slapped for how you ranked, as if Google was telling you "you don't even rise to the level of the world's worst website"!

ASUService · 16th Jan 2013, 11:07 AM

Has anyone seen the <a href="tel:123456789">123456789</a> format be intermittent on iPhones?

I have a client who says the work I did for them doesn't work on their iPhone but when I test with my girlfriends iPhone4 it works fine every time.

Jay Moreno · 16th Jan 2013, 12:34 PM

Originally Posted by ASUService

Has anyone seen the <a href="tel:123456789">123456789</a> format be intermittent on iPhones?

I have a client who says the work I did for them doesn't work on their iPhone but when I test with my girlfriends iPhone4 it works fine every time.

Never had an issue with it... we have click to call built into our wordpress mobile theme, coded exactly the same way, with and without images and with over 500+ people using it right now, no one to date has mentioned any problems with it.... ask him to be more specific about the problem he is having... that may shed some light on it.... am thinking its possibly something else he's having problems with...

is the click to call text inside a button thats perhaps the width of the screen using css? have seen buttons that are not fully clickable just the inner text itself and not the edges of the button... hope that makes sense... perhaps its something like that?

Hope that helps,

Jay

brobi · 16th Jan 2013, 02:15 PM

Originally Posted by I.M.Retired

AKKKK! It can't be that easy, can it?

Thanks for the quick reply, Will!

Get Will's Mobile App for $19 you will not be disappointed!

Jill Carpenter · 16th Jan 2013, 06:03 PM

Originally Posted by brobi

Get Will's Mobile App for $19 you will not be disappointed!

Hopefully the guy got it figured out. He's had since last September.

ASUService · 22nd Jan 2013, 11:27 AM

Thanks Jay,
I completely agree but convincing him has been tough to say the least.

The tap to call is withing a css button as a tel: text link. The button really isn't much bigger than the text but you might be right. I'll test thast theroy on my girlfriends iPhone to see if I can replicate the problem.

Thank you!

Originally Posted by Jay Moreno

Never had an issue with it... we have click to call built into our wordpress mobile theme, coded exactly the same way, with and without images and with over 500+ people using it right now, no one to date has mentioned any problems with it.... ask him to be more specific about the problem he is having... that may shed some light on it.... am thinking its possibly something else he's having problems with...

is the click to call text inside a button thats perhaps the width of the screen using css? have seen buttons that are not fully clickable just the inner text itself and not the edges of the button... hope that makes sense... perhaps its something like that?

Hope that helps,

Jay

Jay Moreno · 22nd Jan 2013, 03:48 PM

Originally Posted by ASUService

Thanks Jay,
I completely agree but convincing him has been tough to say the least.

The tap to call is withing a css button as a tel: text link. The button really isn't much bigger than the text but you might be right. I'll test thast theroy on my girlfriends iPhone to see if I can replicate the problem.

Thank you!

@asusservice - Feel free to PM a link to the site - i don't mind checking it out for you too

4webmaster · 6th May 2013, 01:30 PM

I ve got a problem with one of my client from NY, I've done

<a href="tel:5854567890">585-456-7890</a>

As you see I've add the area code with the number.

But she said it's not working.
How can this be an issue? I don't get it!

Valdor Kiebach · 6th May 2013, 01:51 PM

Originally Posted by 4webmaster

I ve got a problem with one of my client from NY, I've done

<a href="tel:5854567890">585-456-7890</a>!

Try putting + before the number like this:
<a href="tel:+5854567890">585-456-7890</a>

Either that or your client is not using an HTML5 compatible browser

Adrian John · 7th May 2013, 03:35 AM

I encountered the same situation couple times and the funny thing was that the clients tried to see the mobile website through the Desktop PC

either straight into the browser or through the simulator, and it won't work of course.

Ask them to browse to the mobile website through an mobile device and it will surely work.You can pm the link to test it if you want.

Hope it helps

Originally Posted by 4webmaster

I ve got a problem with one of my client from NY, I've done

<a href="tel:5854567890">585-456-7890</a>

As you see I've add the area code with the number.

But she said it's not working.
How can this be an issue? I don't get it!

peter_act · 15th Jul 2013, 01:21 AM

Will,

I understand the coding for the US, but:

what's the code for a Queensland number, say 55332968
Area code for Qld is 07

So if you wanted to call me from Sydney, would the code be
<a href="tel:+0755332968>Tap to call</a>

Also does the international code for Australia (0061) feature anywhere

e.g. <a href="tel:+61755332968>Tap to call</a>

I put the local number on a client's phone, which worked OK, but of course that won't work for someone from Sydney.

22nd Sep 2011, 08:52 AM	#1
I.M.Retired Advanced Warrior War Room Member Join Date: 2005 Posts: 664 Thanks: 840 Thanked 331 Times in 208 Posts	How do you put a 'Click to Call' function on a mobile site? Share on: When you create a site with goMobi, the click-to-call function is built in, so it's a one-click option to set up this feature. However, I'm not sure how to set this up using Wordpress or html templates. I'm not sure what that feature is acutally called, (I call it click-to-call) but I'm not sure if that is the official term - so when I search for it, I get some strange results - none of which have been helpful so far. Suggestions greatly appreciated!

22nd Sep 2011, 08:57 AM	#2
WillR Digital Marketer War Room Member Join Date: 2010 Location: Australia Posts: 12,473 Thanks: 1,984 Thanked 8,187 Times in 4,079 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: It's just a regular hyperlink setup like this, with the 'tel' command in it. <a href="tel:123456789">123456789</a>
	. ➨ Here's How to Make Your First $177 Online This Week Using the Piggyback Method... .

22nd Sep 2011, 09:04 AM	#3
I.M.Retired Advanced Warrior War Room Member Join Date: 2005 Posts: 664 Thanks: 840 Thanked 331 Times in 208 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: AKKKK! It can't be that easy, can it? Thanks for the quick reply, Will!

22nd Sep 2011, 11:29 AM	#4
NerdGary HyperActive Warrior War Room Member Join Date: 2010 Location: Brooklyn, NY Posts: 406 Thanks: 15 Thanked 49 Times in 39 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: You need to use twilio or tropo api's.. which are web phone interfaces... I put it in a few of my apps.. works great with my CJ PPC (pay per call) campaigns.. you should def. research it.
	.::NATIVE ANDROID APP CREATOR SOFTWARE ::. <><>-----------------------------------------<><>

22nd Sep 2011, 09:53 PM	#6
Quentin Web Marketing For Profit War Room Member Join Date: 2002 Location: Brisbane Posts: 2,894 Thanks: 8 Thanked 1,162 Times in 528 Posts Blog Entries: 10	Re: How do you put a 'Click to Call' function on a mobile site? Share on: You can also do it with a graphic VAL. Just link using tel:123456789 Q
	DIY Product Creation Online Business Training on How To Create Products to sell online Plus Lots More.

23rd Sep 2011, 01:57 AM	#9
Quentin Web Marketing For Profit War Room Member Join Date: 2002 Location: Brisbane Posts: 2,894 Thanks: 8 Thanked 1,162 Times in 528 Posts Blog Entries: 10	Re: How do you put a 'Click to Call' function on a mobile site? Share on: You just create a graphic and then link it. That i s just a generic one from PRweb but you can find heaps of royalty free ones around or just make your own. Then add it to your mobile website and link. Q
	DIY Product Creation Online Business Training on How To Create Products to sell online Plus Lots More.

23rd Sep 2011, 02:43 AM	#10
MoneyMagnetMagnate Stay Hungry-Stay Foolish War Room Member Join Date: 2010 Location: Location, Location... Posts: 564 Thanks: 464 Thanked 1,723 Times in 1,250 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Geez - I was WAY overthinking that! I musta left my brain on vibrate...:rolleyes: Things are almost getting too simple! I've been trying to mend what might be the world's worst website as a favor to a charity today, and I got code cooties. I finally told them no amount of duct tape would help - It's fubar - Start over. I would put up a link, but it would be too embarrassing for them... just google "world's worst website" - it will probably come up

23rd Sep 2011, 12:12 PM	#11
CRM Warrior Member Join Date: 2011 Posts: 11 Thanks: 0 Thanked 2 Times in 2 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Cool thanks for the information. Sometimes a solution just seems to easy.
	Hosted CRM

25th Sep 2011, 12:36 AM	#12
known Active Warrior War Room Member Join Date: 2008 Location: Suttons Bay, Michigan Posts: 67 Thanks: 12 Thanked 12 Times in 9 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Quentin- Truly a "duh" moment for me too. Duh. Create a link to a graphic. Who ever would have thought it's be so easy! Thanks for sharing. It truly is about making the complex and complicated simpler, isn't it? Cheryl
	Cheryl C. Cigan www.known.com

25th Sep 2011, 01:03 AM	#13
Joe Motion Location Independent War Room Member Join Date: 2011 Location: Bangkok, Thailand Posts: 411 Thanks: 99 Thanked 83 Times in 55 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: You can also use SMS rather than TEL e.g. <a href="SMS:123456">123456</a>
	Living in SE Asia.. BKK.. PM me for a beer!

25th Sep 2011, 06:02 AM	#15
Joe Motion Location Independent War Room Member Join Date: 2011 Location: Bangkok, Thailand Posts: 411 Thanks: 99 Thanked 83 Times in 55 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: That's the problem with designing for the 'mobile web' at the moment. You can't please every make and model. TEL is widely used but a few years back wasn't supported at all.
	Living in SE Asia.. BKK.. PM me for a beer!

29th Sep 2011, 12:43 PM	#16
MaxReferrals Kahuna Warrior Member War Room Member Join Date: 2005 Location: Blairsville, GA, USA Posts: 781 Thanks: 333 Thanked 236 Times in 104 Posts Blog Entries: 1	Re: How do you put a 'Click to Call' function on a mobile site? Share on: question: what would happen if someone hit that image, from an IPad? I presume it would throw an error? Better question: How do you make the click-to-call only appear to phones, not tablets?
	KILLER OFFLINE WSOs - 100s of REVIEWS!! 52 PLR Offline Autoresponder Emails \| Offline Client Flood - 'Door-Opener Tactic \| SMS Lead Machine - Mobile Domination \| QR Code Tricks, Tactics, Loophole Secrets

29th Sep 2011, 01:03 PM	#17
Jay Moreno Mobile+WP = JumpMobi.com War Room Member Join Date: 2009 Location: San Antonio, Tx Posts: 1,271 Thanks: 301 Thanked 449 Times in 309 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: @joe and @max you need to use user agent detection to render compatible content to the end user, that's why i prefer to use user agent detection, unlike most people i use user agent detection for more than just redirection when i am developing mobile sites it can seriously improve the end users experience, but takes a lot more effort to deploy it properly. i guess it depends on what type of site you are doing, who your doing it for, what the time frame of completion is and what the budget is - am currently developing tools that will help simplify this, this i would say is going beyond creating simple mobile websites... @max about your other question - i dont have my ipad in front of me but if i am not mistaken it will do one of two things, it will either try to add it to your contacts or it will say it doesnt know what to do... i can check later for you if need be hope that helps jay
	Sorry, I am too busy helping people to think of a cool signature!

14th Jan 2013, 08:05 AM	#18
element94_2007 Active Warrior Join Date: 2007 Location: Neverland Posts: 53 Thanks: 0 Thanked 4 Times in 4 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: How would you do if for a phone number that is entered in the backend ? For example in the case of a Real Estate agency where you got several agents and different phone numbers ... <?php if($agentphoneoffice) { ?> <?php echo get_option('wp_agentphone1') . ": " . $agentphoneoffice ?><br />

14th Jan 2013, 09:31 AM	#19
DownlineMarketer Warrior Member Registered Member Join Date: 2013 Posts: 15 Thanks: 0 Thanked 2 Times in 2 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Wow incredible advice and sooooo very simple. This is what happens when great minds come together in community and share knowledge. I love this place!

14th Jan 2013, 10:37 PM	#20
jherewini Now Building Native Apps Join Date: 2010 Location: New Zealand Posts: 187 Thanks: 2 Thanked 33 Times in 28 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: I agree with WillR this <a href="tel:123456789">123456789</a> code works, its not advisable to use the <a href="sms:123456789">123456789</a> from a functionality point of view as not all mobiles support this function
	[URL="https://crypto2cashrewards.com"] Secure & Easy Transactions with Our 2-Way ATM Machines

15th Jan 2013, 09:20 AM	#21
MobileMarketingMogul mobilemarketingmogul.com War Room Member Join Date: 2013 Posts: 79 Thanks: 14 Thanked 14 Times in 11 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: I feel that you should add a click to email button aswell because it gives your customer an option

16th Jan 2013, 11:07 AM	#25
ASUService Advanced Warrior War Room Member Join Date: 2002 Location: USA. Posts: 612 Thanks: 440 Thanked 125 Times in 101 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Has anyone seen the <a href="tel:123456789">123456789</a> format be intermittent on iPhones? I have a client who says the work I did for them doesn't work on their iPhone but when I test with my girlfriends iPhone4 it works fine every time.
	Best Regards, Mike Allton ASU Service, Inc. The LAST SMS Platform You'll Ever Need! Easy Money!

6th May 2013, 01:30 PM	#31
4webmaster Advanced Warrior Join Date: 2006 Location: , , . Posts: 735 Thanks: 33 Thanked 144 Times in 119 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: I ve got a problem with one of my client from NY, I've done <a href="tel:5854567890">585-456-7890</a> As you see I've add the area code with the number. But she said it's not working. How can this be an issue? I don't get it!
	https://stevesuard.com

15th Jul 2013, 01:21 AM	#34
peter_act HyperActive Warrior War Room Member Join Date: 2003 Location: Gold Coast, Queensland, Australia Posts: 296 Thanks: 21 Thanked 141 Times in 93 Posts	Re: How do you put a 'Click to Call' function on a mobile site? Share on: Will, I understand the coding for the US, but: what's the code for a Queensland number, say 55332968 Area code for Qld is 07 So if you wanted to call me from Sydney, would the code be <a href="tel:+0755332968>Tap to call</a> Also does the international code for Australia (0061) feature anywhere e.g. <a href="tel:+61755332968>Tap to call</a> I put the local number on a client's phone, which worked OK, but of course that won't work for someone from Sydney.
	Cheap websites for small businesses: Affordable mobile websites Get a free autoresponder here: Money Making Opportunities