MarketplaceAtención al cliente y help desks

App de soporte

Un help desk para un equipo de soporte pequeño. Los clientes buscan en el Centro de ayuda y, cuando las guías no bastan, abren un ticket numerado (RD-1042) y siguen cada respuesta en un solo lugar. Los agentes trabajan una cola con filtros, una vista de ticket a dos paneles, respuestas públicas y notas internas, respuestas guardadas y objetivos de respuesta que muestran qué está vencido. Los administradores gestionan además los artículos de ayuda, el equipo y los ajustes. La interfaz está en inglés y rumano; los tickets y los artículos se escriben una sola vez, en el idioma de quien los redacta.

Conseguir esta app
  • Incluida en los planes Starter y Pro
  • Una copia exacta de toda la aplicación
  • Frontend, backend y datos incluidos
  • Tuya para quedártela y cambiarla en tu propio repositorio
  • Multiidioma, para el país que necesites
Página de inicio con buscador, un ticket de ejemplo y temas
Página de inicio
páginas en la web
7
pantallas de la consola
6
workflows de backend
14
tablas de datos
7
roles: cliente, agente, administración
3
Pensada para
  • Equipos pequeños que responden a mano a las preguntas de los clientes
  • Productos de software, tiendas online y empresas de servicios que necesitan un Centro de ayuda y tickets numerados
  • Equipos que empiezan con tickets dentro de la app y añaden el correo más adelante
  • Agencias que montan un portal de soporte para un cliente
Todas las pantallas

Míralo como lo ven los clientes y los agentes

Primero la respuesta, después una persona

  • Una página de inicio con buscador, una tarjeta de ticket de ejemplo y temas para explorar
  • Búsqueda en todos los artículos publicados, acotada por tema
  • Artículos con el resto de guías del tema al lado y un cuadro «¿Necesitas más ayuda?» que abre un ticket
  • Votos de «¿Te ha servido?», con cuántos lectores dijeron que sí
Página de inicio con buscador, un ticket de ejemplo y temas

1 / 6Página de inicio con buscador, un ticket de ejemplo y temas

De la pregunta a la respuesta

Cada ticket tiene un número y un responsable

El servidor comprueba en cada paso quién puede ver y cambiar qué, y el objetivo de respuesta cuenta atrás hasta que alguien responde.

  1. Abierto
  2. Clasificado
  3. Respondido
  4. Resuelto
Nuevo ticket con categoría, prioridad y objetivo de respuesta
Qué recibes

Toda la aplicación, tal cual

Web

  • Inicio
  • Centro de ayuda
  • Artículo
  • Cuenta, iniciar sesión y crear cuenta
  • Nuevo ticket
  • Mis tickets
  • Conversación del ticket

Consola de agentes

  • Panel
  • Tickets
  • Centro de ayuda
  • Respuestas guardadas
  • Equipo
  • Ajustes

Backend

  • 14 workflows para el Centro de ayuda, el inicio de sesión, los tickets, las respuestas, los artículos, las respuestas guardadas, el equipo y los ajustes
  • 7 tablas: Users, Categories, Tickets, Messages, Articles, CannedReplies, Settings
  • 4 categorías, 10 artículos de ayuda de ejemplo (uno de ellos un borrador), 6 respuestas guardadas y 14 tickets de ejemplo

Tecnología

  • App web en React 18, con Instrument Serif, Inter Tight y JetBrains Mono
  • Contraseñas guardadas como hashes; el inicio de sesión usa tokens firmados que caducan: 8 horas para el equipo, 7 días para los clientes
  • Rol y estado activo se vuelven a comprobar en la base de datos en cada llamada, así que un usuario desactivado queda fuera al instante
  • Los clientes solo acceden a sus propios tickets y las notas internas nunca se les envían
  • El inicio de sesión y los votos tienen límite de frecuencia, y 5 intentos fallidos bloquean la cuenta 15 minutos
  • Cada entrada se valida en el servidor, con listas blancas de campos contra la asignación masiva
  • El texto de los usuarios se muestra como texto plano, nunca como HTML; sin secretos en el código del cliente, el secreto JWT está en el Ubex Vault
  • Interfaz en inglés y rumano, con las fechas en el formato de cada idioma
