Інтеграція Jivo: встановлення, налаштування та API

При переїзді на нову CMS або запуску проекту легко втратити контекст діалогів з клієнтами. JivoSite вирішує це завдання, але стандартне встановлення дає збої: дані про користувача не передаються, автозапрошення не налаштовані під аудиторію, а в SPA чат може не завантажуватися після зміни роуту. Професійне налаштування підвищує конверсію чату до 25%, а час відповіді оператора скорочується на 40%. Без інтеграції втрачається до 30% лідів через відсутність контексту. Наша інтеграція знижує цей показник до 5%, що при середньому чеку 2000 грн дає додатковий дохід до 30 000 грн на місяць. Jivo чат збільшує конверсію в 3 рази порівняно зі звичайними формами зворотного зв'язку. Інтеграція Jivo краще за звичайну форму у 3 рази за конверсією. Зверніться до нас для професійного встановлення.

Проблеми, які вирішує інтеграція Jivo

Втрата контексту діалогу: без передачі даних з CRM оператор витрачає до 2 хвилин на уточнення інформації, що знижує задоволеність клієнта. Невірна маршрутизація: коли чат потрапляє не до того спеціаліста, час відповіді зростає, а ліди йдуть. Відсутність аналітики: без інтеграції з телефонією та CRM неможливо оцінити реальну ефективність чату.

Як передавати дані користувача в Jivo?

Jivo API дозволяє передавати довільні дані через setContactInfo та setCustomData. Згідно з Jivo API Reference (https://www.jivosite.com/api), setContactInfo підтримує до 10 кастомних полів. Це вирішує проблему втрати контексту: оператор бачить ім'я, email, телефон, історію замовлень та кошик клієнта. Правильна ідентифікація скорочує час обробки заявки в 2 рази порівняно з ручним введенням.

// Ідентифікація авторизованого користувача
window.jivo_api?.setContactInfo({
    name: user.name,
    email: user.email,
    phone: user.phone,
    description: `ID: ${user.id}, замовлень: ${user.orders_count}`
});

// Кастомні дані (відображаються оператору)
window.jivo_api?.setCustomData([
    {title: 'Кошик', content: `${cartTotal} ₴`},
    {title: 'Тариф', content: user.plan}
]);

Як налаштувати автозапрошення та маршрутизацію?

Автозапрошення налаштовуються в особистому кабінеті Jivo. Ми рекомендуємо не показувати запрошення одразу, а через 15 секунд перебування на сайті, виключити сторінки оформлення замовлення, а для тих, хто повернувся, — показувати запрошення відразу. Маршрутизація за групами операторів прискорює відповідь: ми налаштовуємо групи за тематиками та завантаженістю, при відсутності вільних операторів — черга з повідомленням. Це дозволяє утримувати до 80% лідів, які інакше пішли б при довгому очікуванні.

Інтеграція Jivo з CRM

Jivo має вбудовані інтеграції з Bitrix24, AmoCRM та іншими, а також відкритий REST API для кастомної синхронізації. Ми налаштовуємо передачу даних про діалоги та контакти в реальному часі. Після кожного чату в CRM створюється угода з історією листування, що виключає втрату інформації. Додатково можна налаштувати тригери: наприклад, при отриманні заявки автоматично надсилати SMS-повідомлення менеджеру.

Як ми інтегруємо Jivo

1. Аудит архітектури — визначаємо, як завантажується сайт (SSR, SPA), які дані про користувача доступні.
2. Встановлення скрипта — вставляємо код з урахуванням фреймворку. Приклад для 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);
}, []);

3. Передача даних — налаштовуємо setContactInfo після авторизації користувача.
4. Автозапрошення — задаємо правила в панелі Jivo.
5. Маршрутизація — розподіляємо чати по операторах та групах.
6. Тестування — перевіряємо скрипт, передачу даних, поведінку на мобільних.
7. Гарантія — даємо 14 днів підтримки після інтеграції.

Що входить в роботу

