Este es un componente de Chatbot inteligente, modular y ultra-reutilizable, diseñado con una estética Cyberpunk Premium y efectos avanzados de Glassmorphism.
- 🤖 Auto-Instalable: El script inyecta automáticamente el HTML y gestiona sus propias dependencias.
- 💎 Cristalería Avanzada: Efectos de desenfoque y capas optimizados para un look moderno.
- ⚡ Lógica Inteligente: Respuestas inmediatas basadas en palabras clave y sugerencias dinámicas.
- 🎨 Variables Protegidas: Usa el prefijo
--stg-bot-para garantizar compatibilidad total con cualquier sitio web. - 📱 Mobile First: Interfaz optimizada para una experiencia fluida en smartphones.
Para integrar el asistente en cualquier sitio web, simplemente añade la carpeta /bot a tu proyecto e incluye el script al final de tu documento HTML:
<script src="bot/bot.js"></script>El script se encargará automáticamente de cargar los estilos, fuentes e iconos necesarios.
Si deseas ajustar la identidad visual del bot para que coincida con tu marca, puedes modificar las variables en la parte superior de bot.css:
:root {
--stg-bot-cyan: #00f5f4; /* Color de acento principal */
--stg-bot-violet: #8b5cf6; /* Color base del gradiente */
--stg-bot-radius: 24px; /* Redondeo de las esquinas */
}Si prefieres ejecutar el asistente de forma aislada, puedes usar Docker:
- Construir y levantar:
docker-compose up -d
- Acceder:
El bot estará disponible en
http://localhost:8093
Desarrollado por PCSupport-STG