Как с помощью HTML сделать ссылку на Скайп, телефон или почту

Приветствую! Сегодня расскажу, как с помощью HTML, можно легко сделать ссылку на Скайп, телефон или почту. Если у Вас есть свой сайт или авторский блог, то свои контакты, Вы можете оставлять в виде ссылки, или кликабельной картинки. Вот, например, ссылка на Скайп, с помощью которой, можно сделать запрос на добавление ко мне в контакты.

[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»10″]Как сделать ссылку на Скайп, телефон или e-mail[/lazy_load_box]

Как сделать ссылку на телефон

Итак, вначале рассмотрим, как сделать ссылку на телефон. Структура такой ссылки в HTML мало чем отличается от обычной.

<a href="tel:+375291234567">1234567</a>

Отображаемый номер будет, выглядит так 1234567, но если кликнуть по нему, начнется дозвон по номеру +375291234567, и только в том случае, если Вы зашли на сайт с мобильного телефона. Вместо 1234567, можно написать любой другой текст.

Такую ссылку, можно добавить не только на страницу «Контакты», или где то в статье, но и вставить ее в сам шаблон сайта, например шапку, или футер. Нажав на эту ссылку, мобильник высветит полный номер, и попросит от Вас подтверждения действия. Таким образом, Вы случайно не позвоните в другой город или страну.

  • href – обязательный атрибут для создания ссылки
  • tel – HTML5 протокол

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

Такие ссылки не ограничиваются только звонком на телефон, но можно еще делать ссылки на отправку SMS, звонок по Скайпу, или отправки сообщения на email. В этом случае, вместо протокола tel, можно вставить sms, skype или mailto. Вот список протоколов HTML5:

sms – отправить sms

<a href="sms:1234567">отправить sms</a>;

mailto – ссылка на почтовый адрес

<a href="maito:email@gmail.com">Написать на почту</a>;

tel – позвонить на номер телефона

<a href="tel:1234567">позвонить на телефон</a>;

Как сделать ссылку на Скайп

Для создания ссылки на Скайп, существует множество вариантов, например, можно сделать ссылку на отправку голосового сообщения, или совершения звонка по Скайпу. Я опишу все возможное варианты.

Ссылка на профиль пользователя

<a href="skype:Skype_Login">Любой текст</a>

Skype_Login – логин пользователя в Скайпе.

Кликнув по ссылке, появится предупреждающее окошко, где надо подтвердить свое действие, запустить приложение Скайп на компьютере, или нет.

[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»10″]Как сделать ссылку на Скайп в html[/lazy_load_box]

Звонок на Скайп или телефон

<a href="skype:Skype_Login?call">Текст или логин</a>

<a href="skype:+79283761?call">текст или номер телефона</a>

В первом случае, будет совершен обычный вызов пользователя в Скайпе, а во втором, будет совершен звонок через Скайп на номер телефона.

[lazy_load_box effect=»slidefromleft» speed=»1900″ delay=»10″]Как сделать ссылку на Скайп на сайте[/lazy_load_box]

Конференцсвязь между несколькими пользователями

<a href="skype:Skype_Login1;Skype_ Login 2;Skype_ Login 3?call">Текст</a>

Добавляем пользователя или номер телефона себе в контакты:

<a href="skype:Skype_Login?add">Добавить в пользователя</a>

<a href="skype:+12345678?add">Добавить номер</a>

Пригласить в текстовый чат или мультичат:

<a href="skype:Skype_Login?chat">Текстовый_чат</a>

<a href="skype:Skype_Login1;Skype_ Login2;Skype_ Login3;?chat">Мульти_чат</a>

Оставить голосовое сообщение для пользователя

<a href="skype:Skype_Login?voicemail">Текст или логин пользователя</a>

Передача любых файлов по Скайпу

<a href="skype:Skype_Login?sendfile">Логин пользователя</a>

<a href="skype:Skype_Login1;Skype_Login2;Skype_Login3;?sendfile">Текст</a>

Посмотреть профиль пользователя

<a href="skype:Skype_Login?userinfo">Профиль пользователя</a>

Таким образом, можно на своем сайте, или где-то в комментариях, где поддерживается HTML разметка, оставлять свои контакты в виде ссылки.

1 комментарий к “Как с помощью HTML сделать ссылку на Скайп, телефон или почту”

  1. Так довольна, что подписалась на обновления!! Юрий, а Вы не подскажете, как делается такая фишка: на форуме вместо подписи всплывает какой-то текст или адрес сайта. Хотелось бы и себе такую фишку «прицепить». Буду ждать видео на эту тему))
    Всего хорошего, спасибо за статью!

Комментарии закрыты.

Прокрутить вверх