Цены
+7 927 … Получить 3 дня бесплатно

Кнопка WhatsApp*, Telegram, МАКС и ВКонтакте на сайт

Соберите за 5 минут: укажите контакты, проверьте живое окно и скопируйте один готовый HTML-код. Разработчик не нужен.

  • Бесплатно
  • Без разработчика
  • Один код для компьютера и телефона
Окно выбора мессенджера: кнопки WhatsApp, Telegram, МАКС и ВКонтакте и четыре QR-кода под ними
Так окно выглядит на сайте с компьютера — снимок кода, собранного этим конструктором

Как это выглядит на сайте

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

Страница сайта с круглой кнопкой мессенджеров в правом нижнем углу
Было
Открытое окно выбора мессенджера с кнопками WhatsApp, Telegram, МАКС и ВКонтакте
После клика

Наведите на картинку, чтобы рассмотреть крупнее

Кнопка в углу сайта

Кнопка всегда остается на виду и не мешает основному содержанию. По клику открывается выбор WhatsApp*, Telegram, МАКС или ВКонтакте.

В конструкторе — переключатель «Круглая кнопка в углу экрана»

На компьютере — кнопки и QR-коды. На телефоне — сразу переход в приложение

Один и тот же код сам подстраивается под экран. Отдельную мобильную версию собирать не нужно.

Окно на компьютере: четыре кнопки мессенджеров в ряд и четыре QR-кода под ними
Компьютер. Кнопки открывают чат в браузере, а QR-код можно отсканировать телефоном.
Окно на телефоне: кнопки мессенджеров в столбик, QR-коды скрыты
Телефон. QR-коды скрыты — они здесь не нужны, кнопка открывает приложение сразу.

QR-коды создаются автоматически по указанным контактам и встраиваются в готовый код. Внутри QR — ссылка на чат, поэтому после смены номера код нужно собрать заново и заменить на сайте: у выданного QR адрес не меняется. QR-коды при этом дорисовываются в браузере посетителя — к ссылке добавляется метка визита из счетчика, который уже стоит на вашем сайте, если метка успела записаться. Так работают коды всех четырех каналов: в WhatsApp и у личного аккаунта Telegram метка видна в тексте первого сообщения, у бота Telegram, в МАКС и ВКонтакте передается скрыто.

Что вы получаете

Один HTML-код: вставляется на сайт как есть и не требует поддержки.

Без разработчика

Скопируйте код и вставьте в HTML-блок сайта или перед закрывающим тегом body. Правок в шаблоне не нужно.

Все внутри одного кода

Логотипы каналов и QR-коды лежат внутри кода картинками. Отдельные файлы загружать не нужно.

Живой предпросмотр

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

Подстраивается под телефон

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

Два способа открытия

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

Ваши тексты и документы

Заголовок, подписи и текст согласия задаете вы, ссылка ведет на вашу политику обработки данных.

Как кнопка снимает лишний шаг

Три ситуации, где звонок мешает, а сообщение решает вопрос за минуту.

Автосервис

Оценить ремонт по фото, а не на слух

Клиент поцарапал бампер и хочет понять цену до визита. По телефону это не объяснить: «глубокая царапина» и «просто задели» звучат одинаково, а мастер не видит повреждение.

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

Недвижимость

Вопрос вечером - ответ утром, а не потерянный лид

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

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

Онлайн-школа

Ответить до оплаты, пока человек еще выбирает

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

Человек задает вопросы в мессенджере сразу и получает ответ вместе со ссылкой на оплату в том же чате. Ждать звонка не нужно.

Что с QR-кодами и отслеживанием

Коротко: QR делается сам и несет метку визита из счетчика на вашем сайте, если она есть, — сам конструктор ничего не считает.

