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

Обновлено: 07.07.2024

1. Для начинающих: делаем прямую ссылку в Instagram (Инстаграм) на WhatsApp (Ватсап) :

Главная в Инстаграм ->Редактировать профиль ( для стационарного компьютера ) / Изменить ( для телефона )->Веб-сайт ( для стационарного компьютера ) / Сайт ( для телефона )-> Вставьте ссылку следующего формата: https://wa.me/ , где – это ваш номер телефона, привязанный к WhatsApp; к примеру, у нас: " wa.me/79050132739 "-можно даже так! Все работает!

Поверьте! Человека стоит " перевести " в Ватсап! Как минимум, по причине того, что голосовые в Директ более, чем на минуту НЕ запишешь!

2.Для продолжающих: делаем прямую ссылку в Instagram (Инстаграм) на WhatsApp (Ватсап) С ГОТОВЫМ ТЕКСТОМ !

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

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

Общие положения

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

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

Во всех остальных случаях все ссылки, кроме ссылки на Viber, могут быть представлены в классическом виде:

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

Итак, давайте по порядку!

Ссылка на почту (E-mail)

mailto:user_email

При клике по ссылке у поcетителя открывается почтовый клиент с указанием в нем Вас, как получателя письма.

Кликабельная ссылка на телефон

При клике по ссылке сразу идет вызов на Ваш номер. На стационарном компьютере пользователю будет предложено выполнить звонок посредством привязанного телефона.

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

Кликабельная ссылка на Skype

skype:user_login?call

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

Кликабельная ссылка на Whatsapp

wa.me/

Особенность создания этой ссылки в том, что номер телефона указывается БЕЗ знака плюс.

Клик по данной ссылке открывает соответствующее web-приложение или мобильную версию Whatsapp. В любом случае пользователь при переходе по ссылке попадает на страницу Вашего аккаунта, и может сразу позвонить или написать Вам.

Автоматический вызов по таким ссылкам запрещен политикой самого мессенджера.

Кликабельная ссылка на Telegram

t.me/user_login

В данном случае user_login — это Ваш никнейм в виде @nikname, который Вы создаете сами.

Важно!
1. Обязательно проверяйте ссылки после их создания.
2. Иногда, если при проверке ссылки, она не срабатывает, то достаточно указать для нее протокол, чтобы ссылка начала работать так, как нужно.

Кликабельная ссылка на Viber

viber://add?number=

Номер телефона в данной ссылке также, как и в Whatsapp, указывается БЕЗ знака плюс.

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

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

Если на мобильной версии вашего сайта номер телефона указан в виде обычного текста — вы теряете клиентов.

В статье объясним, как отсутствие кликабельного номера влияет на конверсию, зачем вообще нужен кликабельный номер и как его установить на сайт.

Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
Подключиться можно самому за 1 день.
Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.

Зачем нужен кликабельный номер на сайте

Объясняем, почему из-за текстового номера часть клиентов отваливается.

Пользователь заходит с устройства на мобильную версию сайта и видит контакт для связи. В нашем случае — номер телефона. Чтобы позвонить ему нужно скопировать номер, свернуть браузер с сайтом, перейти в режим набора, вставить, нажать на кнопку вызова. Или переписать на листочек, а потом набрать номер в свободное время (но человек может передумать к тому времени). Или нужно запоминать номер, а потом вводить его вручную. Если забыли цифру — нужно возвращаться на сайт, опять запоминать, потом опять сворачивать браузер и так по кругу. В среднем получается около 5 действий и больше. Представьте, если человеку нужно совершить несколько таких звонков.

С кликабельным номером пользователю нужно всего 3 действия — нажать на номер, выбрать способ звонка (через телефон или мессенджер), затем нажать кнопку вызова. Чем меньше действий, тем выше вероятность, что пользователь все-таки совершит звонок, а не отвалится на середине процесса.

Как установить кликабельный номер телефона на сайт — инструкция

Как сделать так, чтобы вам могли позвонить в один клик:

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

Текстовый номер телефона (то есть некликабельный) может выглядеть по-разному:

Если присвоен класс через CSS стили, то код может выглядеть так:

Если к номеру телефона применялись стили оформления, например, цвет, шрифт, выравнивание, код, скорее всего, будет таким:

Чтобы сделать номер кликабельным в код нужно добавить следующие элементы:

То есть, для первого варианта (просто текстовый номер) конечный код будет выглядеть так:

Первый номер телефона — это ссылка, второй — как номер отображается на сайте. Вместо номера телефона на сайте может отображаться призыв сделать звонок, тогда код выглядит так:

Третий номер (с применением шрифта, цвета, выравнивания), соответственно, выглядит так:

P.S. Лучше, чтобы к номеру телефона были применены стили через CSS, потому что если просто сделать кликабельный текст (самый простой первый вариант), то он будет выделен синим цветом и с подчеркиванием, как обычная гиперссылка. Визуально выглядит непривлекательно.

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

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

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

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

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

