Ir al contenido principal

Configura y personaliza el Messenger

Aprende a personalizar, previsualizar y gestionar el Messenger de próxima generación.

Escrito por Beth-Ann Sher

Los ajustes del Messenger están divididos en las siguientes secciones. A continuación, explicaremos qué contiene cada una y cómo gestionarlas.

  • Widget (Widget Messenger estándar)

    • Contenido

    • Apariencia

  • Spotlight (diseñado para Fin for Sales)

  • SDKs móviles

    • Contenido

    • Apariencia

  • Conversaciones

    • Con compañeros de equipo

    • Con Fin

  • General

  • Instalar

  • Seguridad

Nota: Debes tener el permiso "Can access Messenger settings" para gestionar los ajustes del Messenger.


Widget

Aquí gestionas el widget estándar Messenger para tu sitio web.

Contenido

En Ajustes > Messenger > Widget > Contenido, puedes configurar la experiencia inicial de tus clientes con el Widget Messenger, desde el Lanzador del Messenger hasta el Inicio del Messenger.

Terminología:

  • Lanzador del Messenger - la burbuja/círculo de chat (como ves en la parte inferior derecha de tu pantalla ahora 😉).

  • Inicio del Messenger - el espacio de Inicio que se abre cuando los clientes hacen clic en el Lanzador del Messenger por primera vez.

Nota: Ciertas capacidades de marca están restringidas según tu plan de suscripción.

Espacios

Aquí controlas qué espacios ven tus visitantes y users en el Widget Messenger añadiéndolos o eliminándolos.

  • Inicio - Un espacio para personalizar y decidir exactamente qué quieres mostrar a tus visitantes y users.

  • Mensajes - Un espacio para la gestión de conversaciones. Aquí estarán tanto las conversaciones entrantes como las salientes.

  • Tickets - Un espacio para que todos los Tickets vivan, separado de las conversaciones.

  • Help - Un espacio para que los clientes accedan a un completo Help Center contextual desde cualquier parte de tu producto.

  • Noticias - Un espacio para tu feed de Noticias, adecuado para varios tipos de anuncios y curado para cada cliente. (Disponible con opción de suscripción).

  • Tareas - Un espacio donde los clientes pueden completar tus Listas de verificación personalizadas al incorporarse o usar tu producto al máximo. (Disponible con opción de suscripción).

Mensajes es un espacio permanente en el Widget Messenger y no puede desactivarse.

Reordena cómo aparecen los espacios usando arrastrar y soltar. El espacio Inicio siempre permanecerá arriba, pero puede desactivarse si quieres eliminarlo de tu Widget Messenger.

Lanzar directamente a Conversación

Puedes configurar tu Widget Messenger para omitir el espacio Inicio y lanzar directamente al espacio Conversación.

Nota: Esta función es compatible con las versiones 18.6.3 para iOS y 15.15.0 para Android del SDK móvil. Aún no es compatible con Cordova o React Native.

Esto ofrece a los clientes un acceso más rápido al soporte, eliminando pasos adicionales para iniciar un nuevo chat con tu equipo. Activar esto mantendrá el acceso fácil a tus otros espacios del Widget Messenger como artículos de ayuda, conversaciones previas y tickets (si están habilitados).

La configuración "Lanzar directamente a una Conversación" puede configurarse por separado para visitantes, users y usuarios móviles.

Nota: El Widget Messenger no se lanzará directamente al espacio Conversación si:

  • "Permitir que visitantes/users inicien una conversación" está desactivado, O

  • "Requerir que visitantes/users busquen antes de iniciar una conversación" está activado.

En estos casos, el Messenger siempre se abrirá en el espacio predeterminado (Inicio/Mensajes), incluso si “Lanzar directamente a una Conversación” está activado.

Configura tu mensaje de bienvenida

Elige cómo quieres saludar e introducirte cuando abran el Widget Messenger.

