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

Данная задача реализуется очень просто. Дальше будет простая для реализации инструкция.

Как использовать ссылку tel:

Ссылка на номер телефона создается с помощью специального префикса, который ставится перед номером телефона — tel:.

<a href=”tel:+79991111111“>+7-999-111-11-11</a>

Пример реализации в коде:

Как сделать кликабельным телефон на сайте. Номер телефона как ссылкаСтоит сказать, что сам по себе tel: — это не опция тега «А», а самостоятельный протокол (например, такой же как http), браузеры по разному его могут понимать. Он работает как на дескопе так и на мобильных устройствах.

Что произойдёт, если кликнуть на ссылку с tel

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

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

 

Как сделать кликабельным телефон на сайте. Номер телефона как ссылка

Как сделать кликабельным телефон на сайте. Номер телефона как ссылка

  • Chrome, Edge, Firefox на Windows — откроется предложение использовать какую-нибудь программу для звонка.
  • Safari — если номера нет в списке контактов, то появится подтверждение вызова, после этого откроется FaceTime.

Лучше делать кликабельным номер телефона только для мобильных устройств.