Integración de widgets de Intercom, LiveChat & Zendesk

Facilite el trabajo de sus equipos de soporte y ventas insertando enlaces de reproducción de sesiones en vivo directamente en sus widgets de chat preferidos.

1. Cómo funciona la integración

Cuando un visitante contacta con soporte mediante un widget de chat del sitio, a los agentes les suele costar comprender qué está experimentando. Pedir capturas de pantalla o pasos para reproducir el problema crea fricción y retrasa la resolución.

El puente de metadatos de chat de MousePlayer lo resuelve mediante una supervisión automática en segundo plano (initChatMetadataBridge) dentro del navegador. Al activarse, el script detecta si Intercom, LiveChato Zendesk está presente en la página e inserta automáticamente en los metadatos del chat un atributo personalizado con la URL directa de reproducción en un clic (mouseplayer_session_url).

Sin latencia & reintentos automáticos: Como los widgets de chat suelen cargarse de forma asíncrona después de la página, MousePlayer comprueba automáticamente su disponibilidad cada 3 segundos para asociar los enlaces de sesión sin condiciones de carrera.

2. Cómo activar la integración

Puede activar el puente de chat con el interruptor sin código del panel o manualmente mediante el objeto de configuración JavaScript.

Método A: activación sin código desde el panel (recomendado)

  1. Inicie sesión en MousePlayer y vaya a Sus propiedades.
  2. Haga clic en el botón Ajustes / Integraciones junto al dominio correspondiente.
  3. En la ventana de integraciones, cambie Activar puente de metadatos de chat en vivo a ON.
  4. Seleccione su proveedor (Intercom, LiveChat o Zendesk) y haga clic en Guardar ajustes. El cambio se aplica al instante a todos los usuarios activos.

Método B: configuración manual del script

Si integra MousePlayer directamente en el código sin el cargador de configuración remota, pase chat_bridge_active: true dentro de su objeto window.mp_config de configuración:

<!-- MousePlayer SDK with Chat Bridge Enabled --> <script> window.mp_config = { channel: 'YOUR_CHANNEL_ID', chat_bridge_active: true, chat_provider: 'intercom' // 'intercom', 'livechat', or 'zendesk' }; </script>

3. Flujo técnico de datos por proveedor

Según su software de chat, MousePlayer llama al método del SDK del proveedor para asociar la URL de reproducción activa:

Proveedor de chat Método JavaScript ejecutado Clave de metadatos insertada
Intercom window.Intercom('update', { ... }) mouseplayer_session_url
LiveChat window.LiveChatWidget.call('set_session_variables', { ... }) mouseplayer_session_url
Zendesk window.zE('webWidget', 'identify', { ... }) mouseplayer_session_url

4. Cómo aparece en las interfaces de agentes

Una vez activado, los agentes ven un enlace directo a la sesión en vivo en su panel cuando un usuario inicia una conversación.

1. Vista de la bandeja de entrada de Intercom

Cuando un agente abre una conversación en Intercom, el enlace aparece en la barra lateral derecha, en el panel Datos del usuario / Atributos personalizados . Los agentes pueden hacer clic en la URL para abrir al instante la reproducción en modo cine de MousePlayer en una nueva pestaña.

2. Aplicación de agentes de LiveChat

En la aplicación de agentes de LiveChat, vaya a la barra lateral derecha del chat activo y despliegue la sección Detalles → Variables personalizadas . La variable mouseplayer_session_url aparece como un enlace clicable.

3. Espacio de trabajo de agentes de Zendesk

En el espacio de trabajo de agentes de Zendesk, consulte el panel Contexto del cliente / Información del usuario a la derecha de la vista del ticket. El enlace de metadatos aparece en los campos personalizados del perfil y permite navegar conjuntamente en vivo y depurar al instante.

Todas las marcas mencionadas pertenecen a sus respectivos propietarios. MousePlayer no mantiene ninguna relación comercial con estos proveedores.