Blog


Repurpose your Images for Mobile Email

10.19.2011

Read More Design Emails for Mobile Devices

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

By Michelle Klann
October 12, 2011
 

Stop Gmail from Wrapping your Phone Number into Text Links

Both the desktop and mobile version(s) of Gmail now insert an anchor link around phone numbers.

In the desktop version, the link opens Google's new voice/chat console which is displayed along the right column of the Gmail interface.

In mobile versions, the link opens up the mobile phone console with your phone number pre-populated making it very easy to dial numbers directly from your email.

Each of the following formats will get converted to links:

212-389-3934
212.389.3934
(800) 389-3934
1-800-389-3934
(212) 389-3934
212–389–3934
212—389—3934
212–389–3934
212–389–3934
1–212–389–3934
212 -389 -3934

So how do you get around it?

1.) Use an HTML entity in your phone number that Gmail does not recognize:

212­-389­-3934

In the example above I used the following entity just before each dash: "­"

212­-389­-3934

In the example above I used: "­"
Unfortunatly, this HTML entity renders a dash "-" in Lotus Notes 6.5 and 7 (only) so the phone number appears like this: 212--389--3934

2.) Wrap an anchor tag around the phone number with an inline style that matches the rest of your text:

<a href="#" style="color:#0F3; text-decoration:none">342-389-3934</a>

3.) If it's possible, use the text version of the phone number:

555-212-SHOP

If you can find any additional ways to bypass the text links in Gmail, don't hesitate to share them below!

Update October 14, 2011: This fix also works if you want to block Gmail from inserting links around your URLs and Email addresses.

So change name@test.com to:
name@test­&#173;.com 

Change www.mydomain.com to:
www.mydomain­&#173;.com 

Change http://www.mydomain.com to:
http:&#173;­//www.mydomain­&#173;.com

Comments

This is great. Just implement the first work around in our enewsletter template. Much appreciated!
By Eli on 10/18/2011

You could use spans to achieve the same thing. Set som span-tags around both parenthesis for example. (else span inside the phone number somewhere should work)
By Mindius on 02/07/2012

Is there anything that might work in email signatures?
By Colleen on 03/29/2012

Just use an anchor tag leaving the href completely out. <a > content</a>. It will show up as a clickable link in hotmail, but do nothing when clicked on. It won't show up as a link at all on any other email client (yahoo, outlook, gmail....)
By Mike on 04/06/2012

I found in stackoverflow.com a less intrusive way to resolve it. You can use <span> html tags around '.' or '@' to avoid gmail to convert to links. It may wark also with phone numbers.
By francadaval on 05/06/2012

You can permanently turn off this feature by going into
Settings--> Chat--> Call Phones: Disable Outbound Outbound Voice Calling
By IndyRob on 05/07/2012

Share Your Comment

Name:
Email:
Location:
URL:

Comment:

Remember my personal information
Notify me of follow-up comments?

Please enter the word you see in the image below:



Share/Save/Bookmark

If you haven't signed up yet, give our FREE online Email Test a try. Just drop in your code and we will instantly simulate your email in the most popular email clients!

Get connected with Email on Acid for up-to-date news and information on the subject of email design, development, and testing!

Email Testing RSS Feed Email Test on Twitter Email Preview on Digg Email CSS on Linked In Email Simulator on Stumbled Upon

Follow us on Twitter Become a Friend on Facebook Subscribe to our Blog Digg Us! Recommend on StumbleUpon