Warrior Forum - The #1 Digital Marketing Forum & Marketplace

Warrior Forum - The #1 Digital Marketing Forum & Marketplace (https://www.warriorforum.com/)
-   Mobile Marketing (https://www.warriorforum.com/mobile-marketing/)
-   -   How do you put a 'Click to Call' function on a mobile site? (https://www.warriorforum.com/mobile-marketing/456394-how-do-you-put-click-call-function-mobile-site.html)

I.M.Retired 22nd September 2011 08:52 AM

How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 08:57 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 09:04 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
AKKKK! It can't be that easy, can it?

Thanks for the quick reply, Will!

NerdGary 22nd September 2011 11:29 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 11:44 AM

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

Originally Posted by NerdGary (Post 4731582)
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 September 2011 09:53 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
You can also do it with a graphic VAL. Just link using tel:123456789

http://ww1.prweb.com/prfiles/2009/11...llButtonlg.png

Q

ayahanda 22nd September 2011 10:31 PM

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

Originally Posted by WillR (Post 4730452)
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 September 2011 10:47 PM

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

Originally Posted by Quentin (Post 4735060)
You can also do it with a graphic VAL. Just link using tel:123456789

http://ww1.prweb.com/prfiles/2009/11...llButtonlg.png

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 September 2011 01:57 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 02:43 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 :eek:

CRM 23rd September 2011 12:12 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
Cool thanks for the information. Sometimes a solution just seems to easy.

known 25th September 2011 12:36 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 01:03 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
You can also use SMS rather than TEL

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

WillR 25th September 2011 04:33 AM

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

Originally Posted by Joe Motion (Post 4747324)
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 September 2011 06:02 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 12:43 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 September 2011 01:03 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
@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 January 2013 08:05 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 January 2013 09:31 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 January 2013 10:37 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 January 2013 09:20 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
I feel that you should add a click to email button aswell because it gives your customer an option

Jay Moreno 15th January 2013 01:05 PM

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

Originally Posted by element94_2007 (Post 7600541)
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 January 2013 01:13 PM

Re: How do you put a 'Click to Call' function on a mobile site?
 
Excellent.

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

Thanks

Quote:

Originally Posted by WillR (Post 4730452)
It's just a regular hyperlink setup like this, with the 'tel' command in it.

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


Greg guitar 15th January 2013 11:42 PM

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

Originally Posted by MoneyMagnetMagnate (Post 4736237)

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 :eek:

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"!
:eek:

ASUService 16th January 2013 11:07 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 January 2013 12:34 PM

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

Originally Posted by ASUService (Post 7610981)
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 January 2013 02:15 PM

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

Originally Posted by I.M.Retired (Post 4730515)
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 January 2013 06:03 PM

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

Originally Posted by brobi (Post 7611838)
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 January 2013 11:27 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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!

Quote:

Originally Posted by Jay Moreno (Post 7611321)
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 January 2013 03:48 PM

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

Originally Posted by ASUService (Post 7638636)
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

Re: How do you put a 'Click to Call' function on a mobile site?
 
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

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

Originally Posted by 4webmaster (Post 8048719)
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

Re: How do you put a 'Click to Call' function on a mobile site?
 
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 :)



Quote:

Originally Posted by 4webmaster (Post 8048719)
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 July 2013 01:21 AM

Re: How do you put a 'Click to Call' function on a mobile site?
 
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.


All times are GMT -6. The time now is 02:51 AM.