Online Chat Integration (Chatra) on Website
Chatra is an online chat of Russian development with free plan and simple installation. Supports email, Facebook Messenger, and VK in single window for operators. Good choice for startups.
Installation
<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>
Identification and Data
window.ChatraIntegration = {
name: user.name,
email: user.email,
phone: user.phone,
// Custom fields — visible to operator
'Orders': user.ordersCount,
'Region': user.city
};
Management API
// Open chat programmatically
Chatra('openChat', true);
// Hide
Chatra('hide');
// Send event
Chatra('sendAutoMessage', "Need help with your order?");
Server API
// Update contact data via 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 customer, orders: {$user->orders_count}"
]);
Setup timeframe: a few hours.