Chat Web
Web Chat añade un widget de chat en vivo a su sitio web. Asigne agentes de IA para gestionar conversaciones, configure botones de acción, sugiera preguntas a los visitantes y permita que los prospectos agenden reuniones, todo sin salir de su sitio.
Agentes de chat
Los agentes de chat son asistentes con IA que gestionan conversaciones en su sitio web. Puede asignar distintos agentes a distintas páginas.
| Configuración | Qué controla |
|---|---|
| Nombre del agente | Qué agente de IA gestiona las conversaciones en las páginas coincidentes |
| Filtro de URL | Rutas de URL donde este agente está activo (p. ej., /pricing, /product) |
| Activo | Habilitar o deshabilitar el agente |
| Predeterminado | Se usa cuando ningún agente específico de URL coincide |
Cómo funciona el enrutamiento de agentes
- Un visitante abre el widget de chat en una página
- graph8 compara la URL de la página con los filtros de URL de todos los agentes configurados
- El agente coincidente gestiona la conversación
- Si ningún filtro de URL coincide, responde el agente predeterminado
Puede configurar varios agentes: por ejemplo, un agente enfocado en el producto en las páginas /product y un agente de soporte en las páginas /help.
Botones de chat
Añada botones de acción al widget de chat para acciones rápidas de los visitantes:
| Tipo de acción | Qué hace |
|---|---|
| Enlace | Abre una URL (p. ej., documentación, página de precios) |
| Pregunta | Envía una pregunta preestablecida al agente de IA |
| Calendario | Abre una página de reserva para agendar una reunión |
Cada botón tiene:
- Etiqueta: texto visible
- Acción y valor: qué ocurre al hacer clic (URL, texto de la pregunta o slug del calendario)
- Icono: icono opcional
- Categoría: agrupa botones relacionados
- Rutas: rutas de URL donde aparece el botón (muestra distintos botones en distintas páginas)
Preguntas preestablecidas
Sugiera temas de conversación a los visitantes para que sepan qué preguntar:
- Configure preguntas por categoría
- Oriente páginas específicas con filtros de ruta de URL (o muéstrelas en todas las páginas)
- Active o desactive preguntas de forma individual
Las preguntas preestablecidas aparecen cuando el visitante abre el chat por primera vez, lo que reduce la fricción y orienta la conversación hacia los temas que su agente de IA gestiona bien.
Diseño del widget
Personalice el aspecto del widget para que coincida con su marca:
Colores y diseño
| Configuración | Valor predeterminado |
|---|---|
| Color primario | #7E2DF3 |
| Color secundario | #f8fafc |
| Familia tipográfica | Inter |
| Radio del borde | 0.5rem |
| Ancho del widget | 350px |
| Modo oscuro | Desactivado |
Estilo de mensajes
| Configuración | Qué controla |
|---|---|
| Fondo del mensaje del usuario | Color detrás de los mensajes del visitante |
| Texto del mensaje del usuario | Color del texto de los mensajes del visitante |
| Fondo del mensaje del asistente | Color detrás de las respuestas de IA |
| Texto del mensaje del asistente | Color del texto de las respuestas de IA |
Encabezado y botón
| Configuración | Qué controla |
|---|---|
| Nombre del asistente | Nombre que se muestra en el encabezado del chat |
| Mostrar encabezado | Activar o desactivar la barra de encabezado |
| Color del texto del encabezado | Color del texto del encabezado |
| Icono del botón flotante | Estilo del icono del botón de apertura del chat |
| Color del botón flotante | Color del botón de apertura |
Integración de calendario
Los visitantes pueden agendar reuniones directamente desde el widget de chat con el botón de acción de calendario. Los prospectos pueden elegir un horario sin salir de la conversación.
Archivos adjuntos, notas de voz y emojis
El compositor del chat admite contenido multimedia enriquecido para que los visitantes puedan compartir contexto que el texto por sí solo no puede transmitir.
Archivos adjuntos
Los visitantes pueden adjuntar archivos directamente en el compositor del chat:
- Imágenes: JPG, PNG, GIF, WebP
- Documentos: PDF y formatos de documento comunes
- Límites de tamaño: aplicados en el servidor para evitar usos indebidos
- Protección SSRF: los archivos subidos se validan y aíslan; las URL remotas no se consultan en el servidor
Una vez subido, el archivo adjunto se muestra en línea en la conversación y persiste al recargar el historial: si un visitante regresa más tarde, sus archivos adjuntos anteriores siguen mostrándose correctamente.
Notas de voz
Los visitantes (y su equipo de soporte) pueden enviar notas de voz desde el compositor:
- Haga clic en el icono de micrófono para comenzar a grabar
- Haga clic de nuevo para detener y enviar
- Las notas de voz aparecen en la conversación con un reproductor integrado (reproducir, pausar, desplazar)
- Flexible en códecs: graph8 acepta tipos MIME de voz con parámetros de códec desde cualquier navegador moderno
- Las notas de voz se transcriben y se envían al agente de IA para que pueda responder en contexto
Selector de emojis
El compositor incluye un selector de emojis para reacciones rápidas y un tono conversacional más cercano, útil para agentes de soporte que gestionan flujos de atención amigables.
Avatares de soporte
Cuando un agente de soporte humano se une a una conversación, su avatar aparece en el encabezado del chat para que los visitantes sepan que están hablando con una persona real. Si no se ha configurado un avatar personalizado, graph8 utiliza las iniciales del agente. Esto aplica tanto en el widget público como en la vista interna del widget de soporte.
Próximos pasos
- Citas →: gestione reuniones agendadas y sincronización con CRM
- Bandeja de entrada →: vea conversaciones de chat junto a correos electrónicos y LinkedIn
- Conexiones →: conecte su CRM para sincronizar contactos