Interfaz y navegación

Estructura de la pantalla

Todas las pantallas del panel siguen el mismo diseño, en cuatro áreas:

El panel del Copiloto vive fuera de las pantallas: usted navega por todo el sistema y la conversación con él sigue abierta, sin recargar y sin perder el contexto. El Copiloto también ve la conversación de atención que está abierta en la pantalla. Vea Copiloto.

Todas las pantallas se actualizan solas: conversaciones nuevas, mensajes, contadores del menú y avisos aparecen en pocos segundos, sin presionar F5.

Dónde comienza cada uno

Después del inicio de sesión, ChatISP abre la pantalla que tiene sentido para el perfil de quien ingresó:

El logotipo en la parte superior del menú siempre lleva de vuelta a esa pantalla inicial. Si alguien abre una pantalla para la cual no tiene permiso (por un enlace antiguo, por ejemplo), el sistema también lo lleva a la pantalla inicial.

Instalación recién hecha

Mientras no haya ningún número conectado ni ninguna conversación en el historial, la pantalla Conversaciones muestra Bienvenido a ChatISP ("Conecte un número de WhatsApp y arme su equipo para comenzar a atender a sus clientes.") con tres accesos directos, cada uno visible para quien tiene el permiso correspondiente:

• Conectar WhatsApp: vincule el número que recibirá las conversaciones de los clientes.
• Armar el equipo: registre los agentes y organice los departamentos.
• Ajustar la atención: defina horarios, modos de atención e integraciones.

Visión general (panel de gestión)

Para quien supervisa, la Visión general es la primera vista de la pantalla Conversaciones: "Números, resultados y desempeño del equipo en un solo lugar." Reúne lo que está pasando En vivo (cola, espera más larga, conversaciones con la IA, en automatización y en atención, quién está en pausa) y los números del período elegido con los botones Hoy, 7 días, 30 días y 90 días: volúmenes, embudo de atención, desempeño de la IA, equipo, satisfacción, órdenes de servicio y el mapa de calor de los horarios.

Para salir de la Visión general y atender, haga clic en otra vista del menú (Mías, Cola, Todas, etc.) o abra una conversación. El detalle de cada indicador está en Informes y gestión.

Menú lateral

El menú lateral aparece en todas las pantallas del panel. Cada elemento solo aparece para quien tiene el permiso correspondiente: un agente común ve un menú más corto que el administrador. Los permisos se definen por perfil en Usuarios y perfiles.

Sección Atención

Sección Administración

Si ningún elemento de una sección está habilitado para el usuario, el título de la sección también desaparece.

Vistas de la pantalla Conversaciones

Cuando la pantalla Conversaciones está abierta, justo debajo del elemento Conversaciones el menú muestra las vistas de la lista, cada una con su contador:

Contraer y expandir

El botón junto al logotipo (Contraer menú: "Muestra u oculta los nombres del menú.") alterna entre el menú contraído, solo con íconos, y el menú expandido, con los nombres. El menú comienza contraído; la elección queda guardada en el navegador y vale para las próximas visitas. Con el menú contraído, los contadores se convierten en puntos sobre los íconos y, al pasar el mouse sobre un ícono, aparece una tarjeta con el nombre del elemento y una frase que explica para qué sirve.

Pie del menú

• Su nombre y perfil (Administrador, Supervisor, Agente o el nombre del perfil personalizado), con la inicial del nombre en el círculo. Al hacer clic se abre Mi cuenta: nombre, contraseña, verificación en dos pasos, sonidos y Google Calendar. Vea Mi cuenta.
• Entrar en pausa: pide un Motivo de la pausa opcional (almuerzo, reunión) y, en pausa, usted no recibe nuevas conversaciones de la cola; las que ya son suyas siguen con usted. Mientras dure, el pie muestra En pausa con el motivo, y el botón pasa a ser Volver de la pausa. Los supervisores ven la pausa en la Visión general.
• Salir: cierra su sesión en este navegador.

Barra superior

La barra superior muestra el título de la pantalla y, justo debajo, un subtítulo corto que dice para qué sirve (en Conversaciones, por ejemplo: "Siga y atienda a sus clientes en tiempo real"). A la derecha están los botones de acción:

