Делаем номер телефона — ссылкой (кликабельный)

Что бы сделать номер телефона ссылкой, по нажатию на которую будет происходить вызов (с мобильного устройства) и переход в приложение «звонилки» с десктопа, достаточно вставить в HTML код, следующую конструкцию:

<a href="tel:+79090010901">+7 (909)001-09-01</a>

Пример как это выглядит ссылка на телефон на сайте:

+7 (909)001-09-01

Теперь разберемся в написаном

Конструкция <a href=»tel:+79090010901″> …<a> говорит браузеру, о том что содержимое которое находится внутри тега «a» (<a  href…>…</a>) представляет из себя ссылку, которая ведет на адрес, в нашем случае адресом ссылки является телефон «tel:+79090010901». Все, что находится внутри тега «a» будет кликабельным и отображаться на странице сайта.  Мы можем написать любое содержимое, при клике на которое состоится переход на функцию вызова.

Пример 

<a href="tel:+79090010901">Нажмите что бы позвонить</a>

Нажмите что бы позвонить

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

Делаем номер телефона - ссылкой

необходимо проделать следующее:

Выделяем необходимы необходимый текст, при нажатии на который будет происходить звонок инажимаем на кнопку «вставить/изменить ссылку»

Делаем номер телефона — ссылкой (кликабельный)

вводим в поле,  конструкцию «tel:88000090807» (без кавычек)

Делаем номер телефона — ссылкой (кликабельный)

Результатом будет:

Выделяем необходимый нам текст

Таким же образом возможно сделать и другие ссылки:

<a href=»mailto:…»>Наше содержимое</a> – ссылка на e-mail адрес;

<a href=»callto:…»>Наше содержимое</a> – звонок по Skype;

<a href=»sms:…»>Наше содержимое</a> – послать смс сообщение;

Инструкция по ссылкам  на Телеграм и WhatsApp будет в отдельных постах, так как у нее есть дополнительные возможности.

link::Как сделать ссылку с сайта в телеграм (материал уже готовится)

link::Как сделать ссылку с сайта в whatsapp (материал уже готовится)

Оцените статью
Разработчик на bitrix и wordpress