Com o Intercom você pode suportar múltiplas marcas ou negócios a partir de um único workspace, garantindo que o Messenger combine perfeitamente com cada um dos seus diferentes domains. Este artigo explica como configurar estilos multi-marca para Messenger tanto para Web quanto para Mobile SDKs.
Antes de criar novos estilos para o Messenger, certifique-se de que você já configurou suas marcas primeiro.
Nota:
Ao configurar uma Brand para o mobile SDK, os users devem inserir seu verdadeiro iOS ou Android App ID (conforme fornecido pelo desenvolvedor), e não a chave API do Intercom Mobile SDK. Isso garante a associação correta entre o app e a Brand.
Multibrand não está disponível em todos os planos.
Adicione estilos adicionais do Messenger na web
Por padrão, o Intercom Messenger tem um grupo de configurações de estilo para uma única brand que você pode configurar em Configurações > Canais > Messenger > Web > Estilos.
Dica: O nome da brand para a brand padrão é o nome do seu workspace, que você pode alterar em Configurações > Workspace > Geral.
Para adicionar um estilo adicional para uma de suas brands, clique no nome da sua brand na seção Estilos e selecione + Novo estilo no menu suspenso.
Na janela que abrir, especifique o Nome do estilo e selecione a Brand com a qual deseja associá-lo, depois adicione as URLs (domains ou subdomains) onde você gostaria de usá-lo.
Para usar este estilo do Messenger em mais de um domain, clique em + Adicionar URL. Quando o Messenger for carregado em qualquer outro domain (não especificado em um estilo adicional de brand), o estilo da brand padrão será aplicado.
Subdomínios
Você pode especificar subdomains (app.examply.com) e subdiretórios (examply.com/a/apps/…) nas URLs que você direciona.
Existe uma hierarquia de correspondência: Exata > Parcial > Coringa
Correspondência exata - quando o domain visitado corresponde exatamente à URL da brand.
Correspondência parcial - quando o domain visitado contém a URL da brand, por exemplo Brand →
examply.com/helpdomain →examply.com/help/1Correspondência coringa - quando a URL corresponde a algum valor com coringa.
Coringa
Coringa é usar * uma vez no início da URL da sua brand como um termo curinga para tudo.
Por exemplo:
Brand 1 →
examply.com→ Messenger com estilo azulBrand 2 →
*.examply.com→ Messenger com estilo vermelho
Nota:
Qualquer uso de
wwwé desconsiderado na correspondência, ou seja,www.examply.comé o mesmo queexamply.comUma URL com mais de um coringa
*não será correspondida.Uma URL com um coringa em qualquer lugar que não seja o primeiro caractere não será correspondida.
Substitua o estilo do Messenger via chamada de boot
Se você estiver no add-on Multibrand, pode ignorar completamente a correspondência baseada em URL passando um parâmetro messenger_style_id ao iniciar o Messenger. A identidade da brand, cores e persona do agente Fin AI do estilo especificado serão aplicadas independentemente da URL da página.
Como usar
Use o menu suspenso de brand para encontrar o estilo que deseja usar e clique em Copiar ID.
Passe o ID copiado na sua chamada de boot do Messenger:
Intercom('boot', {
app_id: 'YOUR_APP_ID',
messenger_style_id: 'COPIED_STYLE_ID'
});
O Messenger será carregado com a brand, cores e identidade Fin do estilo especificado, independentemente dos padrões de URL configurados.
Nota:
Este recurso requer o add-on Multibrand.
Quando
messenger_style_idé fornecido, ele tem prioridade sobre a correspondência baseada em URL. A ordem de resolução é:messenger_style_id> correspondência de URL > configurações da brand padrão.Se o
messenger_style_idfornecido não corresponder a um estilo válido para seu workspace, o Messenger volta a usar a correspondência baseada em URL.
Importante: O parâmetro de boot messenger_style_id requer uma configuração adicional no nível do workspace para ser ativado antes de funcionar. Sem isso, o parâmetro é ignorado silenciosamente — o Messenger carrega com o estilo da brand padrão mesmo que messenger_style_id apareça nos logs do servidor. Contate nossa equipe de Support para solicitar essa configuração para seu workspace antes de depender deste parâmetro.
Adicione estilos adicionais do Messenger nos Mobile SDKs
Estilos do Messenger para seu app móvel também podem combinar suas brands únicas. Vá para Configurações > Canais > Messenger > Mobile SDKs > Estilos.
Clique no nome da sua brand e selecione + Novo estilo no menu suspenso.
Na janela que abrir, especifique o Nome do estilo e selecione a Brand com a qual deseja associá-lo, depois adicione o App ID (iOS ou Android) onde você gostaria de usá-lo.
Nota:
Ao configurar uma Brand para o mobile SDK, você deve inserir seu verdadeiro iOS ou Android App ID conforme fornecido pelo seu desenvolvedor e não a chave API do Intercom Mobile SDK. Isso garante a associação correta entre o app e a Brand.
Cada App ID móvel (identificador do pacote iOS ou applicationId Android) só pode ser vinculado a um estilo do Messenger. Se você tentar associar o mesmo App ID a mais de um estilo, a interface bloqueará com um erro de "já associado".
Se você precisar de estilos distintos do Messenger para diferentes brands em um único app móvel, há algumas abordagens a considerar:
Estilo único do Messenger com regras de audiência: Mantenha um estilo mapeado para o App ID e use regras de audiência e atributos para controlar qual conteúdo e pontos de entrada os users de cada brand veem. Esta é a opção mais simples de implementar, mas o chrome do Messenger (logo e cores) será compartilhado entre as brands.
Variantes separadas do app com App IDs distintos por brand: Envie binários iOS/Android separados com diferentes identificadores de pacote/applicationIds (ex: com.company.app.brandA e com.company.app.brandB), depois mapeie cada App ID para seu próprio estilo do Messenger dentro do mesmo workspace do Intercom.
Múltiplos workspaces Intercom (um por brand): Execute um workspace separado por brand para total separação de branding, Help Centers, permissões e relatórios.
Personalize seus estilos adicionais do Messenger
Depois de configurar seus estilos adicionais do Messenger, é simples personalizá-los para cada brand. Basta selecionar a brand no menu suspenso na aba de Estilo (como descrito acima) e então personalizar o Messenger para combinar com essa brand em:
Nota:
Conteúdo do Messenger como espaços, apps, a mensagem de boas-vindas, etc. não pode ser personalizado para múltiplas brands.
Certifique-se de que você conectou seu estilo do Messenger à brand e Help Center corretos para mostrar o conteúdo de suporte correto no Messenger.
Ativar ou desativar Help Centers seletivamente por brand não está disponível atualmente. Se você não quiser publicar conteúdo do Help Center para uma brand específica, simplesmente conecte essa brand a um Help Center que não esteja ativo.
Aparência no Messenger e na Inbox
Quando o Messenger carrega em qualquer um dos seus domains, ele aparecerá com o estilo da brand apropriada e a posição do Messenger.
Quando um cliente inicia uma conversa no Messenger, você pode facilmente ver qual brand está representando na Inbox em "Atributos da conversa" e oferecer uma experiência coesa e alinhada à marca para todos os seus clientes.
Nota: Sua introdução de equipe, saudação e outras configurações do Messenger serão as mesmas em todos os seus domains.
Aparência nas notificações por email
Os emails também são personalizados com a identidade da sua empresa. O email virá de <Nome do colega> de <brand que o user correspondeu à URL>
Nota: Múltiplas brands funcionam apenas para notificações por email de conversas iniciadas no Messenger e não para email inbound.
Perguntas frequentes
Posso ter apps diferentes para os Messengers de cada uma das minhas brands?
Posso ter apps diferentes para os Messengers de cada uma das minhas brands?
Não, você não pode ter apps diferentes para os Messengers de cada uma das suas brands. Apps do Messenger são uma configuração de workspace, o que significa que os mesmos apps estarão disponíveis em todas as brands do seu workspace. No entanto, você pode usar regras de audiência dentro de cada app para controlar qual audiência da brand vê o app. Isso permite criar efetivamente um conjunto único de apps visíveis para cada brand.
Que conteúdo do Messenger posso personalizar para cada brand?
Que conteúdo do Messenger posso personalizar para cada brand?
Você pode personalizar a aparência visual, incluindo cores, logos, nomes do cabeçalho e imagens de fundo para o Messenger de cada brand.
Você também pode personalizar o Nome do Cabeçalho:
Para sua Brand Padrão, o cabeçalho exibe o seu Nome do Workspace.
Para Brands Secundárias, o cabeçalho exibe o Nome da Brand que você definiu nas configurações da Brand.
Nota: Conteúdos como a lista de apps, a mensagem de boas-vindas e os nomes dos espaços do Messenger (Home, Messages, Help) não são personalizáveis.
Como controlo quais apps meus clientes veem para uma brand específica?
Como controlo quais apps meus clientes veem para uma brand específica?
Para controlar a visibilidade dos apps, você deve usar regras de audiência dentro de cada app. Nas configurações do Messenger, ao configurar um app, você pode adicionar uma regra de audiência baseada em atributos como o current_url para mostrar o app apenas quando um user estiver no domain de uma brand específica.