🤖 RAG Chat Widget - Встраивание

Этот виджет можно легко встроить на любой сайт. Просто добавьте один скрипт!

1. Базовое встраивание

Добавьте этот код перед закрывающим тегом </body>:

2. Настройка виджета

Используйте data-атрибуты для настройки:

               <script
               src="{{ widget_domain }}/static/widget.js"
               data-position="bottom-right"
               data-auto-open="false"
               data-show-powered-by="true">
               </script>
          

3. Программное управление

Для сложной настройки используйте JavaScript API:

               <script src="{{ widget_domain }}/static/widget.js"></script>
               <script>
               // Создание виджета с настройками
               const widget = new RAGChatWidget({
               position: 'bottom-right',
               autoOpen: false,
               showPoweredBy: true
               });

               // Программное управление
               widget.open(); // Открыть
               widget.close(); // Закрыть
               widget.toggle(); // Переключить
               </script>
          

4. Пример встраивания

Вот как будет выглядеть виджет на вашем сайте:

Ваш сайт

Обычный контент вашего сайта...

Виджет появится в правом нижнем углу как плавающая кнопка.

При клике откроется окно чата с ИИ-ассистентом.

5. Настройки виджета

data-position: bottom-right, bottom-left, top-right, top-left
data-auto-open: true, false (открывать автоматически)
data-show-powered-by: true, false (показывать ссылку)

6. Тестирование

Проверьте работу виджета на этой странице: