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/)
-   -   One tip for people building mobile websites with Wordpress mobile pro (https://www.warriorforum.com/mobile-marketing/710356-one-tip-people-building-mobile-websites-wordpress-mobile-pro.html)

MagicAce 11th November 2012 09:50 AM

One tip for people building mobile websites with Wordpress mobile pro
 
Hello warriors,

Just designed a mobile website using wordpress mobile pro for a client. It's not the first time I am designing a mobile website I have done a lot. But this is the first time using Wordpress Mobile Pro.

I wanted to be able to make one of the icons to be a tap to call and tought about it for a while how to do it. I tought maybe some of you asked yourself the same questions. Here is the answer:

Make a new page with the name Tap to Call...assign an icon to it...go in html code and paste this:

<html>
<head>
<title>Tap to Call</title>
<meta http-equiv="REFRESH" content="0;url=tel:123456789"></HEAD>
<BODY>
Calling...
</BODY>
</HTML>



note that instead of 123456789 you should put the number you want it to call.

Here's the mobile site I did using Wordpress Mobile Pro:

Fox Local Marketing

It's just the first page. The clients want to add the content of the pages himself.

Pierre! 11th November 2012 10:23 AM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
NICE - Great Tip, Excellent Share!

I have quite a few Mobile Template programs I'm working with - All because I could not get a 'Tap To Call' from a WP Plug-in...

Nice outta the box thinkin there!

Patrick

RonBoyd 11th November 2012 10:53 AM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
A good fix for a specific wp theme.

Tap to call however is not as hard as people seem to think it is it is after all simply a specific type of url recognised by mobile browsers on practically all mobile phones. "tel:1234567" as your href in an anchor link and your good to go.

Then style it as you wish call a button image or give the anchor link a class that generates a full css button for you.

This can be achieved in any theme wp, html etc ...

In fact most modern phones will be able to pull numbers from the text itself without any html instructions. So you could argue that using a tap to call URL identifier is completely wasted and just use text for the number and put it in a nice box to highlight it on the page.

Just my tuppence from experience.

Jay Moreno 11th November 2012 02:12 PM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
Quote:

Originally Posted by MagicAce (Post 7323416)
Hello warriors,

Just designed a mobile website using wordpress mobile pro for a client. It's not the first time I am designing a mobile website I have done a lot. But this is the first time using Wordpress Mobile Pro.

I wanted to be able to make one of the icons to be a tap to call and tought about it for a while how to do it. I tought maybe some of you asked yourself the same questions. Here is the answer:

Make a new page with the name Tap to Call...assign an icon to it...go in html code and paste this:

<html>
<head>
<title>Tap to Call</title>
<meta http-equiv="REFRESH" content="0;url=tel:123456789"></HEAD>
<BODY>
Calling...
</BODY>
</HTML>



note that instead of 123456789 you should put the number you want it to call.

Here's the mobile site I did using Wordpress Mobile Pro:

Fox Local Marketing

It's just the first page. The clients want to add the content of the pages himself.

i personally wouldn't recommend doing that - not only is it much more easier just to do the following, you will find it works with all phones - since if i am not mistaken some wont recognize the refresh meta tag:

HTML Code:

<a href="tel:+123456789">link text or image here</a>
this is basically what ronboyd was saying...

MagicAce 11th November 2012 02:47 PM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
I was talking about making an icon in the wordpress mobile pro be a tap to call.

I use what you said in my usual html mobile websites but in wordpress mobile pro the icons link to wordpress pages...if you want one of the icons to be a tap to call you need to do what I just said.

Regards, Marian

Jay Moreno 11th November 2012 07:05 PM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
Quote:

Originally Posted by MagicAce (Post 7324391)
I was talking about making an icon in the wordpress mobile pro be a tap to call.

I use what you said in my usual html mobile websites but in wordpress mobile pro the icons link to wordpress pages...if you want one of the icons to be a tap to call you need to do what I just said.

Regards, Marian

I see what you are saying now its related specifically to mobile pro...

Least thats one thing you dont have to do with our mobile framework for wordpress :)

andy217 11th November 2012 10:18 PM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
Nice Post thanks for the infomratin!

imherecheers 12th November 2012 01:11 AM

Re: One tip for people building mobile websites with Wordpress mobile pro
 
That is helpful. Nice to have this option...in case I need it for aesthetics or client

I always thought that you would want the tap to call to stand out as a banner.

Was that your idea? Are you taking this direction now with tap to call? If so I'm curious why with your experience ..why.


All times are GMT -6. The time now is 10:18 PM.