Online Chat Integration (Jivo) on Website
JivoSite is a popular Russian online chat for websites. Supports chat, calls, email, social media in single window for operators. Installation takes minutes — insert script and configure widget.
Basic Setup
<!-- Insert before </body> or in <head> with async -->
<script src="//code.jivosite.com/widget/{WIDGET_ID}" async></script>
For React/Next.js:
// components/JivoChat.tsx
useEffect(() => {
const script = document.createElement('script');
script.src = `//code.jivosite.com/widget/${process.env.NEXT_PUBLIC_JIVO_ID}`;
script.async = true;
document.body.appendChild(script);
return () => document.body.removeChild(script);
}, []);
Passing User Data
// Identify authorized user
window.jivo_api?.setContactInfo({
name: user.name,
email: user.email,
phone: user.phone,
description: `ID: ${user.id}, orders: ${user.orders_count}`
});
// Custom data (displayed to operator)
window.jivo_api?.setCustomData([
{title: 'Cart', content: `${cartTotal} ₽`},
{title: 'Plan', content: user.plan}
]);
Callback API for Integration
Jivo provides JS API to manage chat programmatically:
function jivo_onMessageSent(message) {
// User sent message — can log it
analytics.track('chat_message_sent');
}
function jivo_onOpen() {
// Widget opened
analytics.track('chat_opened');
}
Setup timeframe: a few hours, including user data passing setup.