Con Intercom puedes soportar múltiples marcas o negocios desde un solo espacio de trabajo, asegurando que el Messenger sea una combinación perfecta para cada uno de tus diferentes domains. Este artículo explica cómo configurar estilos de Messenger multimarcas tanto para Web como para Mobile SDKs.
Antes de crear nuevos estilos de Messenger, asegúrate de haber configurado tus marcas primero.
Nota:
Al configurar una Marca para el Mobile SDK, los users deben ingresar su App ID real de iOS o Android (proporcionado por su desarrollador), no la clave API del Intercom Mobile SDK. Esto asegura la asociación correcta entre la app y la Marca.
Multibrand no está disponible en todos los planes.
Agregar estilos adicionales de Messenger en la web
Por defecto, el Intercom Messenger tiene un grupo de configuraciones de estilo para una sola marca que puedes configurar en Configuración > Canales > Messenger > Web > Estilos.
Consejo: El nombre de la marca para la marca predeterminada es el nombre de tu espacio de trabajo, que puedes cambiar en Configuración > Workplace > General.
Para agregar un estilo adicional para una de tus marcas, haz clic en el nombre de tu marca en la sección Estilos y selecciona + Nuevo estilo del menú desplegable.
En la ventana que se abre, especifica el Nombre del estilo y selecciona la Marca con la que deseas asociarlo, luego agrega las URLs (domains o subdominios) donde te gustaría usarlo.
Para usar este estilo de Messenger en más de un domain, haz clic en + Agregar URL. Cuando el Messenger se cargue en cualquier otro domain (no especificado en un estilo de marca adicional) se aplicará el estilo de marca predeterminado.
Subdominios
Puedes especificar subdominios (app.examply.com) y subdirectorios (examply.com/a/apps/…) en las URLs que apuntas.
Hay una jerarquía de coincidencia: Exacta > Parcial > Comodín
Coincidencia exacta - donde el domain visitado coincide exactamente con la URL de su marca.
Coincidencia parcial - donde el domain visitado contiene la URL de la marca, por ejemplo Marca →
examply.com/helpdomain →examply.com/help/1Coincidencia con comodín - donde la URL coincide con algún valor comodín.
Comodín
El uso de comodines es usar * una vez al inicio de la URL de tu marca como término de captura general.
Por ejemplo:
Marca 1 →
examply.com→ Messenger con estilo azulMarca 2 →
*.examply.com→ Messenger con estilo rojo
Nota:
Cualquier uso de
wwwse ignora al hacer la coincidencia, es decir,www.examply.comes lo mismo queexamply.comUna URL con más de un comodín
*no será coincidente.Una URL con un comodín en cualquier lugar que no sea el primer carácter no será coincidente.
Anular el estilo del Messenger mediante la llamada de arranque
Si tienes el complemento Multibrand, puedes omitir completamente la coincidencia basada en URL pasando un parámetro messenger_style_id al iniciar el Messenger. La identidad de marca, colores y la persona del agente Fin AI del estilo especificado se aplicarán sin importar la URL de la página.
Cómo usarlo
Usa el menú desplegable de marcas para encontrar el estilo que quieres usar y haz clic en Copiar ID.
Pasa el ID copiado en tu llamada de arranque del Messenger:
Intercom('boot', {
app_id: 'YOUR_APP_ID',
messenger_style_id: 'COPIED_STYLE_ID'
});
El Messenger se cargará con la marca, colores e identidad Fin del estilo especificado, sin importar qué patrones de URL estén configurados.
Nota:
Esta función requiere el complemento Multibrand.
Cuando se proporciona
messenger_style_id, tiene prioridad sobre la coincidencia basada en URL. El orden de resolución es:messenger_style_id> coincidencia de URL > configuración de marca predeterminada.Si el
messenger_style_idproporcionado no coincide con un estilo válido para tu espacio de trabajo, el Messenger vuelve a la coincidencia basada en URL.
Importante: El parámetro de arranque messenger_style_id requiere una configuración adicional a nivel de espacio de trabajo para estar habilitado antes de que funcione. Sin ella, el parámetro se ignora silenciosamente: el Messenger se carga con el estilo de marca predeterminado aunque messenger_style_id aparezca en los registros del servidor. Contacta a nuestro equipo de Soporte para solicitar esta configuración para tu espacio de trabajo antes de depender de este parámetro.
Agregar estilos adicionales de Messenger en Mobile SDKs
Los estilos de Messenger para tu app móvil también pueden coincidir con tus marcas únicas. Ve a Configuración > Canales > Messenger > Mobile SDKs > Estilos.
Haz clic en el nombre de tu marca y selecciona + Nuevo estilo del menú desplegable.
En la ventana que se abre, especifica el Nombre del estilo y selecciona la Marca con la que deseas asociarlo, luego agrega el App ID (iOS o Android) donde te gustaría usarlo.
Nota:
Al configurar una Marca para el Mobile SDK, debes ingresar tu App ID real de iOS o Android proporcionado por tu desarrollador y no la clave API del Intercom Mobile SDK. Esto asegura la asociación correcta entre la app y la Marca.
Cada App ID móvil (identificador de paquete iOS o applicationId de Android) solo puede vincularse a un estilo de Messenger. Si intentas asociar el mismo App ID con más de un estilo, la interfaz lo bloqueará con un error de "ya asociado".
Si necesitas estilos de Messenger distintos para diferentes marcas en una sola app móvil, hay algunas opciones a considerar:
Estilo único de Messenger con reglas de audiencia: Mantén un estilo asignado al App ID y usa reglas de audiencia y atributos para controlar qué contenido y puntos de entrada ven los users de cada marca. Esta es la opción más sencilla de implementar, pero el marco del Messenger (logo y colores) se compartirá entre marcas.
Variantes de app separadas con App IDs distintos por marca: Envía binarios iOS/Android separados con diferentes identificadores de paquete/applicationIds (por ejemplo, com.company.app.brandA y com.company.app.brandB), luego asigna cada App ID a su propio estilo de Messenger dentro del mismo espacio de trabajo de Intercom.
Múltiples espacios de trabajo de Intercom (uno por marca): Ejecuta un espacio de trabajo separado por marca para una separación completa de branding, Help Centers, permisos e informes.
Personaliza tus estilos adicionales de Messenger
Después de configurar tus estilos adicionales de Messenger, es sencillo personalizarlos para cada marca. Solo selecciona la marca en el menú desplegable en la pestaña de Estilos (como se describió arriba) y luego personaliza el Messenger para que coincida con esa marca en:
Nota:
El contenido del Messenger como espacios, apps, el mensaje de bienvenida, etc. no puede personalizarse para múltiples marcas.
Asegúrate de haber conectado tu estilo de Messenger a la marca y Help Center correctos para mostrar el contenido de soporte adecuado en el Messenger.
Actualmente no está disponible activar o desactivar Help Centers selectivamente por marca. Si no quieres publicar contenido de Help Center para una marca específica, simplemente conecta esa marca a un Help Center que no esté activo.
Apariencia en el Messenger y el Inbox
Cuando el Messenger se carga en cualquiera de tus domains, aparecerá con el estilo de marca apropiado y la posición del Messenger.
Cuando un cliente inicia una conversación en el Messenger, puedes ver fácilmente qué marca estás representando en el Inbox bajo "Atributos de conversación" y ofrecer una experiencia coherente y con la marca para todos tus clientes.
Nota: La introducción de tu equipo, saludo y otras configuraciones del Messenger serán las mismas en todos tus domains.
Apariencia en las notificaciones por correo electrónico
Los correos electrónicos también se personalizan con la marca de tu empresa. El correo electrónico vendrá de <Nombre del compañero> de <marca que el user coincidió con la URL>
Nota: Las múltiples marcas solo funcionan para notificaciones por correo electrónico de conversaciones iniciadas en el Messenger y no para correo electrónico entrante.
Preguntas frecuentes
¿Puedo tener diferentes apps para los Messengers de cada una de mis marcas?
¿Puedo tener diferentes apps para los Messengers de cada una de mis marcas?
No, no puedes tener diferentes apps para los Messengers de cada una de mis marcas. Las apps de Messenger son una configuración a nivel de espacio de trabajo, lo que significa que las mismas apps estarán disponibles en todas las marcas de tu espacio de trabajo. Sin embargo, puedes usar reglas de audiencia dentro de cada app para controlar qué audiencia de marca la ve. Esto te permite crear efectivamente un conjunto único de apps visibles para cada marca.
¿Qué contenido del Messenger puedo personalizar para cada marca?
¿Qué contenido del Messenger puedo personalizar para cada marca?
Puedes personalizar la apariencia visual, incluyendo colores, logotipos, nombres de encabezado e imágenes de fondo para el Messenger de cada marca.
También puedes personalizar el Nombre del encabezado:
Para tu Marca predeterminada, el encabezado muestra el Nombre del espacio de trabajo.
Para Marcas secundarias, el encabezado muestra el Nombre de la marca que configuraste en la configuración de tu Marca.
Nota: Contenido como la lista de apps, el mensaje de bienvenida y los nombres de los espacios del Messenger (Inicio, Mensajes, Help) no son personalizables.
¿Cómo controlo qué apps ven mis clientes para una marca específica?
¿Cómo controlo qué apps ven mis clientes para una marca específica?
Para controlar la visibilidad de las apps, debes usar reglas de audiencia dentro de cada app. En la configuración de tu Messenger, al configurar una app, puedes agregar una regla de audiencia basada en atributos como el current_url para mostrar la app solo cuando un user esté en el domain de una marca específica.