Todo el soporte de tus apps, en un solo lugar.
Chat en vivo con IA, reportes de fallas con contexto completo y una consola para tu equipo. Pegas un script; yocol hace el resto.
Sin tarjeta · Configuración en 5 minutos · Todo en españolEquipos que resuelven con yocol · logos de demostración
Tres formas de convertir cada señal en una conversación útil.
Instala un solo widget y activa exactamente lo que tu producto necesita.
El salvavidas flota en tu sitio. Tu cliente da un clic; yocol hace el resto.
Sin formularios eternos ni capturas por correo: el reporte sale del widget con la captura, la actividad de red y el entorno ya adjuntos, y llega a tu consola con folio y severidad.
- Un clic abre el salvavidas; otro envía el reporte
- Captura, actividad de red y entorno se adjuntan solos
- Tu cliente sigue el estado con su folio, sin perseguirte
Resuelve con IA y entra tú cuando realmente hace falta.
El asistente responde desde tu conocimiento, conserva el historial y entrega la conversación completa a una persona cuando necesita escalar.
- Respuestas automáticas con tus fuentes
- Chat continuo entre cliente, IA y equipo
- Sin pedirle al cliente que repita nada
Convierte “agenda una cita” en una conversación que sí llega.
Recibe correo, contexto del proyecto y página de origen directamente en la bandeja de tu equipo.
- Formulario breve dentro de tu sitio
- Confirmación inmediata para el prospecto
- Lead completo en tu bandeja comercial
Cada conversación llega con todo lo necesario para resolver.
Nada de “¿me mandas una captura?”. El contexto viaja solo.
Fallas con todo el contexto
Logs de red, captura, URL, navegador y versión se adjuntan automáticamente.
acme.app/dashboard · Chrome 126GET/api/session401
POST/auth/refresh500
IA que responde con tu conocimiento
Respuestas al instante, con tus documentos como fuente.
Consola en vivo
Quién espera, quién escribe y qué toca ahora.
Relevo bot → agente
Cuando baja la confianza, una persona recibe la conversación con todo el historial.
Conecta tu app y gestiona tu soporte desde tu asistente.
Crea tu proyecto, configura ambientes, instala el widget y asocia los reportes con tus usuarios. Codex o Claude Code te guía hasta probarlo en dev.
Ver la guía completa de integración ↓> ¿Cómo va el soporte esta semana?
De la conexión al primer reporte
Integra Yocol, paso a paso
Necesitas una cuenta de Yocol, Codex CLI o Claude Code instalado y acceso al código de tu app. Conecta tu asistente y copia las instrucciones para que te guíe hasta probar la integración en dev.
1. Conecta tu asistente por MCP
1. Agregar el servidor
Ejecuta esto una sola vez en la terminal. Puede iniciar la autenticación automáticamente.
codex mcp add yocol --url https://api.support.mexicalab.com/mcp2. Autorizar en el navegador
Si ya terminaste el login, continúa al paso siguiente. En Yocol elige permisos, proyectos y duración del acceso.
codex mcp login yocol3. Verificar
En la terminal, confirma que yocol aparece registrado. Después abre una sesión nueva de Codex y envía la prueba de identidad de abajo.
codex mcp list
El asistente elige un puerto local disponible. No necesitas copiar tokens, configurar un client ID ni fijar un puerto. El acceso se renueva durante el periodo que autorices.
Permisos para continuar
Para crear proyectos, autoriza escritura y todo tu espacio. Para configurar uno existente, basta autorizar ese proyecto con escritura y tener rol administrador o propietario. Si necesitas cambiar permisos, vuelve a autenticarte; en Claude Code usa /mcp → yocol y vuelve a autenticar la conexión. Cada creación respeta el límite de tu cuenta.
Cambiar los permisos de una conexión existente
codex mcp logout yocol
codex mcp login yocolConfirma tu cuenta dentro del asistente
Abre una sesión nueva de Codex y envía esta instrucción. Listar el servidor confirma el registro; esta prueba comprueba el acceso a tu cuenta.
Usa la herramienta yocol_whoami del MCP yocol para confirmar mi sesión y después lista mis proyectos.
¿Prefieres que tu agente te lleve por todo el flujo?
Después de conectar el MCP, copia esta guía y pégala en tu asistente dentro del repositorio de tu app. Puedes revisar y copiar cada etapa por separado abajo.
Ver y copiar las instrucciones completas
Integra Yocol en esta aplicación mediante el MCP yocol. Primero usa yocol_whoami para confirmar mi sesión y permisos. Guíame en este orden y pregunta sólo los datos que falten. Si algo bloquea una etapa, explica la causa y cómo resolverla. 1. Crea o selecciona tu proyecto Usa yocol_plan_project_flow para crear o seleccionar mi proyecto de Yocol. Si ya existe, no lo dupliques. Pregúntame sólo los datos que falten, como nombre y funciones: reportes, chat o leads. Revisa qué diagnósticos quiero habilitar (consola, red, capturas y grabación), las funciones pausadas y los campos obligatorios. Después consulta yocol_get_setup_status y explícame el siguiente paso. 2. Configura ambientes y URLs Consulta yocol_get_setup_status de mi proyecto. Configura primero el ambiente dev con yocol_configure_environment. Pregúntame la URL completa de la aplicación, incluido el puerto si es local, sólo si no la conoces. Configura stage y prod únicamente cuando tenga sus URLs. Conserva los demás ambientes. Usa el servicio Yocol al que está conectado el MCP; el ambiente dev de mi app no implica cambiar de servidor Yocol. 3. Prepara la key e instala el widget Revisa funciones habilitadas, pausas y configuración obligatoria con yocol_get_setup_status. Usa yocol_prepare_integration para obtener o reutilizar la key pública y el snippet del ambiente dev. Inspecciona el framework y la integración existente e instala el widget una sola vez. No pongas secretos de servidor en el navegador. Indica qué archivo cambiaste y cualquier bloqueo pendiente. 4. Asocia al usuario autenticado Implementa identidad asíncrona de Yocol según la guía /widget/identity del sitio Yocol conectado. Consulta yocol_get_setup_status y yocol_prepare_integration. Si mi app tiene login, configura issuer y clave pública Ed25519 por ambiente con yocol_configure_identity; guarda la clave privada exclusivamente en nuestro backend. Crea POST /api/yocol/identity que valide nuestra sesión, derive el ID estable desde esa sesión y devuelva { identityToken } con Cache-Control: no-store. Firma el JWT conforme al contrato, con vigencia máxima de 5 minutos; sólo user.id es obligatorio dentro de los datos de usuario, y sub debe coincidir exactamente. Nombre, email y metadata son opcionales. Permite iniciar anónimo. Tras el login, usa la instancia existente del SDK y await yocol.identify({ getIdentityToken: async signal => ... }); pasa signal al fetch del endpoint. Al cerrar sesión o cambiar de cuenta llama await yocol.reset() y completa el logout de nuestra app incluso si reset falla; sincroniza la limpieza entre pestañas. Ante identity.expired, obtén una nueva identidad si la sesión sigue activa. No reasignes reportes anónimos anteriores. No envíes contraseñas, cookies ni tokens de sesión en metadata. Si la app no tiene autenticación, conserva el flujo anónimo. 5. Conecta GitHub y sigue tus reportes Usa yocol_plan_project_flow con intent github y consulta yocol_get_github_configuration. Si falta la conexión, guíame a Integraciones del proyecto para instalar la GitHub App; no pidas credenciales. Configura opcionalmente el Project con yocol_configure_github_project, expectedVersion y los cuatro nombres de columnas existentes. Valida el permiso Projects de organización. Envía un reporte de prueba con una sola descripción y comprueba yocol_get_github_report. Recorre nextCommentsPage para leer respuestas anteriores. Sólo los comentarios que empiezan con [yocol:public] son visibles al visitante. Comprueba Mis reportes y Ampliar sin una cuenta GitHub del visitante. No confundas un issue cerrado con un despliegue verificado. 6. Comprueba el flujo completo en dev Ejecuta yocol_test_setup para mi proyecto en dev. Distingue el resultado de configuración y handshake de las pruebas reales en navegador. Abre mi app, verifica que carga el widget y revisa errores de red, origen y CSP. Prueba las funciones habilitadas con datos de prueba y confirma que llegan a Yocol. Si hay login, prueba anónimo → usuario A → logout → usuario B, ID estable al volver a entrar, atributos opcionales ausentes y rechazo de identidades inválidas o vencidas. Confirma que no se mezclan historiales. Reporta cada prueba como aprobada, fallida o pendiente, con evidencia; no declares la integración completa sólo porque pasó el handshake. Enumera cada bloqueo y la acción necesaria para resolverlo. Antes de pasar a producción, repite la configuración de URLs, key pública e identidad para ese ambiente y verifica su integración. Los ambientes de un proyecto comparten configuración y conversaciones; usa proyectos separados si necesitas aislamiento de datos.
2. Crea o selecciona tu proyecto
Define qué necesitas: reportes de fallas, chat o leads. Si ya creaste el proyecto, continúa con él.
Al terminar: Proyecto seleccionado y funciones acordadas.
Instrucciones para tu agente
Usa yocol_plan_project_flow para crear o seleccionar mi proyecto de Yocol. Si ya existe, no lo dupliques. Pregúntame sólo los datos que falten, como nombre y funciones: reportes, chat o leads. Revisa qué diagnósticos quiero habilitar (consola, red, capturas y grabación), las funciones pausadas y los campos obligatorios. Después consulta yocol_get_setup_status y explícame el siguiente paso.
3. Configura ambientes y URLs
Empieza por dev. Usa la URL completa de tu app, incluido el puerto local. Después configura stage y prod cuando los necesites.
Al terminar: URLs y orígenes permitidos guardados para cada ambiente.
Instrucciones para tu agente
Consulta yocol_get_setup_status de mi proyecto. Configura primero el ambiente dev con yocol_configure_environment. Pregúntame la URL completa de la aplicación, incluido el puerto si es local, sólo si no la conoces. Configura stage y prod únicamente cuando tenga sus URLs. Conserva los demás ambientes. Usa el servicio Yocol al que está conectado el MCP; el ambiente dev de mi app no implica cambiar de servidor Yocol.
4. Prepara la key e instala el widget
El MCP obtiene la key pública del ambiente y el código exacto de instalación. El agente lo integra en tu aplicación.
Al terminar: Widget instalado una sola vez con la key del ambiente correcto.
Instrucciones para tu agente
Revisa funciones habilitadas, pausas y configuración obligatoria con yocol_get_setup_status. Usa yocol_prepare_integration para obtener o reutilizar la key pública y el snippet del ambiente dev. Inspecciona el framework y la integración existente e instala el widget una sola vez. No pongas secretos de servidor en el navegador. Indica qué archivo cambiaste y cualquier bloqueo pendiente.
5. Asocia al usuario autenticado
Opcional si tu app no tiene login. Sólo el ID estable del usuario es obligatorio; nombre, email y metadata son opcionales.
Al terminar: Reportes nuevos asociados a la identidad verificada; el uso anónimo sigue disponible.
Instrucciones para tu agente
Implementa identidad asíncrona de Yocol según la guía /widget/identity del sitio Yocol conectado. Consulta yocol_get_setup_status y yocol_prepare_integration. Si mi app tiene login, configura issuer y clave pública Ed25519 por ambiente con yocol_configure_identity; guarda la clave privada exclusivamente en nuestro backend. Crea POST /api/yocol/identity que valide nuestra sesión, derive el ID estable desde esa sesión y devuelva { identityToken } con Cache-Control: no-store. Firma el JWT conforme al contrato, con vigencia máxima de 5 minutos; sólo user.id es obligatorio dentro de los datos de usuario, y sub debe coincidir exactamente. Nombre, email y metadata son opcionales. Permite iniciar anónimo. Tras el login, usa la instancia existente del SDK y await yocol.identify({ getIdentityToken: async signal => ... }); pasa signal al fetch del endpoint. Al cerrar sesión o cambiar de cuenta llama await yocol.reset() y completa el logout de nuestra app incluso si reset falla; sincroniza la limpieza entre pestañas. Ante identity.expired, obtén una nueva identidad si la sesión sigue activa. No reasignes reportes anónimos anteriores. No envíes contraseñas, cookies ni tokens de sesión en metadata. Si la app no tiene autenticación, conserva el flujo anónimo.
6. Conecta GitHub y sigue tus reportes
Configura el repositorio y, si lo necesitas, tu tablero con To Do, Doing, Review y Done. Tus usuarios consultan el avance desde Mis reportes.
Al terminar: Issue vinculado, estado actualizado y respuestas públicas visibles en el Salvavidas.
Instrucciones para tu agente
Usa yocol_plan_project_flow con intent github y consulta yocol_get_github_configuration. Si falta la conexión, guíame a Integraciones del proyecto para instalar la GitHub App; no pidas credenciales. Configura opcionalmente el Project con yocol_configure_github_project, expectedVersion y los cuatro nombres de columnas existentes. Valida el permiso Projects de organización. Envía un reporte de prueba con una sola descripción y comprueba yocol_get_github_report. Recorre nextCommentsPage para leer respuestas anteriores. Sólo los comentarios que empiezan con [yocol:public] son visibles al visitante. Comprueba Mis reportes y Ampliar sin una cuenta GitHub del visitante. No confundas un issue cerrado con un despliegue verificado.
7. Comprueba el flujo completo en dev
Primero verifica la configuración y la conexión. Después abre tu app y prueba cada función habilitada en el navegador.
Al terminar: Evidencia de lo que funciona y una lista concreta de lo que falta.
Instrucciones para tu agente
Ejecuta yocol_test_setup para mi proyecto en dev. Distingue el resultado de configuración y handshake de las pruebas reales en navegador. Abre mi app, verifica que carga el widget y revisa errores de red, origen y CSP. Prueba las funciones habilitadas con datos de prueba y confirma que llegan a Yocol. Si hay login, prueba anónimo → usuario A → logout → usuario B, ID estable al volver a entrar, atributos opcionales ausentes y rechazo de identidades inválidas o vencidas. Confirma que no se mezclan historiales. Reporta cada prueba como aprobada, fallida o pendiente, con evidencia; no declares la integración completa sólo porque pasó el handshake. Enumera cada bloqueo y la acción necesaria para resolverlo.
Prueba ambos lados del soporte, sin configurar nada.
Te mandamos por email un acceso al laboratorio: crea chats y reportes como visitante, luego míralos y respóndelos desde la vista del equipo.
- Chat bidireccional en tiempo real
- Capturas, diagnósticos y grabaciones
- Entorno aislado, sin permisos administrativos reales
Empieza gratis. Crece cuando creces.
Starter
Para tu primer proyecto.
- 1 proyecto
- 3 agentes
- Base de 200 documentos
- Widget completo
Pro
Para equipos y agencias con varios clientes.
- Proyectos ilimitados
- Agentes ilimitados
- IA con traducción y tono
- Contexto técnico completo
- Reglas de asignación
Business
Para operaciones serias de soporte.
- Todo lo de Pro
- Servidor MCP + API
- SSO y auditoría
- SLA 99.9%
Deja de perseguir fallas a ciegas.
Tu widget, tu base de conocimiento y tu consola — listos hoy.
Request a demo Recibe el acceso por email. Sin tarjeta.