Algunas pantallas agregan a la barra superior sus propios botones (como crear un registro o abrir filtros). En las pantallas con límite de plan (agentes, conexiones, flujos y claves de API), el encabezado también muestra el medidor de uso del plan. Vea Planes y límites.

Entre el título y los botones puede aparecer la franja de licencia, descrita en Franja de licencia.

Modos de atención

El Modo atención es la pantalla de trabajo del agente: inmersiva, con la atención en el centro y sin el resto del sistema alrededor. Se abre desde el elemento Modo atención del menú y es la pantalla inicial de quien no supervisa.

El menú del modo atención

En lugar del menú completo, el modo atención tiene un menú propio, reducido:

• Panel: el kanban de las atenciones en tiempo real, una columna por situación.
• Conversaciones: la lista de conversaciones y el chat, con punto de no leídas.
• Órdenes de servicio: el tablero de órdenes de servicio sin salir de la atención, con el contador de pendientes.
• Agenda: los compromisos del equipo.
• Los filtros de la lista (Mías, Cola, Automatización, IA, Cerradas y Todas), con contadores.
• En el pie: Copiloto, Tema, Entrar en pausa y el botón de salida. Para quien supervisa se llama Volver a la gestión (vuelve a Conversaciones); para el agente, Volver al sistema (vuelve a Órdenes de servicio y al resto del menú).

Este menú también se contrae y se expande con el botón junto al logotipo, como el menú principal.

Simple y Alto rendimiento

En la parte superior del panel, junto al título Atención y la fecha, el selector Modo del panel ofrece dos formas de trabajar:

• La elección queda guardada en su perfil y vale las próximas veces que abra el modo atención.
• La opción Alto rendimiento solo aparece en pantallas de al menos 1024 píxeles de ancho. En pantallas menores, el panel muestra el modo Simple, sin modificar su preferencia: esta vuelve a valer en una pantalla ancha.
• En el escenario, la disposición de las tarjetas se recuerda durante la sesión del navegador: recargar la página devuelve la pantalla tal como estaba.

El funcionamiento completo de los dos modos, del kanban, del escenario y del chat está en Atención.

Tema claro y oscuro

ChatISP tiene tema claro y tema oscuro en todo el sistema, incluso en el modo atención, en el escenario, en el panel del Copiloto y en las ventanas de diálogo.

• Cómo alternar: con el botón de sol y luna en la barra superior (o en el pie del menú del modo atención). El cambio es instantáneo, sin recargar la página.
• La elección es de su cuenta: el tema queda guardado en su usuario y lo acompaña en cualquier computadora o navegador en que usted ingrese.
• Pantallas de entrada: la pantalla de inicio de sesión y la de bienvenida también tienen el botón de tema. Antes de la primera elección, siguen el tema del sistema operativo de la computadora.
• Primer administrador: el tema elegido en la pantalla de bienvenida pasa a ser la preferencia de la cuenta creada allí, y el asistente y el panel ya se abren con él.
• El logotipo y el ícono de la pestaña cambian solos entre las versiones clara y oscura.

Idiomas

ChatISP es trilingüe: portugués (Português), inglés (English) y español. Todas las pantallas, mensajes de error, avisos y la página de Novedades existen en los tres idiomas.

El idioma del sistema vale para todo el panel y para todos los usuarios, incluida la pantalla de inicio de sesión.

Uso en el celular y en la tableta

El panel es adaptable y funciona en el navegador del celular y de la tableta, sin instalar nada. La interfaz se adapta al ancho de la pantalla:

• Hasta 900 píxeles de ancho (celulares y tabletas en vertical): el menú lateral queda siempre contraído, solo con íconos, para dejar espacio al contenido. La franja de licencia de la barra superior también se oculta en ese ancho.
• Pantallas táctiles: las tarjetas de ayuda que aparecen al pasar el mouse quedan desactivadas, porque en el toque no existe "pasar el mouse". Los íconos mantienen el nombre accesible para lectores de pantalla.
• Modo atención: por debajo de 1024 píxeles, el panel muestra el modo Simple (kanban), aunque su preferencia sea Alto rendimiento. En pantallas muy angostas, la parte superior del panel se divide en dos líneas para que el selector de modo y los filtros quepan.
• Copiloto: en pantallas de celular, el panel del Copiloto abierto ocupa toda la pantalla; ciérrelo con el mismo botón para volver al sistema.

