Dashboard Overview
El dashboard de ChatReact es su centro central para gestionar chatbots, monitorear conversaciones y configurar su plataforma.
Dashboard Home
Cuando accede a su dashboard, verá una vista general completa de la actividad de su chatbot:
Quick Actions Bar
En la parte superior del dashboard encontrará botones de acción rápida para funciones utilizadas con frecuencia:
- + FAQ - Ir a la gestión de FAQ
- Knowledge - Acceder al knowledge base
- Settings - Configuración del chatbot
- Live Chat - Conversaciones en tiempo real
- Leads - Gestión de leads (si está habilitado en su plan)
- Forms - Constructor de formularios (si está habilitado en su plan)
KPI Statistics Grid
El dashboard muestra hasta 6 indicadores clave de rendimiento:
| Metric | Description |
|---|---|
| Sessions Today | Número de sesiones de chat iniciadas hoy |
| Total Messages | Todos los mensajes intercambiados, con promedio por sesión |
| New Leads | Leads no procesados (si Lead Management está habilitado) |
| Pending Forms | Envíos de formularios pendientes de revisión (si Forms está habilitado) |
| FAQ Suggestions | Sugerencias de FAQ generadas por IA pendientes de revisión |
| Active Chatbots | Número de chatbots configurados |
Activity Panels
El dashboard muestra cuatro paneles principales:
- Recent Chats - Últimas conversaciones con clientes con distintivos de estado
- New Leads - Leads recientes con información de contacto (si Lead Management está habilitado)
- Pending FAQ Suggestions - FAQs generadas por IA listas para aprobación
- Activity Feed - Cronología combinada de toda la actividad reciente
Navigation Structure
La barra lateral del dashboard proporciona acceso a todas las funciones principales:
Main Sections
| Section | Description |
|---|---|
| Overview | Inicio del dashboard con estadísticas y actividad |
| Chats | Ver y analizar todas las conversaciones |
| FAQs | Gestionar frequently asked questions |
| Knowledge | Gestión de documentos y contenido del sitio web |
| Leads | Captura y gestión de leads (dependiente del plan) |
| Forms | Constructor de formularios de contacto y envíos (dependiente del plan) |
| Live Chat | Conversaciones con clientes en tiempo real |
| Analytics | Métricas de rendimiento detalladas |
| Preview | Probar su chatbot antes de publicarlo (con simulación de URL) |
Chatbot Management
Cada chatbot tiene su propia página de configuración con pestañas:
- General: Nombre, descripción y estado
- Persona: Personalidad y estilo de comunicación
- Tonality: Formal/informal, nivel de humor, etc.
- Languages: Idioma principal y idiomas soportados
- Widget: Apariencia y personalización de diseño
- Behavior: Mensajes de bienvenida, saludos proactivos
- Restrictions: Reglas de cumplimiento y limitaciones
- Analytics: Métricas de rendimiento e insights
- Feedback: Seguimiento de la satisfacción del cliente
- Live Chat: Configuración de traspaso a agentes
- Embed: Código de instalación del widget
Dashboard Header
El encabezado incluye:
- Company Selector: Cambiar entre empresas (si tiene varias)
- Chatbot Selector: Cambiar entre chatbots
- Notifications: Alertas por finalización de crawls, nuevos feedbacks, nuevos leads, etc.
- Language Selector: Cambiar entre idiomas de la interfaz
- Theme Toggle: Alternar entre modo claro y oscuro
- User Menu: Configuración de la cuenta y cerrar sesión
Onboarding Wizard
Cuando crea una empresa por primera vez o aún no tiene chatbots, el dashboard muestra un onboarding wizard que le guía a través de:
- Create Chatbot - Configurar su primer asistente AI
- Add Knowledge - Subir documentos o rastrear su sitio web
- Customize Design - Ajustar colores y estilo para que coincidan con su marca
- Embed Widget - Añadir el chatbot a su sitio web
Mobile Support
El dashboard es totalmente responsive y funciona en todos los dispositivos:
- Desktop: Navegación lateral completa con todas las funciones visibles
- Tablet: Barra lateral colapsable con diseños optimizados
- Mobile: Navegación tipo drawer deslizante, diseños apilados verticalmente para una interacción táctil óptima
Todas las combinaciones de texto-botón se adaptan automáticamente a pantallas más pequeñas apilándose verticalmente.