Ir al contenido

Chat en Tiempo Real

Ruta: /owner/integrations/chat Widget de chat en tiempo real para comunicacion directa con el equipo de soporte desde cualquier pantalla de Factux.


El chat en tiempo real es un widget flotante ubicado en la esquina inferior derecha de la aplicacion. Permite enviar mensajes al equipo de soporte sin salir de la pantalla en la que estas trabajando.

Caracteristicas principales:

CaracteristicaDescripcion
Mensajes de textoEnvia y recibe mensajes en tiempo real
Indicador de escrituraMuestra cuando el agente esta escribiendo una respuesta
Confirmacion de lecturaIndica cuando el agente ha leido tu mensaje
AdjuntosPermite enviar archivos (imagenes, PDFs, capturas de pantalla)
HistorialConserva el historial de conversaciones anteriores

  1. Clic en el icono de chat en la esquina inferior derecha de cualquier pantalla.
  2. Se abre el widget con el historial de conversaciones previas (si las hay).
  3. Escribe tu mensaje en el campo de texto inferior.
  4. Pulsa Enter o clic en el boton de enviar para enviar el mensaje.
  5. Espera la respuesta — veras el indicador de escritura cuando el agente este respondiendo.
  1. Clic en el icono de clip junto al campo de texto.
  2. Selecciona el archivo desde tu dispositivo.
  3. El archivo se adjunta al mensaje — clic en enviar para completar.

Caso de usoEjemplo
Preguntas rapidas”Como cambio la serie de facturacion?”
Reportar problemas”La factura FAC-001 no genera el PDF correctamente”
Solicitar funcionalidades”Necesitaria poder exportar en formato XML”
Feedback general”La nueva vista de gastos es muy util”

1. El usuario abre el widget de chat
2. Escribe y envia su mensaje
3. El sistema notifica al equipo de soporte
4. Un agente recibe el mensaje y responde
5. El usuario ve el indicador de escritura
6. La respuesta aparece en la ventana del chat
7. La conversacion continua hasta que se resuelve la consulta

EstadoIndicadorDescripcion
DisponiblePunto verdeHay agentes conectados, respuesta inmediata
OcupadoPunto amarilloAgentes disponibles con cola, posible espera
Fuera de horarioPunto grisSin agentes conectados, el mensaje se atendera despues

LimiteValor
Tamano maximo de archivo10 MB por archivo adjunto
Formatos de archivoJPG, PNG, PDF, DOC, DOCX, XLS, XLSX
Longitud de mensaje2.000 caracteres por mensaje
Historial visibleUltimas 50 conversaciones

Detalles tecnicos — Chat en Tiempo Real

El widget de chat utiliza WebSockets para la comunicacion en tiempo real entre el cliente y el servidor.

ComponenteTecnologia
TransporteWebSocket (con fallback a long-polling)
ProtocoloSocket.IO
AlmacenamientoMensajes persistidos en base de datos
ArchivosAlmacenados en Supabase Storage
EventoDireccionDescripcion
message:sendCliente > ServidorNuevo mensaje del usuario
message:receiveServidor > ClienteRespuesta del agente
typing:startBidireccionalIndicador de escritura activo
typing:stopBidireccionalIndicador de escritura inactivo
message:readServidor > ClienteConfirmacion de lectura
file:uploadCliente > ServidorArchivo adjunto enviado
TablaColumnas principales
chat_conversationsid, business_id, user_id, agent_id, status, created_at
chat_messagesid, conversation_id, sender_type, content, read_at, created_at
chat_attachmentsid, message_id, file_url, file_name, file_size, mime_type
PoliticaRegla
chat_conversations_businessbusiness_id = usuario autenticado
chat_messages_via_conversationAcceso via conversacion padre