Advertisement:

Author Topic: How to Use custom filed to make phone numbers click-able by smart phone users?  (Read 1876 times)

Normalu

  • Newbie
  • *
  • Posts: 23
I liked how Oslcass looks very good in mobile phones. I would like to have custom field for telephone numbers that is click-able by smart phones users.

I read that I can do html link and it will be recognized by smart phones
Code: [Select]
<a href="tel:2125551212">2125551212</a>
How to setup a custom filed which will automatically insert the "tel:"

For more informations: http://stackoverflow.com/questions/2774243/can-i-make-a-phone-call-from-html-on-android

Normalu

  • Newbie
  • *
  • Posts: 23
Please, Any help with this?

potoco

  • Full Member
  • ***
  • Posts: 191
  • OSClass 3.5.3
I would like too, better if we have float buttons to call, sms or email to publisher, like OLX....

Nirav_radia

  • Newbie
  • *
  • Posts: 25
Yep eagerly waiting to know if anyone can do this.

SmaRTeY

  • Osclass Hero
  • Hero Member
  • *
  • Posts: 2520
Well, not sure if you can add the following 'mask' on custom fields but here's the markup you need to make phonenumbers clickable:
Code: [Select]
Clickable smartphone link code:
 The following link can be used to make a clickable phone link. You can copy the code below and paste it into your webpage, then edit with your phone number. This code may not work on all phones but does work for iPhone, Droid / Android and Blackberry.


 <a href="tel:1-847-555-5555">1-847-555-5555</a> 


 Phone number links can be used with the dashes, as shown above, or without them as well as in the following example:


 <a href="tel:18475555555">1-847-555-5555</a> 


 It is also possible to use any text in the link as long as the phone number is setup with the "tel:18475555555" as in this example:


 <a href="tel:18475555555">Click Here To Call Support 1-847-555-5555</a> 


 Below is a clickable telephone hyperlink you can check out. In most non-phone browsers this link will give you a "The webpage cannot be displayed" error or nothing will happen.


Click Here to Call on a Smartphone 


NOTE: The iPhone Safari browser will automatically detect a phone number on a page and will convert the text into a call link without using any of the code on this page.


Wtai smartphone link code:
 The wtai or "Wireless Telephony Application Interface" link code is shown below. This code is considered to be the correct mobile phone protocol and will work on smartphones like Droid, however, it may not work for Apple Safari on iPhone and the above code is recommended.


 <a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>

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

Regards,
Eric

Billy

  • Jr. Member
  • **
  • Posts: 58
I know i'm necroing, but did anyone figure out how to make phone numbers clickable? I do understand that i can make phone number clickable by adding hyperlink with "tel:" but i have no idea where it is supposed to go in the php files.

WEBmods

  • Hero Member
  • *****
  • Posts: 872
I know i'm necroing, but did anyone figure out how to make phone numbers clickable? I do understand that i can make phone number clickable by adding hyperlink with "tel:" but i have no idea where it is supposed to go in the php files.

Depends... What theme do you use? Do you use custom fields for telephone number, telephone plugin or phone input at registration?

Regards.