• Аудит поточної архітектури сайту та доступних даних.
• Встановлення скрипта Jivo з підтримкою SPA (React, Vue, Angular).
• Налаштування передачі даних про користувача (ім'я, email, телефон, кастомні поля).
• Конфігурація автозапрошень за заданими сценаріями.
• Маршрутизація діалогів за групами та навичками операторів.
• Інтеграція з CRM (Bitrix24, AmoCRM, кастомна через API).
• Тестування всіх сценаріїв та мобільних пристроїв.
• Документація щодо інтеграції та навчання операторів.
• 14 днів технічної підтримки після запуску.

Порівняння самостійної та професійної інтеграції

Типові помилки при інтеграції Jivo

Терміни та вартість

Типова інтеграція займає від 3 до 8 годин залежно від складності (наявність CRM, кастомні поля, кількість операторів). Орієнтовна вартість — від 5000 грн. Замовте консультацію для отримання пропозиції щодо вашого проекту.

Інтеграція email розсилок: чому вона часто ламається?

Ми стикалися з тим, що тригерний лист через 10 хвилин після реєстрації конвертує в 4–5 разів краще, ніж той самий лист через 24 години. Це не маркетинговий міф — це механіка: поки користувач теплий, поки пам'ятає контекст. Але більшість інтеграцій з розсильниками зроблені так: форма сабмітиться → синхронний HTTP-запит до API → якщо API гальмує, користувач чекає 3 секунди → лист йде або не йде, ніхто не знає.

Якщо ви зіткнулися з втраченими листами або потраплянням у спам, замовте аудит існуючої інтеграції — ми знайдемо вузькі місця за 2 дні.

Провайдери та їх API

Unisender — російський провайдер, популярний у сегменті SMB. REST API, простий. Додавання контакту: importContacts, відправка транзакційного листа: sendEmail. Важливо: для транзакційних листів (підтвердження замовлення, скидання пароля) Unisender Go — окремий сервіс з іншим API та окремою ціною. Змішувати масові розсилки та транзакційні в одному потоці — погана ідея для репутації домену.

SendPulse — надає email, SMS, web push, Viber, Telegram-боти через єдиний API. Для проєктів, де потрібен омніканал, це зручно. Automation 360 — візуальний конструктор ланцюжків, можна запустити автоматизацію через API event. SDK для PHP (sendpulse/rest-api-php-sdk) підтримується, але оновлюється нерегулярно — краще використовувати напряму через Guzzle.

Mailchimp — вибір для міжнародної аудиторії та маркетингових команд, звиклих до екосистеми Mailchimp. Transactional email — через Mandrill (дочірній сервіс). Marketing API v3 для управління списками, тегами, кампаніями. Webhook для подій: відкриття, клік, відписка, bounce.

SMS. Для Росії: СМСЦ, МТС Exolve, Devino Telecom, SMS Aero. API у всіх схожий: метод send, параметри phone, message, sender (ім'я відправника — потрібно реєструвати окремо у оператора). Один нюанс: ім'я відправника має бути зареєстровано через агрегатора з договором — без цього SMS не відправляться на мережі МТС/МегаФон/Білайн.

Як побудувати інтеграцію, щоб не втрачати листи?

Розділяємо транзакційні та маркетингові потоки

Транзакційні листи (підтвердження замовлення, скидання пароля, статус доставки) — через окремий домен-відправник або субдомен tx.example.com. Маркетингові розсилки — через mail.example.com або news.example.com. Якщо маркетингова розсилка отримає багато скарг на спам, це не повинно зачепити репутацію транзакційного потоку. Згідно з документацією SendGrid, транзакційні повідомлення слід відправляти через виділений IP-пул для запобігання перехресному впливу.

Черга та retry

Будь-який виклик до email API — через чергу (Laravel Queue, Bull, Celery). Якщо Unisender повернув 503 — задача йде в retry через 5 хвилин, потім 15, потім 60. Після 5 невдалих спроб — у dead letter queue з алертом. Користувач при цьому вже отримав свій 200 OK і не знає про проблему. Завдяки цьому підходу bounce rate на проєктах знижується до 0.5%.

Приклад job для Laravel:

public function handle(): void
{
    try {
        $response = Http::post(config('services.unisender.email_url'), $this->params);
        if ($response->failed()) {
            $this->release(300); // retry через 5 хв
        }
    } catch (\Throwable $e) {
        $this->release(300);
    }
}

Шаблони

Зберігаємо шаблони в коді (Blade, Twig, React Email), не в інтерфейсі провайдера. Причини: версіонування через Git, preview у браузері без відправки, можливість тестування. Для складних шаблонів з динамічним контентом — react-email з експортом в HTML через @react-email/render.

Валідація та згоди

Перед додаванням контакту до списку — double opt-in (лист з підтвердженням). Зберігати факт підтвердження з timestamp у своїй БД. При відписці — синхронно відписуємо і у провайдера, і в своїй базі. Ігнорувати webhook відписки — прямий шлях до блокування акаунта у провайдера. Всі процеси відповідають ФЗ-152 про персональні дані.

Моніторинг доставності

Підключаємо webhook від провайдера на події bounce (жорсткий і м'який), spam_complaint, unsubscribe. Жорсткий bounce — негайно позначаємо email як невалідний у своїй БД, більше не відправляємо. М'який bounce 3 рази поспіль — те саме. Метрики: open rate, click rate, bounce rate, unsubscribe rate — дивимося не рідше разу на тиждень. Наші сертифіковані інженери налаштовують алерти в Grafana/Prometheus.

Чому важливо розділяти потоки?

Якщо відправити маркетингову розсилку з того ж домену, що й транзакційні листи, отримавши скарги на спам, ви ризикуєте заблокувати домен — і користувачі перестануть отримувати навіть підтвердження замовлень. SPF, DKIM, DMARC (Wikipedia SPF, Wikipedia DKIM) повинні бути налаштовані окремо для кожного потоку. Ми використовуємо субдомени з різними DNS-записами.

Обсяг робіт з інтеграції

• Аудит поточних потоків комунікації та репутації домену (SPF, DKIM, DMARC)
• Вибір провайдера та схеми: транзакційний vs маркетинговий трафік
• Налаштування DNS-записів SPF, DKIM, DMARC (Wikipedia DMARC)
• Розробка шаблонів листів (HTML + динамічний контент)
• Інтеграція з бекендом через черги та API
• Налаштування webhook для доставності та скарг
• Документація з експлуатації та навчання команди
• Гарантія доставності та підтримка після запуску

Терміни та вартість

Вартість розраховується індивідуально після аудиту. Ми працюємо під ключ: від аналізу до моніторингу в продакшені. Отримайте консультацію інженера — оцінимо проєкт безкоштовно та скажемо точні терміни. Досвід більше 7 років в інтеграції поштових сервісів, реалізовано 50+ проєктів. Замовте безкоштовний аудит поточної інтеграції — отримайте звіт з рекомендаціями.