Introdução
Para ter o botão do WhatsApp na sua loja, é preciso passar por 2 etapas:
• Etapa 1 – Configuração do Google Tag Manager
• Etapa 2 – Configuração do Botão WhatsApp
Obs.: o Google Tag Manager é uma ferramenta gratuita, na qual é possível inserir apenas um código em seu site para instalar diversos serviços de maneira rápida e de fácil gestão, como por exemplo o botão do WhatsApp.
Etapa 1 – Configuração do Google Tag Manager
Passo 1: Acesse o Tag Manager
Acesse tagmanager.google.com/ e selecione Criar conta.
Passo 2: Preencha o formulário
Preencha o formulário com as informações da sua loja: nome da conta, país, nome do contêiner e plataforma (selecione Web).
Passo 3: Contêiner criado
Prontinho, seu Google Tag Manager está criado! O código exibido no canto superior direito (algo como GTM-XXXXXXX) é o que será utilizado para a integração com a sua loja.
Passo 4: Insira o código do GTM na loja
Para chegar até o campo correto, clique na categoria de Personalização, logo em seguida em SEO, e cole o código do GTM no campo Google Tag Manager ID. Lembre-se de clicar no botão Salvar e publicar.
Importante! Se certifique de que não existe nenhum espaçamento em branco antes do termo "GTM" ao colar o código no campo do painel Unbox.
Etapa 2 – Configuração do Botão WhatsApp
Passo 1: Crie uma nova tag
De volta ao Google Tag Manager, selecione a aba Tags e, em seguida, clique em Nova.
Passo 2: Escolha o tipo de tag
Selecione Configuração da tag e, em seguida, clique em HTML personalizado.
Passo 3: Cole o código
Cole o código (disponível logo abaixo) de modo que fique exatamente como no exemplo. Em seguida, substitua o termo "Numerodoseutelefoneaqui" pelo número de WhatsApp que você deseja abrir.
Código para inserir no Google Tag Manager
<html>
<body>
<a href="https://api.whatsapp.com/send?phone=Numerodoseutelefoneaqui&text=Olá,">
<img
src="https://i.imgur.com/ryESuZ5.png" style="height:64px; position:fixed; bottom: 80px; right:
25px; z-index:99999;" data-selector="img">
</a>
</body>
</html>
Passo 4: Configure o acionador
Role para baixo e selecione o campo Acionador e, em seguida, selecione All Pages. Depois de tudo, clique em Salvar.
Passo 5: Publique e teste
Pronto, já está tudo pronto! Basta salvar, publicar e continuar no Google Tag Manager. Lembre-se também de testar na sua loja para ter certeza de que já está funcionando.
Atenção: assim como nas demais personalizações, é necessário Salvar e Publicar tanto no Google Tag Manager quanto no painel Unbox para que as alterações fiquem visíveis para os clientes na loja.
Boas práticas para o Botão do WhatsApp
• Use um número de WhatsApp Business ativo e monitorado durante o horário de atendimento.
• Teste o link do botão em diferentes dispositivos (computador e celular) antes de divulgar.
• Configure uma mensagem automática de boas-vindas no WhatsApp para agilizar o primeiro contato.
• Revise periodicamente se o botão continua funcionando após atualizações na loja.