Демо RAG чат-бота
Тестирование встраиваемого виджета для сайтов клиентов
О виджете
Это демо-версия RAG чат-бота Giper, который можно встроить на любой сайт одной строкой кода.
Возможности:
- Текстовый чат в реальном времени
- REST API для обработки сообщений
- Адаптивный дизайн в стиле Giper 3K
- Поддержка множественных workspace
- Индикатор печати и статус соединения
Как протестировать
1. Откройте чат: Нажмите на кнопку чата в правом нижнем углу
2. Отправьте сообщение: Попробуйте разные типы вопросов:
- "Привет" - приветствие
- "Помощь" - информация о возможностях
- "Цена" - информация о стоимости
- "Контакты" - контактная информация
- "RAG" - информация о технологии
- "n8n" - информация о платформе
3. Наблюдайте: Индикатор печати, анимации, статус соединения
Технические детали
Frontend: Vanilla JS + Shadow DOM для изоляции стилей
Backend: Next.js API Routes для обработки сообщений
Стили: CSS Variables + неоновые эффекты в стиле Giper 3K
Позиционирование: Фиксированное в правом нижнем углу
Адаптивность: Поддержка мобильных устройств
Код для встраивания
Для встраивания виджета на ваш сайт используйте следующий код:
<script src="https://giper.one/widget/giper-chatbot.js" data-workspace="demo"></script>Замените "demo" на ID вашего workspace
Виджет автоматически загружается на этой странице. Проверьте правый нижний угол экрана.