Demo Chatbot RAG
Probando el widget integrable para sitios web de clientes
Sobre el Widget
Esta es una versión demo del chatbot Giper RAG, que se puede integrar en cualquier sitio web con una sola línea de código.
Capacidades:
- Chat de texto en tiempo real
- API REST para procesamiento de mensajes
- Diseño adaptativo al estilo Giper 3K
- Soporte para múltiples espacios de trabajo
- Indicador de escritura y estado de conexión
Cómo Probar
1. Abrir el Chat: Haga clic en el botón de chat en la esquina inferior derecha
2. Enviar un Mensaje: Pruebe diferentes tipos de preguntas:
- "Hola" - saludo
- "Ayuda" - información sobre capacidades
- "Precio" - información sobre precios
- "Contactos" - información de contacto
- "RAG" - información sobre la tecnología
- "n8n" - información sobre la plataforma
3. Observe: Indicador de escritura, animaciones, estado de conexión
Detalles Técnicos
Frontend: Vanilla JS + Shadow DOM para aislamiento de estilos
Backend: Rutas API de Next.js para procesamiento de mensajes
Estilos: Variables CSS + efectos de neón al estilo Giper 3K
Posicionamiento: Fijo en la esquina inferior derecha
Adaptabilidad: Soporte para dispositivos móviles
Código de Inserción
Para insertar el widget en su sitio, use el siguiente código:
<script src="https://giper.one/widget/giper-chatbot.js" data-workspace="demo"></script>Reemplace "demo" con su ID de espacio de trabajo
El widget se carga automáticamente en esta página. Verifique la esquina inferior derecha de la pantalla.