Leva apenas alguns minutos para instalar o Messenger no seu site. Uma vez instalado, você poderá cumprimentar, conversar e converter seus visitantes e leads em clientes.
Visitantes/Leads vs. Users
Visitantes do site se tornam leads quando se comunicam via Messenger, enquanto users estão logados no seu site ou app. A principal diferença é a quantidade de informações que você tem sobre eles. Se estiver instalando o Intercom para users logados, use este guia.
Você precisará de um teste ou assinatura do Intercom para instalar o Messenger.
Instalação inicial do Messenger para visitantes e leads na web
Antes de escolher seu método de instalação, considere os requisitos do seu site:
Sites padrão com Messenger acessível a todos os visitantes - Escolha esta opção se quiser que o Messenger esteja disponível para visitantes logados e desconectados.
Sites padrão com Messenger restrito a users logados - Selecione esta opção se quiser limitar o acesso ao Messenger apenas para users autenticados.
Instalação para aplicação de página única (SPA) - Use este método específico se seu site for construído como uma aplicação de página única.
Primeiro vá para Configurações > Messenger > Instalar e escolha Instalar para web.
Escolha como instalar o Messenger
Selecione como deseja instalar escolhendo um dos seguintes métodos:
Trecho de código
React
Angular
Vue
Ember
WordPress
Google Tag Manager
Shopify
Segment
Cada método fornece passos específicos quando selecionado. Muitos desses métodos oferecem uma instalação via node package manager (NPM) para facilitar para você.
Peça ajuda ao seu desenvolvedor (opcional)
Se necessário, você pode pedir a um colega (como um engenheiro) para completar a instalação. Basta clicar em Convidar colega.
Depois de inserir o endereço de e-mail deles, um convite será enviado por e-mail que permite que eles entrem no espaço de trabalho da sua equipe.
O colega convidado receberá um assento lite nos planos Advanced / Expert e um assento completo nos planos Essential. Eles terão as permissões mínimas necessárias para instalar o Messenger:
Pode gerenciar configurações gerais e de segurança
Pode gerenciar configurações do Messenger
Pode gerenciar dados do espaço de trabalho
Instale você mesmo
Se você selecionar Trecho de código, React, Angular, Vue, Ember ou Shopify como método de instalação, terá a opção de instalar o Intercom para visitantes do site sem login.
Recomendamos instalar o Messenger para users e visitantes.
Instale o Intercom pelo método escolhido
Agora siga as instruções fornecidas para o método que você selecionou.
Se você selecionou o método Trecho de código, React, Angular, Vue, ou Ember, receberá um pacote NPM contendo um trecho de código para copiar e colar no código da sua própria aplicação. Este trecho já vem preenchido com o ID único do seu espaço de trabalho, então está pronto para uso.
Você também pode encontrar o pacote diretamente no site NPM.
Existem vários outros modelos disponíveis, como incluir o trecho de código em um JavaScript básico ou aplicação de página única, ou você também pode usar a gem Rails para instalar o trecho.
Clique em Copiar código e cole-o antes da tag </body> em cada página onde quiser que o Messenger apareça no seu app.
Após adicionar o código, visualize seu site como visitante e o Messenger aparecerá.
Se você estiver usando o CSS zoom na sua página web, certifique-se de que os widgets do Intercom não estejam recebendo esse estilo.
Opções de aparência e sensação
A primeira opção permite escolher se deseja mostrar ou ocultar o messenger para o público do seu site antes do lançamento. Caso contrário, o padrão é mostrar o messenger.
A segunda opção leva às configurações do seu Messenger, onde você pode alterar as cores e o tema do Messenger.
Verifique a instalação
Você pode verificar se a instalação foi bem-sucedida clicando em Verificar instalação. Este botão oferece uma notificação de sucesso se o Messenger for encontrado com sucesso ou indica se algo deu errado.
Se você instalou o Intercom Messenger e ele não está aparecendo corretamente, aqui estão algumas formas comuns de corrigir.
Aprenda como:
Instalando o Intercom para um cliente
Se você não tem acesso ao espaço de trabalho do Intercom, pode pegar o código JavaScript aqui 👇 Você precisará substituir manualmente WORKSPACE_ID pelo ID único do espaço de trabalho da sua conta Intercom.
<script>
var APP_ID = "WORKSPACE_ID"; // Replace this with your workspace ID
window.intercomSettings = {
app_id: APP_ID
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/' + APP_ID;var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script>
Instalando o Intercom para espaços de trabalho hospedados na UE e AU
Para instalar o Intercom se você estiver usando nossa hospedagem na UE ou AU, será necessário fornecer um parâmetro adicional api_base. Os valores para isso estão listados na tabela abaixo
Região de hospedagem de dados | Valor |
Estados Unidos (US) | |
União Europeia (EU) | |
Austrália (AU) |
Passos comuns para solução de problemas
Se o Messenger não estiver aparecendo no seu site, você pode usar estes passos comuns para ajudar a diagnosticar o problema.
1. Verifique sua instalação
Comece confirmando que o trecho de JavaScript do Messenger ou o plugin selecionado foi instalado corretamente. Se estiver usando o trecho de JavaScript, certifique-se de que ele esteja colocado imediatamente antes da tag de fechamento `</body>` no seu site.
2. Verifique os Domínios Confiáveis
Certifique-se de que o domain do seu site esteja configurado corretamente em Configurações > Segurança > Domínios Confiáveis no seu espaço de trabalho. Se seu domain não estiver listado, o Messenger não será carregado.
3. Revise a Verificação de Identidade
Se você ativou a Verificação de Identidade, verifique se está configurada corretamente. Uma configuração incorreta pode causar um erro 403 e impedir o carregamento do Messenger no seu site.
4. Desative bloqueadores de anúncios e navegação privada
Certos recursos e extensões do navegador, como bloqueadores de anúncios e modos de navegação privada, podem interferir no Messenger. Tente desativá-los temporariamente para ver se o Messenger fica visível.
Nota: A Verificação de Identidade é uma medida extra de segurança. Se for aplicada mas não estiver configurada corretamente no seu site, pode ocorrer um erro 403.