Nos dias de hoje, é essencial facilitar o contato entre os clientes e as empresas. Uma maneira eficaz de fazer isso é através do uso de um botão flutuante do WhatsApp em sua loja online. Esse recurso permite que os visitantes entrem em contato direto via WhatsApp, o que pode aumentar as chances de conversão e melhorar a experiência do cliente.
Neste artigo, vamos explicar passo a passo como adicionar um botão flutuante do WhatsApp em sua loja virtual, utilizando um script simples e eficiente. É importante seguir as instruções cuidadosamente para garantir que o botão seja adicionado corretamente e funcione perfeitamente para seus clientes.
Passo a Passo para Instalar o Botão Flutuante do WhatsApp:
Para começar, acesse o painel administrativo de sua loja online. Geralmente, o acesso é feito através de um URL específico fornecido pelo seu provedor de e-commerce. Após fazer login, navegue até a seção E-commerce > Publicidade.
No menu Publicidade, localize o campo denominado Script de Chat. Este é o local onde você irá adicionar o código necessário para exibir o botão flutuante do WhatsApp em sua loja.
Insira o seguinte script:
<link rel="stylesheet" href="https://cdn.positus.global/production/resources/robbu/whatsapp-button/whatsapp-button.css">
<a id="robbu-whatsapp-button" class="left" style="z-index:1" target="_blank" href="https://api.whatsapp.com/send?phone=XXXXXXXXXXXXX&text=">
<div class="rwb-tooltip">Fale Conosco!</div>
<img src="https://cdn.positus.global/production/resources/robbu/whatsapp-button/whatsapp-icon.svg">
</a>
Clique na imagem para ampliar.
Antes de salvar as alterações, é crucial modificar o campo phone no script., substituindo o valor XXXXXXXXXXX pelo número de telefone que deseja utilizar para receber as mensagens do WhatsApp. Lembre-se de incluir o código do pais (no caso do Brasil, é o 55) e o DDD corretamente para que o botão funcione adequadamente.
Clique na imagem para ampliar.
Após inserir o número de telefone correto, salve as alterações na página do menu Publicidade em seu painel administrativo. Certifique-se de revisar todas as informações para garantir que o botão flutuante do WhatsApp esteja configurado corretamente.
Incorporação via Google Tag Manager
Se preferir, é possível incluir este script usando o GTM.
Acesse sua conta em https://tagmanager.google.com/ e vá para a seção de tags.
No canto superior direito, clique em Nova Tag.
Dê um título para a tag e, em Configurações da Tag, escolha HTML Personalizado e insira o script mencionado nesta documentação.
Em Acionamento, selecione a opção All Pages (Todas as Páginas).
Por fim, clique em Publicar no canto superior direito para salvar e aplicar as alterações.
Clique na imagem para ampliar.
Se encontrar qualquer dificuldade ou tiver perguntas, estamos aqui para ajudar! Clique aqui para acessar nosso canal de suporte.
Nossas equipes estão prontas para atendê-lo através dos diversos canais de atendimento disponíveis.
Seu feedback é extremamente importante para nós!
Por gentileza, tire um momento para avaliar a documentação que acabou de ler. Suas opiniões são cruciais para aprimorarmos nossa plataforma e proporcionar a melhor experiência possível.
Clique no quadro abaixo para deixar sua avaliação.