QR создается автоматически
Указали контакт — QR уже внутри кода. Отдельный сервис не нужен.
Внутри QR — ссылка на ваш чат
Адрес чата зашит в сам код: сменили номер — соберите код заново и замените на сайте, а напечатанный тираж перевыпустите (QR для печати берите из генератора: в окне у каждого посетителя своя метка). QR-коды при этом дорисовываются в браузере посетителя, когда окно с кодами видно на экране, и к ссылке добавляется метка из счетчика на вашем сайте: по ней заход ищется в вашей аналитике. Метку несут коды всех четырех каналов — WhatsApp, Telegram, МАКС и ВКонтакте; у ссылок-приглашений и у ссылки на личный профиль МАКС ее нет.
Метка — из счетчиков на вашем сайте
Конструктор собирает чистые ссылки: служебные параметры из полей вырезаются. Своих счетчиков в коде нет, и отдельных запросов ради метки он не делает. Метку визита код берет из cookie счетчиков, которые уже стоят на вашем сайте: Ройстата (r и номер визита), Коллтача (c и номер сессии) или Метрики (y и ClientID). В WhatsApp и у личного аккаунта Telegram она встает в текст первого сообщения, и посетитель видит ее в поле ввода; у бота Telegram, в МАКС и ВКонтакте едет скрыто, в параметре ссылки на чат. У Telegram, МАКС и ВКонтакте ее можно выключить у канала в конструкторе, а источник метки и слово перед ней — выбрать. Дальше метка едет обычным путем через ваш мессенджер. Метка появляется, когда счетчик ее уже записал. Счетчиков нет, стоит блокировщик рекламы или номер еще не записан (так бывает в первые секунды самого первого захода) — QR работает как обычный, просто без метки. Если счетчики на вашем сайте запускаются только после согласия на cookie и посетитель его не дал, метки тоже не будет: код не спрашивает согласие сам, а берет то, что счетчики уже записали.
Нужен QR для печати
Отдельной выгрузки QR здесь нет — для WhatsApp возьмите генератор QR-кодов или генератор ссылок; для Telegram, МАКС и ВКонтакте сделайте QR из обычной ссылки на ваш чат (t.me/…, max.ru/…, vk.me/…) в любом генераторе.

Кнопка сама по себе и Radist.Online

Коротко: кнопка бесплатна и работает сама, Radist.Online нужен только для того, чтобы сохранять переписку в CRM.

Кнопка работает без подписки
Код бесплатный и ведет в ваши обычные чаты. Ни аккаунт, ни подписка Radist.Online для этого не нужны.
Radist.Online нужен для другого
Чтобы диалоги приходили в amoCRM или Битрикс24, хранились с историей и распределялись между менеджерами.
Источник в CRM не подставляется сам
В CRM приходит обычное входящее сообщение. Метка из QR-кода — часть текста сообщения (WhatsApp, Telegram) или скрытый параметр, который получает канал МАКС или сообщество ВКонтакте, а не поле источника: разметка источника настраивается отдельно.

Три шага до готового кода

  1. Укажите контакты

    Добавьте WhatsApp*, Telegram, МАКС или ВКонтакте - можно все четыре, можно один.

  2. Проверьте результат

    Переключитесь между компьютером и телефоном и посмотрите, как окно перестраивается под экран.

  3. Заберите код

    Скопируйте HTML или скачайте готовый файл и вставьте на сайт.

Настройте свою кнопку

Каналы связи

Цифры с кодом страны, например 79991234567
Подставится в поле ввода, когда клиент нажмет кнопку с компьютера
Без «собаки». Можно вставить полную ссылку или номер телефона — лишнее уберется само
Аккаунту и номеру метка приходит видимой строкой в поле ввода, боту (имя на bot) — скрыто, при запуске чата. Выключите, если ваш бот сам использует параметр start.
То, что идет после max.ru/ в вашей ссылке: имя бота или канала либо u/<хеш> из ссылки на личный профиль
Метка скрытая: посетитель ее не видит, ее получает ваш канал при запуске чата. У ссылки на личный профиль u/<хеш> метки не будет — адрес слишком длинный для кода. Выключите, если ваш бот сам использует параметр start.
Короткое имя, club<номер>, id<номер> или полная ссылка — лишнее уберется само
Метка скрытая: посетитель ее не видит, ее получает ваше сообщество вместе с первым сообщением. Выключите, если ваш бот сам использует параметр ref.
Если вы добавляете сообщество, личные сообщения должны быть включены: Управление, Сообщения, включить. Иначе кнопка приведет на страницу, где написать нельзя.

Тексты

С телефона QR-коды не нужны — клиент нажимает кнопку и сразу попадает в приложение, поэтому подпись про компьютер там не показывается
Адрес страницы с вашей политикой обработки персональных данных

Настройки

Кнопка со ссылкой #messenger откроет окно
QR-коды несут метку визита из счетчиков на вашем сайте: номер Ройстата (r), Коллтача (c) или Метрики (y). В WhatsApp и Telegram клиент отсканирует код и увидит в поле ввода строку с меткой, например «Код r1234567». Боту Telegram, МАКС и ВКонтакте метка передается скрыто; у Telegram, МАКС и ВКонтакте ее можно выключить у канала выше. Откуда брать метку и слово перед ней — настраивается ниже. Нет нужного счетчика или метка еще не записана — код просто откроет чат.
Первый найденный — по порядку Ройстат (номер визита), Коллтач (номер сессии), Метрика (ClientID)
В поле ввода будет, например: «Код y1700000000123456789». Пусто — только метка

Как это будет выглядеть

Живое окно, а не картинка — кнопки нажимаются, окно закрывается. На телефоне QR прячутся: там они не нужны, кнопка открывает приложение сразу.

Код для вставки на сайт

Хотите, чтобы переписка из этой кнопки сама попадала в CRM? Подключите каналы к Radist.Online

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

  1. Скопируйте код кнопкой «Скопировать код» в конструкторе.
  2. Tilda: страница → «Добавить блок» → «Другое» → блок T123 «HTML-код». Вставьте код и сохраните. Блок можно поставить в самый низ — окно все равно открывается поверх всего остального.
  3. Свой сайт или другой конструктор: вставьте код перед закрывающим тегом </body> либо в блок «HTML-вставка».
    Не знаете, где у сайта HTML-код? Спросите того, кто его делал — разработчика, фрилансера или агентство: вставить готовый код в готовую страницу — дело одной минуты для любого из них.
  4. Кнопка открытия: у своей кнопки или картинки в поле «Ссылка» укажите #messenger. Таких кнопок на странице может быть сколько угодно.
  5. Опубликуйте и проверьте результат с компьютера и с телефона.
После вставки кода на сайт нажмите каждую кнопку окна и проверьте, что открывается нужный чат: в предпросмотре конструктора переходы в чаты отключены. Ошибка в одной цифре номера — и клиенты будут писать чужому человеку.

Нужна не кнопка, а одна ссылка или QR-код WhatsApp для визитки — возьмите генератор ссылок или генератор QR-кодов. А чтобы переписка из WhatsApp*, Telegram, МАКС и ВКонтакте попадала в CRM — подключите их к amoCRM или Битрикс24.

Кнопка приведет клиента — Radist.Online не даст потерять переписку

Сообщения из WhatsApp*, Telegram, МАКС, ВКонтакте и Авито попадают в amoCRM или Битрикс24: в карточку сделки, с историей и распределением по менеджерам. Без этого переписка остается в личном телефоне менеджера, и никто не знает, ответили клиенту или нет.

✓

Все диалоги в одной CRM

amoCRM и Битрикс24 — сообщения попадают в карточку сделки, менеджер отвечает оттуда же.

✓

История переписки остается у компании

Менеджер уходит — диалоги с клиентами остаются в CRM, а не в его личном телефоне.

✓

Ответ в одном окне

WhatsApp*, Telegram, МАКС, ВКонтакте, Авито и другие каналы — менеджер не переключается между приложениями.

Получить 3 дня бесплатно

Подключение за 5 минут · Тест 3 дня · Без карты

Вопрос-ответ

Нужно ли что-то устанавливать на сайт дополнительно?
Нет. Картинки и QR-коды лежат внутри самого кода — отдельные файлы загружать не нужно. Извне подтягивается только шрифт надписей на кнопках; если он недоступен, надписи покажутся стандартным шрифтом, а окно работает как обычно.
Попадает ли в QR-код текст первого сообщения?
Короткий — да. Русская буква занимает в адресе в шесть раз больше места, чем латинская, поэтому фраза из русских слов раздувает код до нечитаемого с экрана — такой текст остается только на кнопке. Тогда в QR-код WhatsApp уезжает короткая строка с меткой визита — например «Код r1234567», — если счетчик на сайте уже записал метку. Конструктор говорит прямо под полем текста, влез он в код или нет. Для печати QR-код из окна не подходит: метку браузер дорисовывает каждому посетителю свою, и снимок с экрана разнес бы одну метку на весь тираж — для визиток и листовок возьмите генератор QR-кодов WhatsApp (см. вопрос ниже), а для Telegram, МАКС и ВКонтакте сделайте QR из обычной ссылки на ваш чат (t.me/…, max.ru/…, vk.me/…) в любом генераторе. Текст первого сообщения задается в конструкторе только для WhatsApp, и это не метка визита. Метка, когда она есть, ставится в QR-коды всех четырех каналов: в WhatsApp и у личного аккаунта Telegram — видимой строкой в поле ввода, у бота Telegram, в МАКС и ВКонтакте — скрыто, в параметре ссылки на чат.
Что видит клиент с телефона?
QR-коды скрываются — они там не нужны, — а кнопки открывают приложение сразу. Подпись над кнопками для телефона задается отдельным полем конструктора.
Обращения будут приходить в Radist.Online?
Кнопки ведут в ваши обычные чаты. Если номер и аккаунты подключены к Radist.Online, переписка попадет в CRM вместе с остальными — отдельно настраивать кнопку не нужно.
Данные, которые я ввожу в конструктор, куда-то уходят?
Нет. Номер, тексты и остальные поля обрабатываются прямо в вашем браузере — код собирается на месте, и на серверы Radist.Online эти значения не передаются. Метрика фиксирует только сам факт использования инструмента, без того, что именно вы вписали.
QR-коды нужно создавать отдельно?
Нет. QR создается сам, как только вы указали контакт: конструктор пересобирает код, а QR-коды сразу попадают внутрь него. Отдельного сервиса и отдельных картинок не нужно.
Что будет с кодом и напечатанным QR, если я сменю номер?
Внутри кода зашита ссылка на ваш чат, поэтому после смены номера соберите код заново и замените его на сайте, а напечатанные материалы с прежним QR придется перевыпустить. QR-коды дорисовываются в браузере посетителя и подставляют метку визита, когда она есть, но назначение это не меняет — адрес чата остается в самой матрице. Для печати берите QR-код из генератора, а не из окна: там метка у каждого посетителя своя.
Можно ли взять QR-код отдельно — для визитки, меню или витрины?
В конструкторе отдельной выгрузки QR нет: кнопка «Скачать файлом» отдает весь код окна. Если нужен именно QR-код или одна ссылка для печати, возьмите генератор QR-кодов или генератор ссылок — они лежат в разделе «Ресурсы → Инструменты» и работают только с WhatsApp; для Telegram, МАКС и ВКонтакте сделайте QR из обычной ссылки на ваш чат (t.me/…, max.ru/…, vk.me/…) в любом генераторе.
Поддерживаются ли UTM-метки — можно ли отследить, откуда пришел клиент?
UTM-метки — нет: служебные параметры из полей вырезаются, и ссылка на чат остается чистой. Отследить заход можно иначе — через QR-коды. Код на вашем сайте берет метку визита у счетчиков, которые там уже стоят, — Ройстата, Коллтача или Метрики (в конструкторе можно выбрать один из них) — и дорисовывает ее в QR-коды. Первая буква говорит, чей это номер: r — Ройстат, c — Коллтач, y — Метрика; дальше сам номер. У Ройстата это номер визита, у Коллтача — номер сессии. У Метрики — идентификатор браузера посетителя (ClientID): он один на все визиты с этого браузера, поэтому нужный визит ищите по нему и по времени сообщения. Куда встает метка, зависит от канала. В WhatsApp и Telegram — в текст первого сообщения: клиент отсканирует код, увидит в поле ввода короткую строку с меткой — например «Код r1234567» — и отправит ее вместе с сообщением. В МАКС и ВКонтакте — скрыто, посетитель ее не видит: канал МАКС получает ее при запуске чата, сообщество ВКонтакте — вместе с первым сообщением, если оно подключено по API. Для Telegram, МАКС и ВКонтакте метку можно выключить у канала в конструкторе. Метка появляется, когда счетчик ее уже записал. Ее не будет, если на сайте нет счетчиков, у посетителя стоит блокировщик рекламы или счетчик еще не записал номер — так бывает в первые секунды самого первого захода. Если счетчики на вашем сайте запускаются только после согласия на cookie и посетитель его не дал, метки тоже не будет: код не спрашивает согласие сам, а берет то, что счетчики уже записали. В этих случаях QR работает как обычный, просто без метки. В ссылки кнопок код метку не добавляет. Ее нет у ссылок-приглашений в группу или канал, у ссылок на посты и у ссылки на личный профиль МАКС. Если в поле Telegram указан бот (имя на bot), по умолчанию метка уходит скрыто в параметре start — бот получит ее при запуске чата; метку Telegram можно выключить в конструкторе. Запросов к Radist.Online и на другие адреса код не делает, кроме загрузки шрифта надписей на кнопках (см. вопрос выше): cookie читается в браузере посетителя, а метка едет внутри ссылки на чат обычным путем через ваш мессенджер.
Источник обращения попадет в amoCRM или Битрикс24?
Сама кнопка — нет: она не размечает источник, в CRM приходит обычное входящее сообщение. Метка из QR-кода, если она была, — это часть текста, который отправил клиент (WhatsApp, Telegram), или скрытый параметр запуска чата (МАКС, ВКонтакте), а не поле источника. Чтобы переписка вообще попадала в CRM, номер или аккаунт нужно подключить к Radist.Online; разметка источника при этом настраивается отдельно, силами интеграции, а не кнопкой.
Можно ли поставить такую кнопку в подпись email?
Окно с выбором мессенджера — нет: почтовые клиенты вырезают скрипты из писем, а окно открывается скриптом. В подпись можно положить обычную ссылку на чат или картинку QR-кода — для писем и печати берите ее в генераторе QR-кодов WhatsApp, а не снимком из окна: метку браузер дорисовывает каждому посетителю свою, и снимок разнес бы одну метку по всем письмам. Для Telegram, МАКС и ВКонтакте сделайте QR из обычной ссылки на чат — t.me/…, max.ru/…, vk.me/… — в любом генераторе.

Ответим на любые вопросы

Подберем каналы, посчитаем стоимость и бесплатно поможем с настройкой — звонком или разбором экрана

Или оставьте заявку
и мы с вами свяжемся

* WhatsApp принадлежит компании Meta, признанной экстремистской и запрещенной на территории РФ.