Consejo: Esto puede configurarse para soportar hasta 45 idiomas desde Ajustes > Messenger > General > Elegir idiomas soportados.

Nota: La configuración 'Mensaje de bienvenida' solo aparecerá después de habilitar el espacio Inicio en los ajustes del Widget Messenger. Para editar el mensaje de bienvenida, primero añade el espacio Inicio para leads y users.

Personaliza Inicio con aplicaciones

Personaliza el Inicio del Widget Messenger añadiendo y eliminando aplicaciones. Elige si los clientes pueden iniciar una conversación contigo, buscar artículos en tu Help Center, ver anuncios destacados de Noticias, o ver cualquier otra aplicación personalizada.

Nota: El Widget Messenger Home necesita al menos una app.

Mostrar el Messenger Launcher

El Widget Messenger te permite mostrar u ocultar el Messenger Launcher para visitantes y/o users según las reglas de audiencia.

Apariencia

En Configuración > Messenger > Widget > Apariencia, encontrarás todas las formas de personalizar y estilizar el Widget Messenger para que coincida con tus preferencias para múltiples marcas.

Primero selecciona la marca para la que deseas agregar un nuevo estilo usando el menú desplegable en la parte superior.

Antes de crear nuevos estilos para Messenger, asegúrate de haber configurado tus marcas y conectado al Help Center correcto para garantizar que el contenido de soporte adecuado se muestre en tu Messenger por marca.

Importa tu estilo

Si te uniste a Fin desde diciembre de 2023, encontrarás la opción para importar automáticamente el logo y los colores de tu marca. Simplemente ingresa tu domain elegido y haz clic en Importar.

Puedes usar los menús desplegables para seleccionar una acción diferente o color de fondo que se encontró en tu domain.

También puedes elegir usar el logo que se encontró en tu domain. Esto puede cambiarse manualmente en cualquier momento. Este logo solo aparecerá en el Widget Messenger, no en la configuración de tu marca.

Cuando hagas clic en Confirmar la vista previa del Messenger a la derecha se actualizará automáticamente con tu estilo importado. Lee la sección a continuación si deseas personalizar tu estilo de Messenger manualmente. 👇

Tema y marca del Messenger

Configura el modo de tema para tu Widget Messenger en Messenger > Widget > Apariencia > Tema y marca del Messenger. Puedes controlar qué versión del Messenger ven tus clientes:

  • Claro: Siempre muestra tu tema en modo claro.

  • Oscuro: Siempre muestra tu tema en modo oscuro.

  • Coincidir con el sistema: Coincide automáticamente con el tema del sistema de tus clientes.

Nota: La paleta de colores y el logo de tu Widget Messenger se configuran por separado para cada tema. Si activas el tema oscuro/claro, deberás seleccionar el logo y la paleta de colores que quieres que use este tema. Esto te ayuda a asegurar contraste, legibilidad y una experiencia de marca consistente, sin importar cómo navegue tu cliente.

Consejo: Si prefieres controlar cuándo el Widget Messenger cambia entre modo claro y oscuro tú mismo, en lugar de depender de la configuración del sistema, puedes hacerlo usando nuestras APIs del lado del cliente. Esto es especialmente útil si tu app cambia temas según las preferencias del user, un interruptor o la hora del día.

Logo y colores

También puedes personalizar el logo y los colores en el Widget Messenger desde Messenger > Widget > Apariencia > Tema y marca del Messenger. Esto te permite alinear la interfaz de chat con tu identidad visual.

Estiliza el Messenger Home con tu logo y decide si mostrar los avatares de tus compañeros para un toque más personal.

Nota: Puedes subir un logo diferente para el tema claro y oscuro.

Usa las siguientes pautas al subir un logo. 👇

  • No recomendado: Mucho espacio alrededor de tu logo.

  • Recomendado: Un recorte ajustado se verá mejor.

El espacio disponible para un logo cambiará si has elegido mostrar los avatares de tu equipo.

