I'm making an email with the goal of encouraging people to make a call.
I placed a button at the end of the email, this button works properly on Android devices: when the person clicks, it opens the device's phone function so they can make the call.
But on IOS you have to click and hold the button to open a pop-up "Call number..." option.
Is there any way to make the IOS button work the same way as on Android, with a simple click opening the "make a call" screen?
This is the code I've written for the button:
<a style="font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #465EFF; text-align: center; text-decoration: none; display: block; background-color: #FCFC30; border: 3px solid #FCFC30; padding: 12px 22px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;"href="tel:1140040044" title="Call me" alias="call" conversion="false" data-linkto="other">(11) 4004-0044</a>
Hello!
It doens't belong to the Trailhead module/project.
It's not a proper online URL, it's a telephone link, this is the link in question: href="tel:1140040044"
When the user opens this link on an Android or iPhone device the button should redirect to the Phone dialing screen with phone number 1140040044, like the image below. And this works just fine on Android devices, with one simple and fast click the link redirects to the phone dialing screen right away without any other screen in between.
My issue is on iOS - iPhone, the button doesn't work with one simple click, you have to click and hold the button, then it shows a pop-up and the user has to select the "Call to 1140040044" option, as shows the image below.
If the user clicks the button and doesn't hold it, nothing happens.
What I'd like to know is if there is any other code I can apply so the telephone link open in the iOS the same way as it opens in Android, without opening the pop-up in between, redirecting directely to the phone dialing screen.