Интеграции

Скопируйте код из карточки проекта в бэкофисе и вставьте его перед закрывающим тегом </body> на всех страницах:

<script src="https://widget.hokkot.com/v1.js"
  data-project="КЛЮЧ_ПРОЕКТА" async></script>

Скрипт лёгкий, грузится асинхронно и держит стили при себе, поэтому не конфликтует с дизайном сайта.

Если сайтом управляют через Google Tag Manager, код можно вообще не трогать:

1. Создайте новый тег типа «Пользовательский HTML» и вставьте в него код виджета.
2. Триггер — «Все страницы».
3. Если сайт кладёт ID пользователя в dataLayer, Hokkot подхватит его сам — оператор увидит, какой аккаунт пишет.
4. Опубликуйте контейнер.

В карточке проекта в бэкофисе есть готовая вкладка GTM с обоими тегами — их остаётся только скопировать.

Данные пользователя можно передать атрибутами тега или из своего кода:

<script>
  window.LiveChat.identify({ id: '58213', name: 'Максим', email: '[email protected]' });
</script>

Оператор увидит имя, email и ID пользователя на вашем сайте в карточке клиента.

• window.LiveChat.open() и close() — открыть или закрыть чат из своего кода.
• Любой элемент с атрибутом data-livechat-open открывает чат по клику — идеально для кнопок «Написать в поддержку».
• window.LiveChat.identify() — сообщить чату, кто пользователь.

Hokkot отправляет POST-запрос на ваш адрес, когда что-то происходит:

• conversation.created начался новый диалог
• message.created новое сообщение
• conversation.assigned назначен оператор
• conversation.closed диалог закрыт
• conversation.rated клиент оценил чат

Каждый запрос подписан HMAC-SHA256 вашим секретом, так что можно проверить, что он действительно от Hokkot.

Два способа показать оператору данные из CRM:

• Ссылка на карточку клиента. Задайте шаблон вроде https://crm.example.com/users/{siteUserId} — оператор открывает профиль в один клик.
• Поля из CRM. Hokkot отправляет подписанный запрос с данными клиента на ваш адрес, а поля из ответа — баланс, статус, количество заказов — появляются рядом с чатом.