Localbiz Vortex Support Forum
Displaying Phone Numbers As "Tap To Call" in Mobiles - Printable Version

+- Localbiz Vortex Support Forum (http://supportforum.localbizvortex.com)
+-- Forum: VORTEX Special Features (/forum-28.html)
+--- Forum: Creating Custom Mobile Pages (/forum-42.html)
+--- Thread: Displaying Phone Numbers As "Tap To Call" in Mobiles (/thread-40.html)



Displaying Phone Numbers As "Tap To Call" in Mobiles - Russell H. - 08-13-2014 09:25 PM

The action of phone numbers being detected by the various mobile browsers depends a lot from one user agent to another (ie., iPhone, Android, Windows, Blackberry etc). This is not something that is theme dependent but universal to all web pages and all themes and platforms.

That said, there is a simple solution I can give you here that works with Localbiz Vortex.

To create a custom mobile button using the Vortex button generator (mobile or general) then when it comes to inserting the URL for the button you don't use "http://anywebaddress.com" you use; "tel:1800-555-1234" (or whatever the phone number is)

Also,... when wanting any number on your site to work as a click to call you should use the code: "<a title="Tap-To-Call" href="tel:1800-555-1234">1800-555-1234</a>" That is what is used in the footer phone number on the demo site at http://localbizvortex.com/vortex-demo/

Notice on that demo home page (right featured panel) also that the flashing white phone number is in white text but is coded as a link which would normally be blue or whatever the theme link color is, but in this case I have included a code style snippet to make the link white with no underlining. Here's that code:
Code:
<a style="color: #FFFFFF; text-decoration: none;" href="tel:1800-555-1234">1800-555-1234</a>
Here's some further reading on this topic:
http://code.tutsplus.com/tutorials/mobile-web-quick-tip-phone-number-links--mobile-7667

http://allwebco-templates.com/support/S_smartphone-link.htm