Как сделать активную ссылку на телефон, skype и e-mail

Очень часто на сайте приходится давать контактную информацию, например номера телефонов, электронной почты и скайп. Не многие знают  как сделать активную ссылку на телефон, skype и e-mail.

Чаше всего, это просто текст, который пользователь копирует, чтобы потом использовать в зависимости от назначения.

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

На самом деле есть способ как сделать активную ссылку на телефон, skype и e-mail. Можно делать контактную информацию, в видео ссылок, при нажатии на которую, пользователь автоматически получит функцию звонить по номеру или писать сразу письмо на указанный ящик.

Создание ссылки e-mail адреса:

<a href="mailto:example@emil.com">example@emil.com</a>

В атрибут href вставляется функция вызова почтового менеджера по умолчанию, которым пользуется посетитель сайта. Функция mailto позволяет отправить письмо на имейл, который указан через двоеточие. А внутри тега <a> вставляется любой текст, который вы хотите, обычно если это ссылка на e-mail то указывают тот же адрес на который должно быть отправлено письмо.

Пример: example@emil.com

Создание ссылки на телефон

<a href="tel:+380665252687">+38 (066) 525 26 87</a>

В атрибут href вставляется функция вызова приложения для набора номера. Функция tel позволяет вызвать программу для набора номера. Если человек открывает такую ссылку на компьютере, то чаще всего срабатывает набор через спайка. Такой способ лучше всего использовать для сайтов, адаптированных под мобильные устройства, т.к. на телефоне функция tel сразу начинает набор номера, что очень удобно. Внутри тега <a> можно написать номер тефлона с пробелами и скобками, в любом удобном формате, чтобы человеку было удобно читать номер. В самом же атрибуте href необходимо писать номер без пробелов и форматирования скобками, т.к. этот номер уже будет учитываться кофейницей tel и может произойти ошибка при наборе.

Пример: +38 (066) 525 26 87

Создание ссылки на skype

<a href="skype:skype_name">skype_name</a>

В атрибут href вставляется функция вызова skype. Так, при клике человек сразу начнет звонить на имя скайпа которое вы указали в атрибуте href.

Пример: skype_name

Теперь вы знаете как сделать активную ссылку на телефон, skype и e-mail. Пользуйтесь данным способом, чтобы сделать ваш сайт более удобным для пользователя.