RAG Chat Widget - Демо

Быстрая установка

Добавьте этот код на ваш сайт для встраивания виджета:

                <script src="https://rag-chat-api.cleyob.tech/static/widget.js?v=1.5.0"></script>
            

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

Вы можете настроить виджет с помощью data-атрибутов:

                <script
                src="https://rag-chat-api.cleyob.tech/static/widget.js?v=1.5.0"
                data-position="bottom-right"
                data-theme="default"
                data-auto-open="false"
                data-show-powered-by="true">
                </script>
            

data-position

bottom-right - правый нижний угол (по умолчанию)

bottom-left - левый нижний угол

top-right - правый верхний угол

top-left - левый верхний угол

data-auto-open

false - виджет закрыт по умолчанию

true - виджет открыт при загрузке

data-show-powered-by

true - показать ссылку "Powered by"

false - скрыть ссылку

🔧 Программная инициализация

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

                <script src="https://rag-chat-api.cleyob.tech/static/widget.js?v=1.5.0"></script>
                <script>
                // Создание виджета с настройками
                const widget = new RAGChatWidget({
                position: 'bottom-right',
                theme: 'default',
                autoOpen: false,
                showPoweredBy: true
                });

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

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

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

Адаптивность

Виджет автоматически адаптируется под размер экрана:

На десктопе: фиксированный размер 350x500px
На мобильных: занимает почти весь экран
Автоматическое позиционирование
Оптимизированные тач-элементы

Интеграция

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

Один скрипт - полная функциональность
Не требует дополнительных зависимостей
Работает с любыми фреймворками
Поддержка CORS и HTTPS
Автоматическая обработка ошибок