Документация по интеграции

Три способа добавить виджет чата на ваш сайт.

Script-тег

Добавьте один скрипт виджета в HTML. Стили уже включены в бандл.

html

<script src="/widget.umd.cjs"></script>
<script>
  Widget.init({
    apiKey: 'ваш-api-ключ',
    apiUrl: 'https://api.fuxbot.critica.im'
  });
</script>

iframe

Встройте виджет через iframe.

html

<iframe
  src="/embed?apiKey=ваш-api-ключ"
  style="border: none; position: fixed; bottom: 0; right: 0; width: 400px; height: 600px;"
></iframe>

npm-пакет (любой фреймворк)

Установите пакет и вызовите init(). Работает с React, Vue, Angular и vanilla JS.

typescript

import { init } from '@project/widget';

// Инициализация
const widget = init({
  apiKey: 'ваш-api-ключ',
  apiUrl: 'https://api.fuxbot.critica.im'
});

// Для SPA: очистка при размонтировании
widget.destroy();

Параметры конфигурации

Параметр	Тип	Описание
apiKey	string	API-ключ организации (обязательный)
apiUrl	string	URL API-сервера (обязательный для продакшена)
container	HTMLElement	DOM-элемент для монтирования (опционально)
theme	object	Переопределение темы (цвета, позиция)