En la administración

Cámbialo sin tocar código

  • Nombre de la empresa, eslogan, correo de soporte, barra de anuncios y texto del horario
  • El objetivo de respuesta, en horas, para cada prioridad
  • Los artículos de ayuda, las respuestas guardadas, quién está en el equipo y sus roles, y el estado, la prioridad, la categoría y el responsable de cada ticket
En el código

Un retoque rápido para hacerla tuya

  • El titular y la introducción de la página de inicio
  • La tarjeta de ticket de ejemplo de la página de inicio
  • El texto junto al formulario de inicio de sesión
  • Los colores y las fuentes
  • Cualquier texto de la interfaz, en los archivos de idioma de inglés y rumano
Puesta en marcha

Siete pasos hasta tu propio help desk

Vas a necesitar

  • Una cuenta de Ubex, donde se ejecutan los workflows y las tablas de la app
  • Tus propios artículos de ayuda y respuestas guardadas, listos para pegar
  1. Añade tu propio JWT_SECRET en el Ubex Vault.
  2. Indica la dirección de la app en los orígenes permitidos de los workflows.
  3. Borra de las tablas los tickets, mensajes, clientes y cuentas de equipo de la demo.
  4. Publica la app en un subdominio o en un dominio propio.
  5. Regístrate con tu propia cuenta y conviértela en administración en la tabla Users.
  6. Introduce el nombre de la empresa, el correo de soporte, el horario y los objetivos de respuesta en Ajustes.
  7. Sustituye los artículos de ayuda y las respuestas guardadas de ejemplo por los tuyos y añade a tus agentes desde Equipo.
Conviene saberlo

Lo que no hace

Mejor saberlo ahora que después. Cualquiera de estas cosas puedes añadirla tú: el código es tuyo para cambiarlo.

  • Sin notificaciones por correoLos tickets viven dentro de la app: nadie recibe un correo por una respuesta o un cambio de estado. El correo y otras integraciones las configuras tú.
  • Sin restablecer contraseña ni verificar el correoNo hay forma de restablecer una contraseña olvidada desde la app, y las direcciones de correo no se verifican.
  • Sin archivos adjuntosLos tickets y las respuestas son solo texto.
  • Sin chat en vivoUna conversación es un ticket con respuestas, no un chat en tiempo real.
  • Sin exportar a CSVNo se pueden exportar tickets, clientes ni informes.
  • Categorías fuera de la consolaLas categorías se cambian en la tabla Categories, no en una pantalla.
  • Equipo por ascensoNo hay invitaciones: la persona se registra como cliente y después un administrador la asciende a agente o administración desde Equipo.
  • Contenido en un solo idiomaLa interfaz cambia entre inglés y rumano, pero los tickets, las respuestas, los artículos de ayuda, las respuestas guardadas y los nombres de categoría se escriben una vez, en el idioma de quien los redactó, y no se traducen.
  • Objetivos de respuesta por relojLos objetivos de respuesta cuentan horas de reloj, sin calendario laboral, así que las noches y los fines de semana también cuentan.
  • Días contados en UTCEl gráfico de 7 días y el recuento de resueltos hoy separan los días a medianoche UTC, no en tu hora local.
  • Pensado para unos pocos miles de ticketsLa cola está pensada para hasta unos pocos miles de tickets; un desk mucho más grande necesitará cambios.
  • Un punto de partida, hecho para ampliarseSolo lo básico, a propósito. Añade lo que necesites: el código es tuyo.

Todo lo que aparece en estas pantallas es inventado: Relay Desk, sus clientes, agentes, tickets, artículos y cifras. Los artículos de ayuda son texto de ejemplo y algunos describen cosas que esta app no incluye, como restablecer la contraseña por correo, así que sustitúyelos por los tuyos.

Abre tu propio help desk

Consigue una copia exacta, ponle tu nombre y hazla tuya.