Если сайт на WordPress, кроме изменения кода или добавления гиперссылки к тексту, можно использовать сторонние плагины. Например, бесплатный плагин Call Now Button. Он добавляет заметную цветную кнопку с иконкой телефона и призывом позвонить. Все, что нужно — установить плагин в Вордпресс, указать в настройках номер телефона, цвет кнопки и ее местоположение на сайте.

Современные сервисы коллтрекинга используют функцию подмены номеров. И чаще всего номерам присваиваются атрибуты (классы). Например, у коллтрекинга Callibri это и >

В этом коллтрекинге, если настроена автоподмена номера, ссылка будет иметь вид:

Важно: у сервисов коллтрекинга нужно уточнять код в инструкциях сервиса или у техподдержки. Потому что у них прописываются свои классы, могут меняться настройки. У каждого сервиса коллтрекинга будут свои ссылки.

Как сделать кликабельный номер WhatsApp, Viber, Skype и Телеграм

Для WhatsApp:

Номер телефона в самой ссылке (в кавычках) указываем без скобок, пробелов и дефисов.

Для Viber:

Для Skype:

skype_user — это логин в скайпе. Параметр call позволяет сразу начать вызов, если его не добавлять в ссылку, то просто откроется профиль.

Если хотите, чтобы при клике по номеру скайпа автоматически открывался диалог, то вместо параметра call добавляем chat, получается:

Для Телеграм:

Можно добавить в текст короткую гиперссылку вида:

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

Примеры оформления кликабельных номеров

Телефон на сайте сервиса коллтрекинга Callibri. Тут его еще и подчеркнули для наглядности.

Кликабельный номер на сайте Тинькофф Банка. Визуально номер телефона никак не выделен, но при клике по нему можно совершить звонок.

Заключение

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

Отличная новость для всех пользователей WhatsApp - появилась возможность использовать кнопки в самом популярном мессенджере!

Отправляйте шаблоны с кнопками через WhatsApp Business API, используя TextBack

1. Кнопка-ответ (QUICK_REPLY)
Похожа на обычную команду в WhatsApp - при нажатии на нее приходит ответ, заранее заданный в вашем чат-боте.

В названии кнопки может быть не более 25 символов
Название кнопки согласуется вместе с текстом шаблона (то есть вы не сможете их менять в настройках)
В одном шаблоне может быть не более 3 кнопок такого типа
Нажатие на кнопку QUICK_REPLY открывает 24-часовое окно
Кнопку QUICK_REPLY можно нажать только 1 раз
Кнопки не отображаются в чате в личном кабинете TextBack

2. Кнопка-ссылка (URL)
При нажатии происходит переход по ссылке, которую нужно согласовать заранее.

Этот тип кнопок несовместим с кнопками-ответами в одном шаблоне, но совместим с кнопками-номерами
Кнопку можно использовать несколько раз

Этот тип кнопок несовместим с кнопками-ответами в одном шаблоне, но совместим с кнопками-ссылками
Кнопку можно использовать несколько раз

Позвонить из PHONE_NUMBER можно только через мобильное приложение WhatsApp

2. Добавить шаблоны с кнопками в ваш личный кабинет с помощью нашей команды поддержки. На тарифах для малого бизнеса вы можете выбрать до 10 типовых шаблонов

Мессенджеры

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

Юзер кликает, переадресуется и сразу может начать предметный диалог.

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

Как сделать ссылку на WhatsApp в Инстаграм

Связка работает только для мобильного трафика, что идеально в Instagram.

Вместо вопросов вставьте ваш номер телефона в международном стандарте, начиная с 7 для России, 380 для Украины (без плюсов).

Все остальные вариации работать не будут.

Чуть не забыл, будет действовать только с теми у кого уже установлен Вацап (благо таких сейчас солидное большинство).

Инструкция по размещению в профиле Инстаграм

Этот вариант логично применять, если планируется акция с кодовым словом, фразой
или в виде подсказки для начала диалога.

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

Простой пример.

Кликаем и в окне диалога видим

Подсказка: если привязываете нечто чат-ботное или автовороночное к глобальной кодовой фразе, позаботьтесь о том, чтобы люди высылали именно её.

Как сделать

Знакомую нам конструкцию с номером телефона, дополняем меткой &text= и после каждого слова вписываем %20

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

Есть сложность.
Мне не до конца понятен механизм, что прописывать, когда надо написать два предложения или добавить EMOJI.

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

Поэтому, при потребности я использую конструктор для быстрых ссылок — whatsapp-link-constructor (переход на сторонний сайт)
Он бесплатный.

Буду рад вашим мыслям и решениям на эту тему в конце материала.

Факты

Для услуг и некрупных проектов — решение находка.

Автор этого сайта. Основатель и руководитель LJT target. Интернет-маркетёр и стратег в 100+ клиентских проектах с 2011 г.

Откручиваю 2 000 000 + руб. в месяц через таргетированную рекламу VK, FB, INST.

Читайте также: