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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автосервис

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

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

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

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

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

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

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

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

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

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

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

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

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

QR создается автоматически
Указали контакт — QR уже внутри кода. Отдельный сервис не нужен.
QR статический
Внутри зашита ссылка на чат. Сменили номер — соберите код заново и замените на сайте, а напечатанный тираж перевыпустите.
Меток и счетчиков нет
Конструктор собирает чистые ссылки: служебные параметры из полей вырезаются, счетчиков в коде нет.
Нужен QR для печати
Отдельной выгрузки QR здесь нет — возьмите генератор QR-кодов или генератор ссылок.

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

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

Кнопка работает без подписки
Код бесплатный и ведет в ваши обычные чаты. Ни аккаунт, ни подписка Radist.Online для этого не нужны.
Radist.Online нужен для другого
Чтобы диалоги приходили в amoCRM или Битрикс24, хранились с историей и распределялись между менеджерами.
Источник в CRM не подставляется сам
В CRM приходит обычное входящее сообщение. Разметка источника настраивается отдельно, кнопка ее не передает.

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

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

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

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

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

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

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

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

Каналы связи

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

Тексты

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

Настройки

Кнопка со ссылкой #messenger откроет окно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нужно ли что-то устанавливать на сайт дополнительно?
Нет. Картинки и QR-коды лежат внутри самого кода — отдельные файлы загружать не нужно. Извне подтягивается только шрифт надписей на кнопках; если он недоступен, надписи покажутся стандартным шрифтом, а окно работает как обычно.
Почему в QR-код не попадает текст первого сообщения?
Русский текст сильно увеличивает количество точек в коде, и он перестает считываться с экрана. Поэтому в QR-код зашивается только ссылка на чат, а текст подставляется при нажатии кнопки с компьютера.
Что видит клиент с телефона?
QR-коды скрываются — они там не нужны, — а кнопки открывают приложение сразу. Подпись над кнопками для телефона задается отдельным полем конструктора.
Обращения будут приходить в Radist.Online?
Кнопки ведут в ваши обычные чаты. Если номер и аккаунты подключены к Radist.Online, переписка попадет в CRM вместе с остальными — отдельно настраивать кнопку не нужно.
Данные, которые я ввожу в конструктор, куда-то уходят?
Нет. Номер, тексты и остальные поля обрабатываются прямо в вашем браузере — код собирается на месте, и на серверы Radist.Online эти значения не передаются. Метрика фиксирует только сам факт использования инструмента, без того, что именно вы вписали.
QR-коды нужно создавать отдельно?
Нет. QR создается сам, как только вы указали контакт: конструктор пересобирает код, а QR-коды сразу попадают внутрь него. Отдельного сервиса и отдельных картинок не нужно.
Что будет с кодом и напечатанным QR, если я сменю номер?
QR-код статический: внутри него зашита конечная ссылка на чат, поменять ее «на лету» нельзя. После смены номера соберите код заново и замените его на сайте, а напечатанные материалы с прежним QR придется перевыпустить. Учитывайте это до того, как отправлять тираж в печать.
Можно ли взять QR-код отдельно — для визитки, меню или витрины?
В конструкторе отдельной выгрузки QR нет: кнопка «Скачать файлом» отдает весь код окна. Если нужен именно QR-код или одна ссылка для печати, возьмите генератор QR-кодов или генератор ссылок — они лежат в разделе «Ресурсы → Инструменты».
Поддерживаются ли UTM-метки — можно ли отследить, откуда пришел клиент?
Нет. Конструктор собирает чистые ссылки на чат: служебные параметры из полей вырезаются, а в готовом коде нет счетчиков и запросов на сторонние адреса — кроме шрифта надписей на кнопках (см. вопрос выше). Понять, что клиент пришел с сайта, можно по тексту первого сообщения WhatsApp — его можно задать в конструкторе, но клиент видит и может стереть этот текст.
Источник обращения попадет в amoCRM или Битрикс24?
Автоматически — нет. Сама кнопка ничего не передает: в CRM приходит обычное входящее сообщение. Чтобы переписка вообще попадала в CRM, номер или аккаунт нужно подключить к Radist.Online; разметка источника при этом настраивается отдельно, силами интеграции, а не кнопкой.
Можно ли поставить такую кнопку в подпись email?
Окно с выбором мессенджера — нет: почтовые клиенты вырезают скрипты из писем, а окно открывается скриптом. В подпись можно положить обычную ссылку на чат или картинку QR-кода.

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

Свяжитесь с нами любым удобным способом

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

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