Интеграция онлайн-чата (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}"
]);
Срок установки: несколько часов.