Есть множество компаний, которые считают, что самое главное в работе с клиентом — телефонные звонки. Может, вы и ваши клиенты тоже попадаете в эту категорию:) Если вы читаете в письмах каждую буковку и циферку, то возможно заметили, что иногда контакты в письме автоматически превращаются в кликабельную ссылочку. Такие ссылки позволяют сразу же из письма позвонить отправителю, переключившись на нужное вам приложение (скайп, вайбер).

Все мы помним слоган «Nokia: connecting people». Не знаю насколько сейчас связывает и соединяет людей Нокиа, но Gmail явно не любит email рассылки, а активно выступает за живое общение вместо переписки. С появлением Google Voice, у Google начался какой-то бзик, превращать всё, что ни попадя в кликабельные ссылки. Ладно если бы это были только номера телефонов:

Странная (на мой взгляд) ситуация возникает, когда открываешь одно и то же письмо на мобильном и на ПК.

Вот так показывается письмо на компьютере, но при просмотре на Android или IOS контакты неактивны:

По логике, мне важнее, чтобы я могла позвонить на мобильный номер с телефона, а не с компьютера, но у Gmail есть своя логика с которой приходится бороться.

При тестировании писем в Gmail, toys.com.ua акцентировали внимание на том, что их контакты стали незаметными. Как мы знаем, ссылки выделяются синим и после превращения в ссылку контакты просто стали сливаться с шаблоном. Такое случалось только при просмотре письма в Google Chrome в почтовике Gmail.

Сначала все грешили на плагин Skype Click To Call, но то же самое повторялось даже без установленных расширений. По хорошему Click To Call работает в трёх браузерах: Google Chrome, Mozilla Firefox, Intenet Explorer, а браузер Mozilla как раз показывал контакты нормально. Оказалось всё гораздо проще: почтовый клиент автоматически обернул номера телефонов тегами

(044) 290-85-00

Немного ещё потестировав, выяснилось, что подобные ссылки не только портят дизайн, но плюс ещё невозможно по ним отследить в статистике переходы. В идеале, можно было настроить контакты, чтобы они были кликабельны только на телефоне, но это возможно только в адаптивной вёрстке и только для iPhone. Учитывая, какие проблемы возникают у почтовиков с телефонами — лучше просто отключить их, применив CSS:

<span style="background-color:#ffffe0"><a href="tel:(044)290-85-00" style="pointer-events: none;text-decoration:none;color:#333333;">(044) 290-85-00</a></span></p>

Если же подчеркивание появляется при упоминании физического адреса вашей компании, можно обернуть каждое слово в span, чтобы ссылка на адрес не подставлялась.

<span style="color:#ffffff;">г.Будапешт,</span> <span style="display:none;">||</span>

Возможно, у вас есть свои обходные пути прихотей гугла — тогда поделитесь с нами:) С удовольствием проверим, как они работают на практике.