Alertas sonoras y avisos visuales

ChatISP avisa al equipo lo que requiere atención mediante sonido, tarjetas en la pantalla y el propio ícono del sistema. Los avisos funcionan con el panel abierto en una pestaña del navegador, aunque esté en segundo plano.

Tipos de aviso sonoro

Para cada aviso se elige un sonido (Suave, Gota, Campana, Timbre, Cristal, Alerta, Tono de teléfono o Sin sonido), el Volumen y el botón Escuchar para probar.

Dónde configurar

1. Valor predeterminado del sistema: en Configuración, pestaña Atención, tarjeta Alertas sonoras ("Sonido predeterminado de cada aviso del panel de atención. Cada agente puede ajustar los suyos en Mi cuenta."). Requiere el permiso Configuración.
2. Elección de cada persona: en Mi cuenta, tarjeta Alertas sonoras. Por defecto vale Usar los sonidos predeterminados del sistema; desactive esta opción para elegir sus propios sonidos y volúmenes.

Avisos visuales

• Ícono de la pestaña del navegador: pulsa en rojo mientras haya una conversación en la cola, un mensaje no leído en sus conversaciones o una OS pendiente para usted. Con la pestaña en segundo plano, el ícono queda rojo fijo, para que la alerta siga visible de lejos.
• Logotipo del menú: los puntos del símbolo de ChatISP se mueven y pulsan mientras haya atención que requiera atención (cola o mensajes suyos no leídos).
• Contadores del menú: los números de Órdenes de servicio y de las vistas de Conversaciones se actualizan solos.
• Recordatorios de la agenda: a la hora programada, aparece una tarjeta en la esquina de la pantalla con el título del compromiso, el tipo, la hora, la antelación y el cliente, y los botones Ver (abre el compromiso) y Enlace (cuando el compromiso tiene enlace de reunión). La tarjeta desaparece sola después de 2 minutos y no se repite en otras pantallas o pestañas del mismo navegador.

Franja de licencia

Para quien tiene el permiso Configuración, la parte superior de todas las pantallas puede mostrar una franja con el estado de la licencia. El resto del equipo nunca ve esa franja.

¡Registrar ahora! abre la página de registro en chatisp.com.br en una pestaña nueva, ya con el token de la instalación. La franja no aparece en pantallas de menos de 900 píxeles de ancho. Cuando la licencia deja de valer, la franja da lugar a la pantalla de licencia. Todo sobre prueba, registro y bloqueo está en Licencia y registro.

Página Novedades

La página Novedades ("Siga la evolución de ChatISP") es el historial de lanzamientos del producto en forma de línea de tiempo: del hito más reciente, arriba, a los más antiguos. Es la forma más rápida de descubrir qué cambió en el sistema después de una actualización.

1. En el menú lateral, sección Administración, haga clic en Novedades (ícono de megáfono, último elemento).
2. Desplace la página: cada hito trae la fecha, un título y la lista de lo que cambió, en el lenguaje de quien usa el sistema.

• En la computadora, los hitos alternan entre los dos lados de la línea de tiempo, con animación de entrada al desplazarse; en el celular, quedan en una sola columna.
• El contenido sigue el idioma del sistema (portugués, inglés o español).
• El perfil Administrador siempre ve la página. Para los demás perfiles, depende del permiso Novedades del sistema, que nace desactivado y puede activarse en la pantalla Perfiles de acceso.

Consejos y atajos

Ayudas en la pantalla

• Tarjeta de ayuda del menú: con el menú contraído, al pasar el mouse sobre un ícono aparece una tarjeta con el nombre del elemento y una frase sobre para qué sirve. Los botones que son solo ícono (pausa, salir, tema, Mi cuenta) muestran la tarjeta incluso con el menú expandido. En el riel del cliente del escenario, la tarjeta se abre hacia la izquierda y trae el resumen del cliente seleccionado.
• Ayudas de botón: los botones de ícono de la barra superior y de las pantallas muestran una etiqueta corta al pasar el mouse (por ejemplo, Copiloto, Tema, Escuchar).
• Textos de ayuda en los campos: muchos campos de formulario traen una línea de explicación justo debajo; los errores aparecen en el propio campo, en rojo.

Teclado