Interfaz de Chat

Conoce la interfaz de atención de Interflow y aprende a usar todos los recursos.

Visión General

La interfaz de chat de Interflow fue diseñada para maximizar la productividad de tu equipo de atención, centralizando todas las conversaciones en una única pantalla.

Layout de la Interfaz

La pantalla de chat se divide en tres áreas principales:

Área	Ubicación	Función
Lista de Conversaciones	Izquierda	Todas las conversaciones activas
Área de Mensajes	Centro	Historial y envío de mensajes
Panel del Cliente	Derecha	Información y acciones del cliente

Lista de Conversaciones

Filtros Disponibles

• Todas - Todas las conversaciones
• Mías - Asignadas a ti
• Sin asignar - Esperando agente
• En espera - Esperando respuesta del cliente
• Finalizadas - Conversaciones cerradas

Filtros Personalizados

Crea filtros personalizados para organizar tus conversaciones:

1. Haz clic en ⚙️ en la barra de filtros
2. Haz clic en "Nuevo Filtro" o duplica uno existente
3. Configura los criterios:
   • Equipos: Selecciona uno o múltiples equipos
   • Tags: Filtrar por tags específicos
   • Canal: WhatsApp, Instagram, etc.
   • Estado: En progreso, pendiente, etc.
4. Personaliza nombre, ícono y color (¡paleta expandida disponible!)
5. Guarda

💡 Consejo

¡Puedes filtrar por múltiples equipos simultáneamente! Útil para supervisores que gestionan varios equipos.

Búsqueda de Conversaciones

Busca conversaciones por número de teléfono del cliente:

• ✅ 5511999999999 (completo con código de país)
• ✅ 11999999999 (con código de área)
• ✅ 999999999 (solo número)
• ✅ +55 11 99999-9999 (formateado)

Navegación por Páginas

Navega directamente a una página específica:

1. En la parte inferior de la lista, haz clic en el campo de número de página
2. Escribe el número de página deseado
3. Presiona Enter

Estado de las Conversaciones

Ícono	Estado
🟢	Activa - esperando atención
🟡	En espera - esperando cliente
🔵	En atención
⚪	Finalizada

Indicador de Múltiples Atenciones

Cuando un cliente tiene múltiples conversaciones activas:

• 🔴 Badge aparece al lado del nombre del cliente
• Muestra el número de chats en paralelo
• Haz clic para ver lista de conversaciones activas
• Navegación rápida entre chats

Ordenación

• Por fecha del último mensaje
• Por tiempo de espera
• Por prioridad

Área de Mensajes

Componentes

• Header - Nombre del cliente, canal, estado, botón WhatsApp Rápido
• Mensajes Fijados - Mensajes importantes en la parte superior
• Historial - Todos los mensajes intercambiados
• Campo de texto - Para escribir mensajes
• Adjuntos - Enviar archivos
• Emojis - Selector de emojis
• Respuestas rápidas - Atajos de mensajes
• Comandos IA - Atajos de IA (Ctrl+J)

Mensajes Fijados

Destaca información importante fijando mensajes en la parte superior del chat:

Cómo fijar:

1. Pasa el mouse sobre el mensaje
2. Haz clic en los tres puntos (⋮)
3. Selecciona "Fijar mensaje"

Recursos:

• 📌 Mensajes aparecen en la parte superior del chat
• 🔢 Contador de mensajes fijados
• 🟡 Fondo amarillo para notas privadas fijadas
• ➜ Botón "Ir al mensaje" (navega al original)
• 🔄 Actualizaciones en tiempo real

Cómo desfijar:

• Haz clic en X en la lista de fijados, o
• Menú del mensaje → "Desfijar mensaje"

Indicadores de Mensaje

Indicador	Significado
✓	Enviado
✓✓	Entregado
✓✓ (azul)	Leído
⏳	Enviando
❌	Error de envío

Panel del Cliente

Información Exhibida

• Nombre y foto
• Canales de contacto
• Tags
• Campos personalizados
• Historial de conversaciones
• Notas internas
• Indicador de campos - Muestra qué campos están llenos

Indicador de Campos de Registro

Visual que muestra el estado de llenado de los campos:

• ✅ Ícono verde = Campo lleno
• ⚠️ Ícono amarillo = Campo faltante
• 🔴 Ícono rojo = Obligatorio y faltante

Acciones Disponibles

• Editar cliente - Actualizar datos
• Agregar tag - Aplicar tags
• Nueva nota - Agregar anotación
• Ver historial - Conversaciones anteriores
• Crear tarea - Agendar follow-up

Acciones de Atención

Asumir Conversación

Para atender una conversación no asignada:

1. Haz clic en la conversación
2. Haz clic en "Asumir"
3. La conversación será asignada a ti

Si hay un flujo activo, puedes elegir:

• 🟡 Pausar Flujo y Atender - Pausa el flujo, tú asumes
• 🔵 Continuar Flujo y Atender - Mantiene flujo activo (¡mensajes duplicados!)
• ⚪ Cancelar - No atiende

Asignación por Administrador

Admins pueden gestionar asignaciones sin entrar en cada conversación:

1. En la lista de conversaciones, haz clic en menú (⋮)
2. Selecciona "Transferir Agente/Equipo"
3. Elige:
   • Sin agente: Conversación queda pendiente en cola
   • Agente específico: Asignado directamente

Transferir Conversación

Para pasar una conversación a otro agente:

1. Haz clic en el ícono de transferencia
2. Selecciona el destino (agente o equipo)
3. Agrega una nota (opcional)
4. Confirma

Archivar Conversación

Puedes archivar conversaciones que están "En progreso":

• Archiva conversaciones activas para organizar tu lista
• Cuando el cliente envíe nuevo mensaje, la conversación se desarchiva automáticamente
• Ningún mensaje importante se pierde

Finalizar Atención

Al concluir una atención:

1. Haz clic en "Finalizar"
2. Selecciona el motivo de cierre
3. Sugerencia de campos: Sistema sugiere campos no rellenados
4. Rellena los campos sugeridos (opcional u obligatorio)
5. Agrega observaciones (opcional)
6. Confirma

Notas Internas

Agrega anotaciones visibles solo para el equipo:

1. En el panel del cliente, haz clic en "Nota"
2. Escribe la anotación
3. Guarda

Las notas aparecen en el historial con destaque visual.

Eliminando Notas Privadas

Puedes eliminar notas enviadas por error:

1. Pasa el mouse sobre la nota
2. Haz clic en menú (⋮)
3. Selecciona "Eliminar mensaje"
4. Confirma

Reglas:

• ✅ Solo el autor puede eliminar
• ✅ Admins pueden eliminar cualquier nota
• ❌ Mensajes del cliente no pueden ser eliminados
• 🕐 Log preservado para auditoría

Atajos de Teclado

Atajo	Acción
Enter	Enviar mensaje
Shift+Enter	Nueva línea
Esc	Cerrar conversación
/	Abrir respuestas rápidas
Ctrl+K	Buscar conversación
Ctrl+J	Abrir comandos de IA

Mejorador de Texto (Ctrl+J)

Mejora tus mensajes con IA directamente del campo de texto:

1. Presiona Ctrl+J o escribe /
2. Selecciona la acción deseada (mejorar, formalizar, traducir, etc.)
3. La IA procesa e inserta el resultado

Acciones disponibles:

• Mejorar - Mejora claridad y gramática
• Formalizar - Hace el texto más profesional
• Simplificar - Simplifica textos complejos
• Traducir - Traduce a otro idioma

💡 Comandos Personalizados

¡Crea tus propios comandos de IA! Ve la documentación completa en Mejorador de Texto.

Botón de WhatsApp Rápido

Abre el WhatsApp del cliente directamente del chat con acciones automáticas:

1. En el header del chat, haz clic en el botón verde de WhatsApp
2. Nueva pestaña abre con mensaje preconfigurado
3. Acciones automáticas son ejecutadas (campo, embudo, tag)

⚠️ Importante

El botón solo aparece en chats de canales WhatsApp (WAHA, W-API, WhatsApp Oficial).

Configura en Configuraciones > Atención > Botón de WhatsApp Rápido.

Próximos Pasos

• Mejorador de Texto - Comandos de IA personalizados
• Agentes IA - IA autónoma para atención
• Agenda - Citas integradas
• Configuraciones - Personalizar interfaz