Установка и настройка виджета

Виджет Babbler — это легкий и мощный инструмент для общения. Вы можете просто установить его на сайт или гибко настроить под свои задачи.

📋 1. Базовая установка

Зайдите в Настройки -> Виджет, скопируйте код и вставьте его перед тегом </body> на вашем сайте.

Инструкции для платформ:

• Tilda: Настройки сайта -> Еще -> HTML-код для HEAD.
• WordPress: Используйте плагин Insert Headers and Footers или файл footer.php.
• Wix / Shopify: Раздел "Custom Code" или "Scripts".

---

⚙️ 2. Расширенная конфигурация

Вы можете управлять виджетом программно через объект Babbler.

🎨 Внешний вид

Babbler('configure', {
  primaryColor: '#4f46e5',
  title: 'Поддержка Babbler',
  position: 'left' // 'left' или 'right'
});

👤 Идентификация клиентов

Передайте данные о пользователе, чтобы операторы видели его имя и email:

Babbler('identify', {
  id: '123',
  name: 'Алексей',
  email: 'alex@example.com'
});

---

🚀 3. Умные триггеры

Автоматизируйте начало диалога:

• Задержка: Babbler('configure', { autoOpenDelay: 5 });
• Exit Intent: Срабатывает при попытке закрыть вкладку.
• Scroll: Срабатывает при прокрутке страницы.

---

🛠️ 4. API и События (SDK)

Интегрируйте чат в логику вашего сайта.

Команда	Действие
Babbler('open')	Открыть окно
Babbler('close')	Закрыть окно
Babbler('logout')	Сбросить сессию

Аналитика

Babbler('on', 'message_sent', (data) => {
  console.log('Сообщение отправлено!');
});

Доступные события: widget_opened, widget_closed, rating_submitted, lead_form_submitted.