Как поставить онлайн-чат на сайт: Tilda, WordPress, Битрикс и любой другой сайт
Чат RevBack ставится на любой сайт одной строкой кода. Ниже — где взять код и куда его вставить на Tilda, WordPress, Битриксе и сайте на своём коде. Посетитель пишет в чат на сайте, а вы отвечаете из одного окна вместе с мессенджерами.
.
Шаг 1. Создайте чат и возьмите код
- В RevBack: Каналы → «Чат на сайте». Укажите название и адрес сайта.
- Настройте под свой сайт: заголовок, приветствие, цвет и логотип. Кнопку можно поставить в любой из 4 углов, отдельно для компьютера и телефона.
- Скопируйте код из блока «Установка на сайт». Он выглядит так:
<script src="https://api.revback.ai/widget.js" data-widget-key="ваш ключ" async></script>
Нет доступа к коду сайта — нажмите «Поручить разработчику», и письмо с кодом уйдёт ему.
Шаг 2. Вставьте код на сайт
Tilda
- Откройте «Настройки сайта» → «Еще» → «HTML-код для вставки внутрь head».
- Вставьте код и сохраните.
- Опубликуйте страницы заново. В режиме редактирования и предпросмотра Tilda код не выполняет — чат появится только на опубликованном сайте.
Нужен чат только на одной странице — добавьте на неё блок T123 «HTML-код» из категории «Другое» и вставьте код туда.
WordPress
- Установите плагин WPCode (раньше назывался Insert Headers and Footers).
- В разделе «Сниппеты кода» добавьте HTML-сниппет с кодом чата.
- Выберите размещение Site Wide Footer — код встанет перед закрывающим тегом </body> на всех страницах. Включите сниппет и сохраните.
1С-Битрикс
Код вставляют в шаблон сайта — перед закрывающим тегом </body>. Это правка шаблона, поэтому лучше поручить её разработчику: кнопка «Поручить разработчику» в RevBack отправит ему код.
Сайт на своём коде
Вставьте тег перед </body> на всех страницах, где нужен чат. Подробно — в документации для разработчика: своя кнопка, счётчик непрочитанных, связка с пользователем сайта.
Шаг 3. Проверьте
Откройте сайт и напишите в чат. Сообщение придёт в RevBack, ответ оператора посетитель увидит в том же чате на сайте.
Что получится в RevBack
- Одно окно. Чат с сайта — в общем списке диалогов, рядом с MAX, Telegram, ВКонтакте, Авито и почтой. Отвечаете с сайта RevBack или из мобильного приложения.
- Посетитель ушёл — ответ дойдёт. Включите «Спрашивать email»: виджет попросит адрес, не мешая писать. На ответ оператора уйдёт письмо «Вам ответили в чате».
- AI отвечает сам. Если в настройках AI-ассистента поставить галочку «Отвечает клиентам сам», AI ведёт диалог с клиентом, а если не уверен — спрашивает команду. Без галочки AI готовит ответ, а отправляет оператор.
- Цена. 590 ₽ в месяц за сайт — один чат равен одному каналу. Операторы бесплатно. Первые 7 дней бесплатно.
Частые вопросы
Виджет сломает вёрстку сайта?
Нет. Виджет живёт в Shadow DOM: стили сайта и виджета не пересекаются. На экране 480 px и меньше чат раскрывается во весь экран.
Посетитель закрыл сайт — переписка пропадёт?
Нет. Вернулся в том же браузере — та же беседа. Непрочитанные ответы отмечены на кнопке чата.
Можно поставить один чат на два сайта?
Нет. Один чат — один сайт, www и поддомены входят. Второй домен — второй чат.
Подробнее о канале — на странице Чат на сайте.