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.
Nota:
Antes de crear nuevos estilos de Messenger, asegúrate de haber configurado tus marcas primero.
Al configurar una Brand para el mobile SDK, los users deben ingresar su App ID real de iOS o Android (según lo proporcionado por su desarrollador), no la clave API del Intercom Mobile SDK. Esto asegura la asociación correcta entre la app y la Brand.
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 brand que puedes configurar en Settings > Channels > Messenger > Widget en la sección Styles.
Consejo: El nombre de la brand para la brand predeterminada es el nombre de tu workspace, que puedes cambiar en Settings > Workplace > General.
Para agregar un estilo adicional para una de tus brands, haz clic en el nombre de tu brand en la sección Styles y selecciona + New style en el menú desplegable.
En la ventana que se abre, especifica el Style name y selecciona la Brand con la que quieres asociarlo, luego agrega las URLs (domains o subdomains) donde deseas usarlo.
Para usar este estilo de Messenger en más de un domain, haz clic en + Add URL. Cuando el Messenger se cargue en cualquier otro domain (no especificado en un estilo de brand adicional) se aplicará el estilo de brand predeterminado.
Subdominios
Puedes especificar subdomains (app.examply.com) y subdirectorios (examply.com/a/apps/…) en las URLs que apuntas.
Hay una jerarquía de coincidencias: Exact > Partial > Wildcard
Coincidencia exacta - donde el domain visitado coincide exactamente con la URL de su brand.
Coincidencia parcial - donde el domain visitado contiene la URL de la brand, por ejemplo Brand →
examply.com/helpdomain →examply.com/help/1Coincidencia comodín - donde la URL coincide con algún valor comodín.
Comodín
El comodín es usar * una vez al inicio de la URL de tu brand como término de captura general.
Por ejemplo:
Brand 1 →
examply.com→ Messenger con estilo azulBrand 2 →
*.examply.com→ Messenger con estilo rojo
Nota:
Cualquier uso de
wwwse ignora al hacer la coincidencia, es decir,www.examply.comes igual 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 la brand, 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 Styles 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 brand, 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 brand predeterminada.Si el
messenger_style_idproporcionado no coincide con un estilo válido para tu workspace, el Messenger volverá a la coincidencia basada en URL.
Importante: El parámetro de arranque messenger_style_id requiere una configuración adicional a nivel de workspace para estar habilitado antes de que funcione. Sin ella, el parámetro se ignora silenciosamente: el Messenger se carga con el estilo de brand predeterminado aunque messenger_style_id aparezca en los registros del servidor. Contacta a nuestro equipo de Support para solicitar esta configuración para tu workspace 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 Settings > Channels > Messenger > Mobile SDKs > Appearance y busca la sección Styles.
Haz clic en el menú desplegable Styles y selecciona + New style.
En la ventana que se abre, especifica el Style name y selecciona la Brand con la que quieres asociarlo, luego agrega el App ID (iOS o Android) donde deseas usarlo.
Nota:
Al configurar una Brand para el mobile SDK, debes ingresar tu App ID real de iOS o Android según lo proporcionado por tu desarrollador y no la clave API del Intercom Mobile SDK. Esto asegura la asociación correcta entre la app y la Brand.
Cada App ID móvil (identificador de paquete iOS o applicationId de Android) solo puede estar vinculado 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 brands en una sola app móvil, hay algunos enfoques 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 brand. Esta es la opción más simple de implementar, pero el chrome del Messenger (logo y colores) se compartirá entre las brands.
Variantes de app separadas con App IDs distintos por brand: 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 workspace de Intercom.
Multiples workspaces de Intercom (uno por brand): Ejecuta un workspace separado por brand 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 brand. Solo selecciona la brand en el menú desplegable en la pestaña Styling (como se describió arriba) y luego personaliza el Messenger para que coincida con esa brand en:
Nota:
El contenido del Messenger como espacios, apps, el mensaje de bienvenida, etc. no puede personalizarse para múltiples brands.
Asegúrate de haber conectado tu estilo de Messenger a la brand 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 brand. Si no quieres publicar contenido de Help Center para una brand específica, simplemente conecta esa brand 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 brand apropiado y la posición del Messenger.
Cuando un cliente inicia una conversación en el Messenger, puedes ver fácilmente qué brand estás representando en el Inbox bajo "Conversation attributes" 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 <Teammate name> from <brand that user matched the URL for>
Nota: Múltiples brands 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 cada Messenger de mis brands?
¿Puedo tener diferentes apps para cada Messenger de mis brands?
No, no puedes tener diferentes apps para cada Messenger de mis brands. Las apps de Messenger son una configuración a nivel de workspace, lo que significa que las mismas apps estarán disponibles en todas las brands de tu workspace. Sin embargo, puedes usar reglas de audiencia dentro de cada app para controlar qué audiencia de brand la ve. Esto te permite crear efectivamente un conjunto único de apps visibles para cada brand.
¿Qué contenido del Messenger puedo personalizar para cada brand?
¿Qué contenido del Messenger puedo personalizar para cada brand?
Puedes personalizar la apariencia visual, incluyendo colores, logotipos, nombres de encabezado e imágenes de fondo para el Messenger de cada brand.
También puedes personalizar el Nombre del Encabezado:
Para tu Default Brand, el encabezado muestra tu Workspace Name.
Para Secondary Brands, el encabezado muestra el Brand Name que configuraste en la configuración de tu Brand.
Nota: Contenido como la lista de apps, el mensaje de bienvenida y los nombres de los espacios del Messenger (Home, Messages, Help) no son personalizables.
¿Cómo controlo qué apps ven mis clientes para una brand específica?
¿Cómo controlo qué apps ven mis clientes para una brand 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 brand específica.