Default, Safari on iOS is auto-formatting a phone number to convert into a link because a user can simply tap on the link and call the number.

In Tips and Tricks, Email DesignDecember 16, 20193 Minutes

4 ways to fix iPhone numbers converted into blue links in the email?

4 ways to fix iPhone numbers converted into blue links in the email? 1

Why should you fix this blue link in an email?

Default, Safari on iOS is auto-formatting a phone number to convert into a link because a user can simply tap on the link and call the number.Your email represents your brand, and simply you should take care of your email design is looking perfect in all devices. As per emailclientmarketshare.com, Popular email opens is Apple iPhone with a 35% market share growing with +2%.

1Use a format-detection meta tag.

Remove all auto-formatting for telephone numbers, add this to the head of your HTML document. Read more Apple-specific Meta Tag.

<meta name=”format-detection” content=”telephone=no">

2Using CSS to change blue links.

a[x-apple-data-detectors] {
 color: inherit !important;
 text-decoration: none !important;
 font-size: inherit !important;
 font-family: inherit !important;
 font-weight: inherit !important;
 line-height: inherit !important;
}

3Using href selector change blue links.

a[href^=tel]{ color:#F00; text-decoration:none;}

or

a[href^=”tel”]{
 color:inherit;
 text-decoration:none;
}

4Using an Inline data detector selector.

<a href=”#” x-apple-data-detectors=”true”>

Boost your ROI using our email template.