Как сделать кликабельный номер телефона на сайте: 3 варианта + примеры

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

Первый вариант, простой

Если сайт создан на конструкторе, например: Тильда, LPGenerator LPmotor и любой другой, где не нужно редактировать html код, все оформляется  как в простом редакторе документа MS Word. Чтобы номер телефона стал кликабельным, нужно пройти три простых шага.

Шаг 1

Зайти в редактор страницы, найти блок с номером телефона. (на примере конструктора Tilda)

Как сделать кликабельный номер телефона на сайте: 3 варианта + примеры

Шаг 2

Нажмите на цифры, откроется редактор текста. Выделите все символы номера телефона.

Как сделать кликабельный номер телефона на сайте: 3 варианта + примеры

Шаг 3

Добавить к нему ссылку с тегом для набора номера телефона.

Как сделать кликабельный номер телефона на сайте: 3 варианта + примеры

А какую ссылку добавить-то? Сейчас расскажу… Ссылка с тегом выглядит следующим образом:

tel:XXXX

где первая часть tel: это специальный тег для набора номера, а ХХХХ, это цифры, номера телефона. Адрес правильной ссылки будет выглядеть примерно так:

tel:+71234567890

Добавьте эту ссылку на все страницы и блоки, где есть номер телефона.

Как сделать кликабельный номер телефона на сайте: 3 варианта + примеры

Сохраните и проверьте с мобильного, при клике на номер, должен автоматически набирать цифровой код номера который Вы указали.

Второй вариант, сложный

Сайт сделан на обычном html коде, или каком-то движке типа WordPress, где контент сайта нужно редактировать в коде страницы. Это сложный способ для обычного пользователя, поэтому для этой задачи вам понадобится программист. 

Найти в коде сайта где расположен номер телефона и добавить к нему тег гиперссылки <a></a> с атрибутом href, в нем указать ссылку на номер телефона, в таком же формате tel:XXXX (как в примере с конструктором сайта)

В результате у вас должен получиться такой html код:

<a href=”tel:+71234567890”>+7(123)456-78-90</a>

На опубликованной странице он будет выглядеть вот так: +7(123)456-78-90 попробуйте на него кликнуть и позвонить. Номер не существующий.

Третий вариант, с коллтрекингом

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

Коллтрекинг — Сервис сквозной аналитики, позволят отследить источник звонка

Меня волновал этот вопрос, я решил разобраться в этом путем экспериментов. Тестирования проводились в системе ROIstat и Callibri.

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

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

Важно + рекомендации 

Подведу итог, на сколько важно использовать кликабельный номер телефона. По статистике на 2020 год, 73% трафика с мобильных устройств. Обусловлено тем, что образ нашей жизни ускоряется, идет огромная борьба за время. Все меньше людей ищут решение своих задач с ПК, все происходит в движение с мобильных устройств. 

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

Если клиент горячий, то ему эта стена не помеха. Но часто бывает что нас кто то отвлек, позвонил прилетело сообщение мессенджер. В этот момент он отвлекается и забывает что планировал позвонить вам, так теряться часть горячих лидов. В случае кликабельного номера, потенциальный покупатель сможет дозвониться в один клик, пока кто-то не успел его отвлечь от цели. 

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

Аватар

Командир по маркетингу. Даю ясные советы, как увеличить прибыль в бизнесе, через разработку стратегии, оптимизацию расходов на рекламу и увеличение заказов от целевых клиентов. 

За 7 лет работы с 2013, настроил и запустил 300+ рекламных компаний, которые сгенерировали свыше 3 миллионов заказов моим клиентам.

CONVERSION - Авторские статьи
Добавить комментарий

Спасибо!

Теперь редакторы в курсе.