Інтеграції

Скопіюйте код із картки проєкту в бекофісі й вставте його перед закривальним тегом </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 надсилає підписаний запит із даними клієнта на вашу адресу, а поля з відповіді — баланс, статус, кількість замовлень — з’являються поруч із чатом.