Com o Google Tag Manager (ou simplesmente Tag Manager) é possível integrar uma ferramenta de chat às páginas do seu e-commerce. Se você ainda não tem acesso ao Tag Manager, confira primeiro neste artigo como fazer isso.

Escolha uma ferramenta de chat

Em seguida você deve escolher uma ferramenta de chat que possibilite a integração via Tag Manager. Essas ferramentas geralmente disponibilizam um script, que é um trecho de código para ser adicionado ao código-fonte do seu e-commerce.

Neste artigo mostramos 4 ferramentas para você avaliar, caso ainda não tenha selecionado alguma. Elas podem ou não conter funcionalidades gratuitas, por isso verifique a página de preços e funcionalidades de cada uma antes de fazer a sua escolha.

Zendesk Chat (antigo Zopim)

Com uma conta criada no Zendesk Chat, acesse o menu Configurações > Widget e a aba Primeiros passos. Siga as instruções da ferramenta para copiar o código de instalação do chat.

Fonte: https://support.zendesk.com/hc/pt-br/articles/360022182054

JivoChat

Com uma conta criada no JivoChat, acesse o menu Configurações > Canais. Adicione o seu e-commerce como um novo canal e, dentro dele, clique no botão Configurações do canal. Na janela de configurações do canal selecione a aba Instalação. Siga as instruções da ferramenta para copiar o código de instalação do chat.

Fonte: https://www.jivochat.com.br/help/installation/primeiros-passos-jivochat.html

LiveChat

Com uma conta criada no LiveChat, acesse o menu Configurações (Settings) > Canais (Channels) > Website. Siga as instruções da ferramenta para copiar o código de instalação do chat.

Fonte: https://www.livechat.com/help/setting-up-livechat-on-your-website/

Tawk.to

Com uma conta criada no Tawk.to, acesse o menu Administration (ícone de engrenagem, no canto inferior esquerdo). Depois, clique em Chat widget e copie o código de instalação que se encontra dentro de </> Widget Code.

Fonte: https://help.tawk.to/article/adding-a-widget-to-your-website

Integre a ferramenta pelo Google Tag Manager

Com a sua ferramenta de chat configurada, acesse a tela principal do Google Tag Manager e clique em Adicionar uma nova Tag.

Configuração da Tag

1. Na tela de configuração da tag, preencha o Nome da tag. Recomendamos que coloque um nome que remeta ao tipo de configuração que você está fazendo no momento. Neste caso poderia ser o nome da sua ferramenta de chat.
2. Clique sobre o primeiro bloco chamado Configuração da Tag, será aberta uma lista no lado direito com diferentes tipos de ferramentas que você pode adicionar no seu e-commerce. Como as ferramentas de chat geralmente não estão nessa lista, vamos adicionar de modo manual.
3. Selecione o item HTML personalizado como na imagem abaixo:
   
4. Agora cole no campo HTML personalizado o código fornecido pela sua ferramenta de chat, como no exemplo a seguir, lembrando que cada ferramenta fornece um código diferente.
5. Estamos quase lá. Antes de finalizar, vamos definir um acionador para esta tag. Role a página um pouco mais para baixo e clique sobre o bloco Acionamento.
6. Na janela que abrir, clique em All Pages. Isso vai fazer com que o chat apareça em todas as páginas do seu e-commerce.

   Caso queira que ele apareça ou não em páginas específicas, você pode clicar no botão "+" no topo superior direito da tela, ir em Configuração do acionador, selecionar o item Alteração de histórico e colocar o link das páginas que deseja configurar.

   Neste momento vamos focar na opção mais simples que é mostrar o chat em todas as páginas.
7. Em seguida clique em Salvar no topo da tela. Você será direcionado para a página principal do Google Tag Manager.
8. Para que suas modificações façam efeito você precisará enviá-las ao seu e-commerce. Cada alteração que você fizer no Tag Manager vai gerar uma versão para você publicar. 
   Basta então clicar em Enviar no topo da tela, dar o nome que desejar para essa alteração e publicar. Pronto!

Acesse o seu e-commerce e verifique se o chat aparece na página. Pode levar alguns segundos para que as alterações no Google Tag Manager tenham efeito no e-commerce. Considere limpar o cache do seu navegador se o chat não estiver aparecendo.

Importante! O Google Tag Manager é uma ferramenta desenvolvida por terceiros. Por isso a Mercos [1] não presta suporte sobre ela, apenas fornece este conteúdo como guia de configuração; [2] recomenda fortemente que o Tag Manager não seja utilizado para alterar a aparência do e-commerce, nem a posição dos elementos nas páginas; e [3] não se responsabiliza pelo mau funcionamento do seu e-commerce após a adição das tags. É importante que essa configuração seja realizada preferencialmente por um profissional especializado e ciente deste comunicado.