Інтеграція онлайн-чата (Chatra) на веб-сайт
Chatra — онлайн-чат російської розробки з безплатним планом та простою установкою. Підтримує email, Facebook Messenger та VK в одному вікні для операторів. Хороший вибір для стартапів.
Установка
<script>
(function(d, w, c) {
w.ChatraID = 'YOUR_CHATRA_ID';
var s = d.createElement('script');
w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); };
s.async = true; s.src = 'https://call.chatra.io/chatra.js';
if (d.head) d.head.appendChild(s);
})(document, window, 'Chatra');
</script>
Ідентифікація та дані
window.ChatraIntegration = {
name: user.name,
email: user.email,
phone: user.phone,
// Кастомні поля — видні оператору
'Замовлень': user.ordersCount,
'Регіон': user.city
};
API управління
// Відкрити чат програмно
Chatra('openChat', true);
// Приховати
Chatra('hide');
// Відправити подію
Chatra('sendAutoMessage', "Потрібна допомога з замовленням?");
Серверний API
// Оновити дані контакту через REST API
Http::withToken(env('CHATRA_API_KEY'))
->patch("https://app.chatra.io/api/v1/visitors/{$visitorId}", [
'name' => $user->name,
'email' => $user->email,
'notes' => "VIP клієнт, замовлень: {$user->orders_count}"
]);
Тривалість установки: кілька годин.