Конструктор виджета мессенджеров

Точная копия окна «Ответим там, где вам удобно» с сайта Radist.Online: те же размеры, шрифты, градиенты кнопок и QR-коды с логотипом внутри. Подставьте свои номера - справа сразу видно результат, внизу появится готовый код.

Каналы связи

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

Тексты

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

Настройки

Кнопка со ссылкой #messenger откроет окно
В QR-коды попадает метка визита - номер, который счетчики на вашем сайте уже присвоили этому посетителю: r - Ройстат, c - Коллтач, y - Метрика. QR-коды дорисовываются прямо в браузере посетителя. В WhatsApp и Telegram метка уходит в текст первого сообщения: посетитель увидит ее в поле ввода. В MAX и ВКонтакте она передается скрыто, в параметре ссылки на чат, - ее можно выключить у канала выше. В ссылки кнопок код метку не добавляет. У ссылок-приглашений и у ссылки на личный профиль MAX метки нет, а если в поле Telegram указан бот (имя на bot), метка уходит скрыто в параметре start. Отдельного запроса код не делает: cookie читается в браузере посетителя, редиректа и промежуточного хранения в цепочке нет. Дальше метка едет внутри ссылки на чат - обычным путем, через ваш мессенджер.
В разметку вшит и обычный код на прямой адрес чата. Если скрипт не отработает - запрещен политикой безопасности сайта, вырезан конструктором, скопирован не целиком, - в окне останется этот обычный код: он работает без скриптов, просто без метки.
Первый найденный — по порядку Ройстат (номер визита), Коллтач (номер сессии), Метрика (ClientID)
В поле ввода будет, например: «Код y1700000000123456789». Пусто — только метка

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

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

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

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

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