How do I create a phone number in my app that I can click on so that it opens directly in my phone and I can then call it?
You can use the anchor element in this way:
<img src="path/to/phone/icon.jpg" alt="Call 555-555-5555" />
most modern browsers support this.
Duplicate of this: How to trigger a phone call when clicking a link in a web page on mobile phone
you can implant it same as you did in html!
Call!
Related
We have a call button on our web application. It's a simple button that uses the standard href="tel:" function. Here is a snippet of what my call link looks like.
<span class="text-uppercase">Call Us</span> <br>{{$contactSetting->format_phone}}
The latest version of Safari appears to have changed the behavior to a long gesture, which requires a click of more than a second, then offers a number of features like "Facetime" as you can see in the image below.
How do I just get my href="tel:" on safari to immediately recognize it's a phone call and immediately show the "Call" button? By immediately I mean remove the 1 second lag that appears to be the safari default for this link type.
IOS Version: 14.0.1
Safari Version: 14.0.1
After further testing and research, I realized my issue was that because my widget was now rendered via an iframe, safari doesn't handle the call link the same manner that it does one within the HTML. To get it to handle a call link within an iframe, you have to add target="_parent" to the anchor so that it looks like this:
<span class="text-uppercase">Call Us</span> <br>{{$contactSetting->format_phone}}
I learned this after testing a call link within the parent page, then reading who should receive credit for this question:
Phone links are not working inside iframe though it does work in div in iOS9 web. how to make phone links make work in iOS9 safari?
Based on my research I haven't found a solution but a client wants to have their mobile site trigger Facetime on their user's phone (iPhone). I know skype works fine but for people on the go we would lke this functionality. Has anyone encountered this or have a clever work around?
This is what I am using:
<input type="tel" placeholder="xxx-xxx-xxxx" />
Thinking something like this: (use tel as a fallback..)
<input type="tel vidtel" placeholder="xxx-xxx-xxxx" />
Does this exist?
Thanks!
Apparently you can use a URL Scheme.
Connect using FaceTime
Connect using FaceTime
Source:
https://developer.apple.com/library/ios/featuredarticles/iPhoneURLScheme_Reference/FacetimeLinks/FacetimeLinks.html
I have achieved creating an email link that works on mobile devices using 'href="mailto:example#webki.com"' When you click on the button via mobile device, it prompts you asking how you want the email delivered however when I click on it from google chrome on my lap top it does nothing. Does any one have a solution that would work on desktops as well? Thanks for all the help.
Yes. That work on desktop well. I think on your laptop not configured e-mail client by default. On my laptop when I click on link with "mailto:" opened browser with gmail
Using something like:
send mail
must work both in mobile and desktop.
mailto works both on mobiles and desktops.
Reference
The To attribute is not the only one that you can pre-set using mailto though. You can also have CC, BCC, Subject, Body...something like:
mailto:example#webki.com?cc=thisguy#thatsite.com, thatguy#thissite.com&bcc=someguy#mysite.com&subject=Happy%20New%20Year&body=Howdy
Example
Does anyone know if it is possible using HTML5 or Cordova (PhoneGap) to launch a phone number? I'd like to have a button labeled "Call 555-555-5555", and when pressed, it launches the device's phone with that number.
Use the html tel scheme like this:
Call 555-555-5555
For more detail check this Click to Call link
Is there something I can put in the code for an HTML page I am making for Safari on iPhone to make a call when clicked on? Something similar to:
click to call
Try to remove // from your link, that is click to call
As Nava answered, remove // from your link.
But if you are using same web-application for desktop as well as mobile, then this won't work for your desktop and when you click on link, page will gone to "tel:XXXXXXXX". So this idea became fail.
Try using "callto" instead of "tel" like this
<a href='callto:1300111222'>Click to call</a>
Then if you are using mobile browser, then it will show call prompt and if you are using windows browser, then it will prompt you to call with "Skype" and any other related application.