Рубрика:

Опубликовано:

25.09.2026

Изменено:

25.09.2026

Как добавить кнопки WhatsApp и Telegram на сайт

25.09.2026

Как добавить кнопки WhatsApp и Telegram

Многим посетителям проще написать в мессенджер, чем звонить или заполнять форму. Кнопки WhatsApp и Telegram на сайте убирают лишние шаги: человек нажимает на иконку, попадает в привычный мессенджер и не ждёт ответа на письмо.

Какие ссылки открывают чат

Кнопка мессенджера на сайте, по сути, обычная ссылка, только адрес у неё особый. Для популярных мессенджеров он такой:

  • WhatsApp: https://wa.me/79991234567, номер в международном формате, без плюса, пробелов и скобок.
  • Telegram: https://t.me/username, имя пользователя, бота или канала без знака @.
  • VK: https://vk.me/имя_сообщества, открывает сообщения сообщества.
  • Viber: viber://chat?number=%2B79991234567, номер с кодом страны, знак плюса записан как %2B. Такая ссылка открывает приложение, если Viber установлен.

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

Как сделать кнопку вручную

Если нужна одна кнопка, её можно добавить в текст страницы обычной ссылкой:

<a href="https://wa.me/79991234567" target="_blank" rel="noopener">Написать в WhatsApp</a>

Такая ссылка работает, но выглядит как текст. Чтобы кнопки с иконками держались у края экрана на всех страницах и не мешали на телефоне, понадобятся стили и проверка на разных устройствах. Проще поставить готовый виджет.

Как подключить виджет «Мессенджеры»

Виджет «Мессенджеры» показывает в левом или правом нижнем углу экрана столбик кнопок в фирменных цветах мессенджеров. Кнопки видны всё время, их не нужно искать на странице.

  • Мессенджеры: WhatsApp, Telegram, Viber (номер или паблик-аккаунт), VK, MAX и ещё две площадки. Полный список есть в редакторе виджета.
  • Порядок кнопок задаётся списком контактов в редакторе: первый контакт стоит внизу столбика, ближе всего к углу, следующие выше. Самый нужный мессенджер поставьте первым.
  • Положение: левый или правый нижний угол. Показ на телефонах включается отдельно.
  • Нажатие открывает в новой вкладке страницу перехода. С неё посетитель переходит в приложение мессенджера, а кнопка VK ведёт на страницу профиля или сообщества.

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

Подключение по шагам

  1. Войдите в личный кабинет и добавьте новый виджет «Мессенджеры».
  2. Добавьте контакты: для каждого выберите мессенджер и укажите номер телефона или имя пользователя.
  3. Выберите угол экрана и сохраните виджет.
  4. Скопируйте код виджета и вставьте его на сайт: куда именно, показано в статье про установку виджетов на Tilda, WordPress и Битрикс.
  5. Откройте сайт и нажмите на каждую кнопку: должен открыться нужный чат или страница.

Как считать обращения

Если на сайте стоит Яндекс Метрика, включите в настройках виджета интеграцию и укажите номер счётчика. При нажатии на любую кнопку виджет отправит в Метрику цель aw_messengers, её останется создать в интерфейсе Метрики. Пошагово это показано в справке по Яндекс Метрике, для Google Analytics есть такая же справка.

Несколько советов

  • Не ставьте все мессенджеры сразу: двух-трёх, которыми вы действительно пользуетесь, достаточно.
  • Отвечайте быстро. Посетитель, который написал в мессенджер, ждёт ответа как в переписке с другом, а не как на письмо.
  • Если кнопки мешают другим элементам в углу экрана (например, кнопке «Наверх»), перенесите виджет в другой угол.

Вопросы и ответы

Что увидит посетитель, у которого не установлен мессенджер?

Для WhatsApp, Telegram и MAX на странице перехода есть кнопка «Открыть в браузере»: она откроет веб-версию мессенджера. Viber открывается только в приложении, а кнопка VK ведёт на обычную страницу vk.com.

Можно ли поставить разные номера на разные сайты?

Да, если создать для каждого сайта свой виджет. На бесплатном тарифе доступен один виджет «Мессенджеры», на тарифе Pro до трёх.

Можно ли узнать, какой мессенджер выбирают чаще?

По Яндекс Метрике нет: цель aw_messengers общая для всех кнопок. Нажатия по каждому мессенджеру за каждый день показывает статистика в личном кабинете на тарифе Pro.

Поделиться

Попробуйте виджеты для сайта бесплатно!