
Como criar um botão de chat de WhatsApp (animado) com GTM
Neste artigo vamos falar de como conseguimos adicionar um botão de chat para o WhatsApp no vosso site através do Google Tag Manager.
A animação é importante porque poderá chamar à atenção do utilizador e remover um sentimento de estático do website.
Exemplo nesta página.
Índice
Como funciona esta configuração (contexto)
A ideia é criar um botão através do Google Tag Manager de WhatsApp para que os utilizadores consigam clicar e contactar a loja/website.
O botão tem uma animação para chamar à atenção do utilizador e retirar a ideia estática site.
🧠GEEK NOTE: Este botão pode ser substituído por qualquer outra imagem ou link de serviço como FB Messenger.
🧠GEEK NOTE: Podem alterar o Trigger (acionador) para disparar apenas quando utilizador faz scroll mais de X%.
Adicionei 2 variáveis em GTM para que possam editar a mensagem e o número de telefone de WhatsApp.
- Constant – 9 dígitos do número de telefone
- Constant – Texto de Ajuda
Como criar um botão de chat de WhatsApp (animado) com GTM (implementação)
1 O primeiro passo é fazer o download do container do Google Tag Manager (GTM).
2 Para instalar as configurações de GTM do cookie banner é necessário entrar na parte de “Admin” e escolher a opção: “Importar contentor” admin –> importar contentor (imagem infra).
3 Eis os passos a seguir de forma a adicionar esta configuração sem alterar as configurações/tags já existentes no vosso GTM:
- Selecionar o ficheiro do download
- Selecionar o workspace (espaço de trabalho) existente
- Selecionar “intercalar”
- Selecionar “mudar o nome de etiquetas em conflito”.
4 Devem alterar o número de telefone do WhatsApp na variável importada Constant - 9 dígitos do número de telefone
.
Porque é bom utilizar este método (razão)
Com este botão conseguem adicionar um chat de suporte fácile gratuito ao vosso website que permite o utilizador a identificar-se.
Este botão também tem um destaque adicional para remover um possível aspecto amador do website.
Se tiverem feedback ou necessitarem de ajuda estou por aqui e podem sempre falar comigo. Espero que este artigo vos ajude.