Selecciona el Fondo de la pantalla de inicio que se usa en el encabezado de Messenger Home, y el Color de acción (Color primario) que se usa en botones, enlaces y más para resaltar y enfatizar.

Personaliza aún más el encabezado del Widget Messenger con degradados de color opcionales, imagen de fondo, desvanecimiento de fondo o color de texto.

Nota:

  • La capacidad de personalizar tanto el Messenger Launcher como el Messenger Home solo está disponible en el plan Advanced o Expert.

  • Puedes seleccionar diferentes paletas de colores para el tema claro y oscuro.

  • Las imágenes del logo casi siempre aparecerán más pequeñas dentro del marco circular debido al relleno interno. Aumentar el tamaño de la imagen no afectará cuánto del círculo se llena. Este es un comportamiento esperado para mantener la consistencia en todos los dispositivos.

  • Si seleccionas Imagen como fondo del encabezado, recomendamos usar una imagen de 800 x 600 píxeles.

  • El color de la insignia de notificación roja es fijo y no puede cambiarse mediante la configuración del Messenger o el código de instalación.

Avatares de compañeros

Elige ocultar o habilitar los avatares de compañeros en el Widget Messenger Home para añadir un toque personal.

Nota: La visualización de avatares cambia cuando Fin AI Agent está habilitado. Si Fin está configurado sin una ruta de transferencia humana, solo aparecerá el avatar de Fin y no se mostrarán los avatares de compañeros aunque esta configuración esté activada. Más información sobre la personalización de Fin en el Widget Messenger.

Posición del Launcher

Ajusta la posición de tu launcher en computadoras y tabletas de la derecha a la izquierda, y ajusta el espacio lateral y inferior.

Nota:

  • Consulta nuestros planes y precios si esta función está incluida en tu suscripción.

  • Para encontrar la configuración del Messenger Launcher, primero debe estar activado Mostrar el Messenger Launcher para visitantes/users.

  • El Messenger Launcher usa el Color de acción (Color primario) que seleccionaste en colores de marca.

  • Solo puedes configurar el Messenger Launcher en una posición en tu sitio (no puede aparecer en múltiples posiciones en el mismo sitio).

  • Puedes posicionar tu launcher en el lado izquierdo o derecho de la pantalla, ajustar su relleno y subir una imagen personalizada. Sin embargo, actualmente no es posible agrandar el símbolo del launcher o moverlo dinámicamente según el contenido de la página.


Spotlight

Opcionalmente, puedes usar el Spotlight Messenger en la web. Esta experiencia de Messenger ha sido diseñada específicamente para Fin for Sales pero puede usarse como tu Messenger web estándar. Spotlight está optimizado para impulsar el compromiso, ayudando a mover a los visitantes web desde el interés inicial hacia una intención más profunda y conversaciones de ventas de mayor calidad.

Configura Spotlight desde Configuración > Messenger > Spotlight.

Aquí, puedes elegir quién ve el Spotlight Messenger. Para esa audiencia, reemplaza al Widget Messenger. Por defecto, se vuelve visible para todos los visitantes y leads una vez que Fin for Sales está desplegado.


SDKs móviles

El Messenger funciona perfectamente también en tu app móvil. Puedes configurar la experiencia para los users de la app móvil desde Configuración > Messenger > SDKs móviles.

La configuración aquí es la misma que para web, salvo cuando una función es solo para web. Aprende cómo funciona el Messenger en apps móviles.

Web incluye tanto web de escritorio como web móvil. SDKs móviles se refiere a tu app móvil (si tienes una).

Nota: Para usar el modo oscuro en móvil, los clientes necesitarán tener las siguientes versiones mínimas del Intercom SDK:

  • Android: 17.0.0

  • iOS: 19.0.0


Conversaciones

Elige cómo los clientes inician conversaciones contigo en el Widget Messenger, presenta a tu equipo y añade avisos especiales desde Configuración > Messenger > Conversaciones.

Texto del botón para iniciar conversación

El "Texto del botón para iniciar conversación" o llamada a la acción (CTA) puede configurarse por separado para teammates y Fin AI Agent.

Por ejemplo, cuando una conversación va a ser manejada por un teammate, puede que quieras que el botón CTA diga "Contactar Soporte" para que los clientes sepan que están en contacto con tu equipo humano de soporte. En cambio, si una conversación va a ser manejada por Fin, puede que prefieras que el botón CTA diga "Haz una pregunta".

Con teammates

Para conversaciones iniciadas con teammates, elige el "Texto del botón para iniciar conversación" o CTA. Puedes seleccionar entre 6 opciones y establecer un CTA diferente para visitantes y users.

En el espacio de Mensajes así es como se ve el CTA:

Los clientes verán este CTA en los espacios de Inicio, Mensajes y Ayuda en el Widget Messenger cuando una conversación va a ser manejada por un teammate (no por Fin AI Agent).

La identidad humana mostrada instantáneamente permite a los clientes saber que están hablando con una persona de tu equipo. El nombre del teammate se muestra justo debajo de cada mensaje que envían en el Messenger.

Con Fin

Para conversaciones iniciadas con Fin AI Agent, puedes elegir establecer expectativas del bot que te permiten cambiar el "Texto del botón para iniciar conversación" o CTA cuando una conversación será manejada por Fin. O simplemente igualar las expectativas de teammates que estableciste arriba.

La identidad de Fin AI Agent está integrada sin problemas en la interfaz de usuario del Widget Messenger. Esta configuración de etiqueta del AI Agent puede activarse o desactivarse en la configuración de Fin AI Agent > Identidad. Por cada mensaje que envía el AI Agent, la etiqueta "Fin AI Agent" se muestra justo debajo de la burbuja del mensaje. Esta colocación consistente y clara permite a los clientes seguir fácilmente el flujo de la conversación y entender que tú eres la fuente de las respuestas.

Expectativas de respuesta

Muestra los tiempos de respuesta durante las horas de oficina e indica cuándo tu equipo volverá a estar en línea fuera de las horas de oficina en el Widget Messenger. También puedes activar "Mostrar horas de oficina después de asignar equipo" para mostrar tus horas de oficina solo después de que una conversación sea asignada a un equipo. Recomendamos esta opción si has establecido horas de oficina a nivel de equipo.

Introducción del equipo

Edita la Introducción del equipo para presentar a tu equipo a los clientes y establecer expectativas antes de que inicien una conversación en el Widget Messenger.

Consejo: Esto puede configurarse para soportar hasta 45 idiomas desde Configuración > Messenger > General > Elegir idiomas soportados.

Aviso especial

Escribe un Aviso especial para todos tus visitantes y users en el Widget Messenger. Por ejemplo, si tus tiempos de respuesta son más lentos de lo habitual. Los avisos especiales pueden personalizarse en varios idiomas soportados por tu workspace, y puedes mejorarlos con enlaces y estilos de texto para mayor claridad y compromiso.


General

En Configuración > Messenger > General encontrarás controles de volumen entrante, horas de oficina y tiempos de respuesta, idiomas soportados, configuraciones de seguridad, aviso de política de privacidad y otras preferencias del Messenger.

Controlar volumen entrante

Controla el volumen entrante decidiendo quién puede iniciar una conversación en el Widget Messenger. Puedes hacerlo más específico añadiendo condiciones de visualización basadas en atributos de users.

Elegir idiomas soportados

Elige qué idioma predeterminado debe mostrarse en la interfaz del Widget Messenger para todos los clientes, o agrega diferentes idiomas para mostrar el Messenger en esos idiomas cuando coincidan con la configuración del navegador o dispositivo de tu cliente.

Mantén tu Messenger seguro

Lista tus domains y subdomains de confianza, separados por comas (tu Messenger solo se mostrará en estos domains). Para marcar todos tus subdomains como confiables, usa un asterisco como comodín así: *example.com. Si dejas este campo en blanco, tu Messenger puede añadirse a cualquier domain.

También puedes configurar:

  • Duración de la sesión: Controla cuánto tiempo permanecen activas las sesiones del Messenger de tus users

  • Cookies seguras: Transmitir cookies del Messenger solo a través de conexiones HTTPS.

Recomendamos encarecidamente configurar la verificación de identidad para evitar que terceros se hagan pasar por tus users conectados y vean sus conversaciones.

Nota:

  • Si dejas el campo "domains de confianza" en blanco, tu Messenger puede añadirse a cualquier domain.

  • Puedes listar múltiples domains, separados por comas.

  • Para listar todos los subdomains solo usa un asterisco, como *.intercom.com.

  • No soportamos añadir localhost, pero puedes añadir '0.0.0.0' y/o '127.0.0.1' y el Messenger funcionará en estos domains.

Configura ajustes de privacidad

Notificaciones móviles compatibles con HIPAA

Oculta el contenido del mensaje en las notificaciones push móviles para proteger la información sensible de los clientes.

Política de privacidad

Vincula tu privacy policy dentro del Widget Messenger y recuerda a los clientes tus políticas de procesamiento y protección de datos. El aviso aparecerá al inicio de cada nueva conversación hasta que el cliente envíe un mensaje o lo descarte.

El aviso de privacy policy soporta múltiples idiomas, estilos de texto e hipervínculos.

Otras preferencias

Configura tus otras preferencias del Messenger, como si los clientes escuchan un sonido para los mensajes entrantes que envías. Con el audio activado, tus users escucharán una notificación sonora cuando reciban un nuevo mensaje de ti, y una retroalimentación de audio cuando envíen un mensaje.

O deja de enviar informes de error a nosotros. Cuando está activado, tu Messenger deja de enviar informes de error a Fin en Web, iOS y Android. Usamos estos informes para depurar problemas que afectan a tus clientes.


Seguridad

Recomendamos encarecidamente asegurar tu Messenger con JSON web tokens (JWTs) para que puedas estar seguro de que la persona con la que hablas es realmente quien dice ser. Esto previene que actores malintencionados se hagan pasar por tus users conectados y vean sus conversaciones históricas.

Además, puedes establecer una expiración corta para el token del user y también asegurar cualquier dato enviado sobre ellos en la carga útil.

Puedes acceder a la configuración de seguridad de tu Messenger en Configuración > Canales > Messenger > Seguridad


Guardar y activar

Cuando estés satisfecho con la vista previa de tu Messenger, haz clic en Guardar y activar. ✨


Preguntas frecuentes

¿Por qué aparece la marca incorrecta del Messenger en mi sitio web o en las conversaciones?

La configuración de tu trusted domain puede no cubrir todos los subdominios y variaciones de URL. Asegúrate de que incluya un comodín para cubrir todos los subdominios (por ejemplo, *.example.com). Esto garantiza que la marca correcta se cargue en todas las URLs.

Puedes actualizar tus trusted domains en Configuración > Messenger > General > Mantén tu Messenger seguro.

¿Por qué la marca del Messenger no aparece de forma consistente en todas las páginas?

Esto suele ser causado por barras diagonales al final en las entradas de tu domain. Elimina cualquier barra diagonal al final de tus objetivos de domain en la configuración del espacio de trabajo — usa example.com en lugar de example.com/.

Puedes actualizar tus entradas de domain en Configuración > Messenger > General > Mantén tu Messenger seguro.

¿Por qué aparecen logotipos duplicados en mi Messenger?

Ve a Configuración > Canales > Messenger y revisa los logotipos e íconos de tu marca. Actualiza o elimina cualquier entrada duplicada para resolver esto.

¿Ha quedado contestada tu pregunta?