Revo ChatRevo Chat
Попробовать бесплатно

Начало работы

Добавьте виджет на сайт, оформите его в стиле бренда и встретьте первого посетителя.

Установка виджета на сайт

Вставьте на сайт одну строку кода — установка проверится автоматически.

Скопируйте код в разделе Настройки → Установка и вставьте его прямо перед тегом </body> на каждой странице сайта. Скрипт загружается асинхронно и не замедляет страницы.

HTML
<script src="https://revochat.app/widget.js"
        data-revo-chat="YOUR_SITE_KEY" async></script>

После вставки кода просто откройте свой сайт: как только виджет впервые подключится с вашего домена, шаг на экране «Первые шаги» отметится сам. Нажимать ничего не нужно.

Открытие чат-страницы на нашем домене (revochat.app/chat/…) не считается установкой — этот шаг подтверждает, что виджет действительно работает на вашем собственном сайте.
  • WordPress: Внешний вид → Редактор файлов темы → footer.php или любой плагин для вставки кода в header/footer.
  • Shopify: Интернет-магазин → Темы → Изменить код → theme.liquid, перед </body>.
  • Wix / Squarespace: поле для пользовательского кода в настройках сайта, применённое ко всем страницам.
  • Next.js / React: как <script> в корневом layout, с defer/async.

В целях конфиденциальности (KVKK/GDPR) виджет ничего не записывает, пока посетитель не откроет кнопку чата: он не появляется в списке посетителей онлайн, просмотры страниц не отслеживаются, а постоянный идентификатор не сохраняется в браузере. Кнопка чата при этом видна, и диалог начинается как обычно, как только посетитель её откроет.

Если вы используете инструмент согласия на cookies (Cookiebot, CookieYes, Google Consent Mode…), выполните вызов ниже, когда посетитель даёт согласие: для согласившихся отслеживание и проактивные сообщения работают ещё до начала диалога. При отзыве согласия consent(false) удаляет постоянный идентификатор.

JavaScript
RevoChat.consent(true);   // согласие дано
RevoChat.consent(false);  // согласие отозвано

Если вы идентифицируете своих пользователей через RevoChat.identify, включите проверку личности: создайте секрет в разделе Настройки → Установка → Проверка личности, храните его только на своём сервере и подписывайте email там. Подписанный email отмечается в панели зелёной галочкой, а вебхуки передают visitorEmailVerified: true. Неподписанный email (в том числе введённый самим посетителем) сохраняется, но считается неподтверждённым.

Node.js
const hash = crypto.createHmac("sha256", IDENTITY_SECRET).update(member.email).digest("hex");
// на странице:
RevoChat.identify({ email: member.email, name: member.name, hash });
На страницах, где согласие уже получено (например, после входа пользователя), можно добавить к тегу скрипта data-consent="granted". Если вы хотите отслеживать всех, не дожидаясь согласия, в разделе Настройки → Часы и распределение → Конфиденциальность есть опция «Отслеживать посетителей до начала диалога»; в этом случае уведомление о cookies на вашем сайте должно это учитывать.

Настройка внешнего вида виджета

Цвет, расположение, приветствие, язык и кнопки частых вопросов.

В разделе Настройки → Внешний вид можно полностью подогнать виджет под ваш бренд. Изменения применяются сразу после сохранения — вставлять код заново не нужно.

  • Цвет бренда: чтобы кнопка чата и облачка сообщений были в стиле вашего бренда.
  • Расположение кнопки: справа внизу (по умолчанию) или слева внизу — если в правом нижнем углу сайта уже что-то есть.
  • Приветствие: первая строка, которую посетитель видит при открытии чата.
  • Сообщение вне сети: показывается, когда нет свободных операторов, а ИИ-ассистент выключен.
  • Язык виджета: автоматически по языку браузера посетителя или фиксированный (английский, турецкий, испанский, португальский, немецкий, французский, итальянский, нидерландский, русский).
  • Частые вопросы: отображаются кнопками на экране приветствия; когда посетитель нажимает на одну из них, диалог начинается с этого вопроса.
Чтобы зафиксировать язык на отдельной странице, добавьте к тегу скрипта data-lang="en".

Как запретить использовать ваш виджет на чужих сайтах

Привяжите ключ встраивания к своим сайтам с помощью списка разрешённых доменов.

Ключ встраивания виден любому в исходном коде страницы — это нормально, он и не должен быть секретным. Но если вы не хотите, чтобы кто-то скопировал ключ и использовал его на своём сайте, заполните поле Настройки → Установка → Разрешённые домены.

  • Пока список пуст, ограничений нет (функция необязательная).
  • Перечисляйте через запятую: site.com, shop.site.com
  • Поддерживаются маски: *.site.com охватывает все поддомены и сам site.com.
  • Подключения с адресов не из списка отклоняются; посетитель не видит ошибки, виджет просто не отображается.

Готовая чат-страница, если у вас нет сайта

Принимайте обращения по ссылке, без вставки кода.

У каждого сайта есть собственная отдельная чат-страница. Разместите ссылку в профиле соцсетей, в подписи письма или в QR-коде: по клику откроется полноэкранный чат, а диалог попадёт в те же входящие.

Ссылка
https://revochat.app/chat/YOUR_SITE_KEY

Другие темы