Как сделать ссылку на номер телефона
Перейти к содержимому

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

  • автор:

Как создать ссылку на свой номер Telegram и опубликовать на сайте?

Рассмотрим на примере Tilda. Механика для всех других конструкторов и платформ по созданию сайтов будет одинаковой.

Чтобы получить сообщения клиентов с сайта, опубликуйте вот такую ссылку: https://t.me/ваш_номер_телефона

Например, наша ссылка выглядит так: https://t.me/+79274238608

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

В «ZeroBlock» прикрепите ссылку к логотипу в настройках блока «LINK».

При клике по ссылке пользователю будет предложено открыть Telegram, если приложение установлено на компьютере или телефоне.

Также, можно указать @username вашего Telegram-аккаунта вместо телефона. Например: https://t.me/radistonline

Забирайте набор иконок соцсетей для сайта! Скачать по ссылке

Что же указать: номер или ник? Решать вам. Мы считаем, что номер телефона вызывает больше доверия и клиент всегда может позвонить по нему. Надеемся, ваш номер телефона привязан к телелефонии?

P.S. Ежедневная аудитория Telegram растет с каждым днем. Продавайте в Telegram из CRM. Подключайте сколько угодно номеров и пишите первым с личного номера Telegram прямо из CRM!

Переходите на сайт и подключайте Telegram за 5 минут без программирования и танцев с бубном — тут.

Как сделать активную ссылку на номер телефона на сайте

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

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

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

Ссылка на номер телефона для автонабора

Ссылка на номер телефона – это сегодня обычное дело. В HTML-5 эту возможность реализовать можно одной строчкой кода. Разместить номер вы можете в футере темы, хедере, боковой панели, или в контенте записей. Для этой цели также можно использовать текстовый виджет.

href – это атрибут создания ссылки, tel – это протокол HTML-5, который задает свойство ссылке, обозначая ее телефонной. После двоеточья телефонный номер, на который будет идти звонок. Между парными тегом <a></a> находится содержание линка. Оно может быть произвольным, например, побуждение «Нажмите, для того чтобы позвонить!» или «Звонок мастеру». Можно просто написать номер телефона, так как на сайт могут заходить с компьютера и не все пользователи увидят при наведении на надпись «Позвоните нам!» всплывающую подсказку с номером на который нужно звонить.

Другие протоколы HTML-5

Вы не ограничены добавлением ссылки только на телефон. С помощью следующих протоколов вы сможете также:

  • mailto – ссылка на e-mail адрес;
  • callto – звонок по Skype;
  • sms – послать смс сообщение;
  • fax – для отправки факса.

С помощью этих протоколов можно создавать ссылки аналогично показанному выше примеру. Для этого пропишите парный тег <a>, в котором укажите контент ссылки, которую будет видеть пользователь. Затем пропишите атрибут href, придав ему соответствующее свойство (протокол) через знак равно в кавычках. После свойства должно стоять двоеточие и контактная информация, например e-mail адрес или номер телефона. Выглядит это примерно так:

<a href=”sms:123-456-7890″>Нажмите, для отправки СМС сообщения автору</a>.

Как видите, ссылка на номер телефона легко реализуется. И не только на номер телефона. Все благодаря современному языку HTML-5 и его новым возможностям.

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

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

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

Сейчас же, пользователи сёрфят в интернете и звонят с одного и того же устройства. Это открывает возможность добавить ссылку на звонок — создать HTML-номер телефона, по которому можно кликать.

Как работают кликабельные ссылки

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

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

При клике по такой ссылке на десктопе с установленным приложением Skype (или аналогичным) браузер запросит у вас подтверждение на открытие внешней программы.

Добавление на сайт

Вставьте следующий код в нужное место вашего сайта для показа кликабельной ссылки на телефон:

Если вместо телефона вы хотите видеть ссылку с текстом «Позвонить», то код будет таким:

При щелчке на такую ссылку откроется номернабиратель вашего устройства (планшет, телефон).

Добавочный номер

Многие телефоны имеют добавочные номера, чтобы их указать, необходимо использовать разделитель P , который добавит секундную задержку между набором основного и добавочного номеров:

Если добавочный номер нужно вводить в тональном режиме, используйте разделитель w вместо p .

Код страны

Коды стран могут быть добавлены в телефонный номер при помощи символа + перед самим номером. Например, для России ( +7 ) это будет выглядеть так:

Микроразметка под SEO

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

Решается этот вопрос при помощи микроданных и микроформатов . Добавив пару дополнительных тегов в разметку вашего сайта, вы получите кликабельный номер в SERP. Пользователи будут несказанно рады:

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

По теме: если нужен домен для сайта, рекомендую сервис: REG ru, регистрируйся! А по промокоду: F761-A14A-B178-9947 получи дополнительную скидку 5%

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *