Chat en vivo dentro de la app: qué es y cómo añadirlo a tu producto

Qué significa realmente "dentro de la app" (no es tu widget de sitio web)

El término se usa de forma imprecisa, así que vale la pena precisarlo. El chat en vivo dentro de la app es una superficie de chat que vive dentro del producto autenticado que un usuario ya está usando, no en el sitio público de marketing. Un widget de sitio web conversa con un prospecto; el chat dentro de la app conversa con un usuario que ya inició sesión, a mitad de una tarea, dentro de lo que ya está pagando o evaluando.

Zendesk traza la misma línea en su propia página de mensajería, posicionando "tu sitio web" y "tu app móvil" como dos canales separados en los que una empresa se despliega, no una única superficie extendida. Crisp va más allá y presenta su línea de SDK explícitamente como infraestructura "para dar poder a las empresas de apps móviles y web", un producto distinto de su widget web básico. La distinción no es cosmética: un widget de sitio web suele ser solo JavaScript, sin necesidad de inicio de sesión, orientado a captar leads. El chat dentro de la app se accede mediante un SDK nativo, conserva la sesión y el estado de la cuenta del usuario, y (según la propia documentación del SDK de Zendesk) por lo general admite autenticación JWT para que el historial de un usuario recurrente lo acompañe entre visitas.

Por eso "añadir chat a mi app" y "añadir un widget de chat a mi sitio web" son dos proyectos distintos, aunque la mayoría de los proveedores venden ambos desde el mismo panel.

Por qué los equipos ponen el chat dentro del propio producto

Hay una brecha real que impulsa esto, no solo un capricho. Zendesk cita su propia investigación que muestra que el 84% de los líderes de CX califica su velocidad de respuesta como excelente, pero solo el 39% de los clientes está de acuerdo, y presenta la mensajería dentro de la app como una forma de cerrar esa brecha de percepción al mantener el soporte "a solo un clic de distancia" dentro de la propia app, no a un cambio de pestaña (Zendesk Messaging).

Algunas razones concretas por las que esto se repite:

• Soporte en contexto. El usuario ya está a mitad de una tarea, pagando, encontrando un error, configurando un ajuste, así que el soporte puede ver (o que le digan) la pantalla exacta y el estado de la cuenta en lugar de empezar con "¿en qué página estás?".
• Menos cambios de contexto. Sin chat dentro de la app, un usuario que se topa con un problema dentro de una app móvil tiene que salir, buscar un navegador, encontrar la página de soporte correcta, y volver a explicarse. El propio SDK móvil de Tidio lo plantea justamente así: "respuestas instantáneas e inteligentes sin salir nunca de tu app".
• Continuidad entre canales. Un usuario que empieza en móvil y luego abre la app web espera que la conversación siga ahí. La documentación del SDK móvil de Freshchat describe cómo pasar el mismo identificador de usuario para que una conversación "continúe sin problemas... desde cualquier plataforma compatible, Android, iOS y Web".
• Una sensación más nativa, que se refleja en la retención. Crisp vincula esto directamente con métricas de producto, describiendo su SDK como una ayuda para "mejorar el engagement y la retención de usuarios" precisamente porque el chat se percibe como parte de la app, no como un plugin ajeno (Crisp Chat SDK).

El camino de construirlo tú mismo: SDKs, y dónde realmente se tensionan

Si eliges la ruta tradicional, todos los proveedores importantes de chat en vivo ofrecen un SDK dedicado móvil o dentro de la app, separado de su widget de sitio web:

Drift es el caso de advertencia que vale la pena nombrar aquí. Su propia página de chat en vivo ahora redirige al nuevo producto de agente de chat con IA de Salesloft, y un reseñador de G2 describió las consecuencias directamente:

"Once Salesloft acquired Drift the customer service went down significantly. They also had a major data breach that impacted the service for 10 days in August... We tried to cancel the renewal, but people from Salesloft kept calling me for payment."

Verified User, G2 review

Ese es el riesgo que es fácil subestimar: una vez que un SDK de chat está integrado como infraestructura en tu producto en vivo, una adquisición o una interrupción del proveedor no es un inconveniente menor, es un canal de soporte que se apaga sin adónde dirigir el volumen. E incluso sin una crisis del proveedor, la parte de la app en estas herramientas suele quedar rezagada respecto al panel web. Un usuario veterano de Crisp lo dijo sin rodeos:

"For many years the experience with the Crisp app, if it even worked, was just not great. Today, it's better, but it still lacks almost all new features Crisp has shipped the last two years: no way to trigger Hugo conversations, there's no AI implemented in the app at all."

Albert M., G2 review

Un reseñador de Freshchat señaló el mismo patrón con un proveedor distinto: "the mobile app experience isn't as smooth or consistent as the desktop version, and occasional notification delays can lead to missed messages" (Siddharth O., G2 review). Si las funciones de IA son la razón por la que estás añadiendo chat en primer lugar, vale la pena verificar si el SDK móvil del proveedor realmente las incluye, y no solo el widget web.

El camino más ligero: una capa de chat con IA en lugar de un SDK sin más

He pasado años viendo a equipos de soporte conectar SDKs de chat y luego añadir una capa de IA encima como un segundo proyecto, que es exactamente el punto de fricción donde la app móvil termina "no siendo genial" meses después de que el widget web ya estaba lanzado. eesel evita ese punto de fricción ofreciendo el agente de IA y la superficie de embed como una sola cosa, en tres variantes según dónde quieras que viva:

Chat bubble es el ícono flotante en la esquina, añadido con una etiqueta de script, que puede colocarse en cualquier página que controles, incluidas páginas dentro de una app con sesión iniciada. La propia documentación de eesel señala que "muchos equipos despliegan el eesel AI Chat Bubble internamente, en una intranet, un portal interno, o un sitio orientado a empleados", que es el mismo patrón dentro de la app del que trata este artículo, solo que aplicado a herramientas internas en lugar de a un producto de cara al cliente.

Inline embed es el que se corresponde más directamente con "poner chat dentro de mi app". En lugar de flotar sobre cada página, es un componente colocado en un punto específico, la parte superior de una página de documentación, dentro de un flujo de onboarding del producto, en un portal para desarrolladores, mediante un fragmento HTML. La propia sección de preguntas frecuentes de eesel lo plantea con claridad: "Un chat bubble flota en la esquina de cada página. El inline embed se coloca en un punto específico dentro de una página concreta... Se siente más nativo y funciona mejor para documentación y centros de ayuda." Ese es el mecanismo al que recurriría si el objetivo es un agente de IA que viva dentro de una pantalla del producto en lugar de flotar sobre ella.

Public chat link prescinde por completo del embed: una URL compartible y personalizable con tu marca que envías por email, Slack, o un ticket de soporte, sin tocar código en absoluto. Es la opción cuando no tienes (o no quieres) acceso al código de la app, y los usuarios finales nunca necesitan una cuenta de eesel para usarlo.

Los tres funcionan sobre la misma base de conocimiento (centro de ayuda, Notion, Confluence, tickets de Zendesk, tu sitio web), responden en más de 80 idiomas, y escalan a un humano según la confianza o el tema. Nada de eso cambia entre superficies, solo el lugar físico donde se sitúa el chat.

Cómo configurarlo en la práctica

Ya sea que elijas la ruta del SDK o la del embed, la forma de configuración es prácticamente la misma en cuatro pasos:

1. Conecta tus fuentes de conocimiento. Centro de ayuda, documentación, Google Drive, Notion, Confluence, tu sitio web, o un helpdesk existente, importados y mantenidos en sincronía automáticamente en lugar de alimentados a mano línea por línea.
2. Personaliza el widget. Nombre, avatar, colores y posición, descritos en lenguaje natural en lugar de buscarlos en un panel de configuración, y luego probados con preguntas reales antes de publicarlo.
3. Pega un fragmento. Una etiqueta <script> para un chat bubble, un fragmento HTML para un inline embed, o nada en absoluto para un enlace de chat público.
4. Ya está activo dentro de tu app. Sin binario nativo que publicar, sin revisión de tienda de apps que esperar si usas un embed en lugar de un SDK móvil real.

Si tu producto realmente necesita un SDK nativo de iOS/Android, porque necesitas notificaciones push a nivel de sistema operativo que despierten la app o enlaces nativos de interfaz profundos, es ahí donde un proveedor como el SDK de iOS de Crisp o el SDK de Android de Freshchat se gana su lugar, y sobre eso colocarías la IA de eesel sobre los datos de tickets que esos SDKs alimentan a un helpdesk conectado. Para una app web, una extensión de navegador, o un portal interno, un embed evita todo ese paso de build nativo.

Precios: lo que realmente cuesta

Los proveedores tradicionales de chat en vivo incluyen el acceso al SDK dentro de la app en un plan más amplio basado en asientos. Los SDKs móviles de Crisp y Tidio son complementos de sus planes estándar (consulta los precios de Crisp y los precios de Tidio), y Tidio en particular restringe su SDK detrás de un formulario de contacto en lugar de un precio publicado.

eesel fija los precios de la forma opuesta: según el uso, sin tarifas por asiento, sin tarifa de plataforma en el plan de autoservicio.

Un ejemplo concreto: 500 sesiones de chat al mes cuestan $200, sin cargo adicional por el volumen de mensajes dentro de una sesión, y nunca se te cobra por conversaciones que atiende un agente humano en su lugar (precios de eesel). Esa es una factura sustancialmente distinta a un plan de chat en vivo por asiento una vez que más de una o dos personas necesitan acceso al panel.

Errores comunes que evitar

• Tratar la parte móvil como algo secundario. Las citas de G2 de arriba son un patrón, no una excepción: las funciones de IA y las nuevas capacidades suelen llegar primero al widget web y meses después (si acaso) a la app nativa. Pregunta directamente a un proveedor qué le falta a su SDK móvil antes de comprometerte.
• Ignorar la pregunta sobre el riesgo del proveedor. Una adquisición, una interrupción, o un cambio de precios golpea más fuerte una vez que el chat es infraestructura dentro de tu producto y no un widget de sitio web reemplazable. Revisa cómo se ha comportado un proveedor en los últimos dos años antes de integrarlo a fondo en tu app.
• Construir la capa de IA como un segundo proyecto. Conectar un SDK de chat sin más a un framework de bot aparte duplica la superficie de mantenimiento. Un agente entrenado con tus propios documentos desde el primer día, colocado directamente en un chat bubble o inline embed, se salta ese paso por completo.
• Olvidar la escalación. Sea lo que sea que integres, confirma que las respuestas de baja confianza se dirijan a un humano, por tema, puntaje de confianza, o solicitud explícita, en lugar de dejar que la IA adivine cuando no debería.

Añade una capa de chat con IA dentro de tu propio producto con eesel

He visto a suficientes equipos conectar un SDK de chat a su app y luego dedicar un segundo proyecto a intentar hacerlo inteligente como para saber que la versión en dos pasos es el camino más difícil. El inline embed de eesel coloca un agente de IA, ya entrenado con tus documentos de ayuda, tickets anteriores y datos del producto, directamente en una página dentro de tu propia app, ya sea un flujo de onboarding, una página de documentación, o un panel de soporte, sin un SDK nativo que mantener ni un segundo proveedor que integrar. Escala a un humano cuando no tiene confianza, funciona en más de 80 idiomas, y factura a $0.40 por conversación sin tarifa de plataforma ni por asiento. Si estás decidiendo si construir esto tú mismo o integrarlo, prueba eesel con tus propios documentos antes de escribir una línea de código de SDK.