1. WidgetsAI
  2. Мессенджеры и онлайн-чат

Мессенджеры и онлайн-чат

Мессенджеры и онлайн-чат в одном блоке на сайте

Кто-то пишет в Telegram, кто-то звонит, кто-то ждёт окно чата. Виджет «Мессенджеры и соцсети» собирает все каналы в одном блоке и открывает онлайн-чат, который у вас уже стоит.

Какие каналы можно добавить

Telegram, WhatsApp, Viber, MAX, ВКонтакте, Одноклассники, Instagram, Threads, TikTok, LinkedIn, телефон и почта. В одном блоке до восьми кнопок. У каждой официальный логотип сервиса и подпись: ник, номер или адрес.

Ссылки проверяются при сохранении. Кнопка ведёт только на https, tel: или mailto:, поэтому чужой скрипт через неё на сайт не попадёт.

ПримерРедактор WidgetsAI: блок «Напишите нам» с кнопками онлайн-чата, Telegram, WhatsApp, Viber, MAX и звонка
Пример на демо-данных: кофейня и отзывы вымышлены.

Как работает кнопка «Онлайн-чат»

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

СервисКак открывается
JivoSitejivo_api.open()
Битрикс24BX.LiveChat.openLiveChat()
Tawk.toTawk_API.maximize()
Crisp$crisp.push(["do", "chat:open"])
ChatraChatra('openChat', true)
TidiotidioChatApi.open()
Carrot questcarrotquest.open()
IntercomIntercom('show')
ChatBot Builderнажатие на кнопку виджета чата

Если чат ещё грузится, кнопка ждёт до четырёх секунд. Не дождалась, и посетитель видит «Чат сейчас недоступен» вместо пустого клика.

Чата нет в списке? Выберите «Другой чат». Виджет отправит событие widgetsai:chat-open, а сайт откроет свой чат. Готовый код для этого показан в редакторе.

Блок или плавающая кнопка

Блок с заголовком и кнопками встаёт в страницу: в «Контакты», под форму заявки, в подвал. Плавающая кнопка висит в углу экрана и раскрывает список каналов по нажатию. Удобно, когда связаться хотят с любой страницы.

Установка

  1. Создайте виджет и выберите тип «Мессенджеры и соцсети».
  2. Добавьте каналы. Для онлайн-чата выберите сервис: в редакторе появится инструкция подключения.
  3. Скопируйте тег script на сайт. Скрипт вашего чата должен стоять на той же странице.

Собрать виджет бесплатноПосмотреть, как выглядит

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

Частые вопросы

Не нашли ответ — напишите нам.

Нужно ли переустанавливать JivoSite или Битрикс24?

Нет. Скрипт чата остаётся тем же, виджет только открывает его окно. Код чата мы в свой виджет не встраиваем.

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

Да. Кнопка «Онлайн-чат» — один из каналов, её можно не добавлять.

Работает ли на телефоне?

Да. Кнопки Telegram, WhatsApp и Viber открывают приложение, кнопка телефона сразу набирает номер.

Мой чат не из списка. Что делать?

Выберите «Другой чат»: виджет отправит событие widgetsai:chat-open, а три строки кода на вашем сайте откроют чат. Код есть в редакторе.

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

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