Você pode criar seu botão e ajustar quantas vezes quiser, a criação é bem simples, você poderá adaptar o local onde o botão será exibido, texto que será exibido ao passar o mouse e se precisa que ao abrir em um computador, abra ou não em uma nova aba do navegador.
Para ter seu botão é simples, só informar o número que será chamado, se desejar, configure uma mensagem padrão que o usuário poderá enviar com um simples enviar.
O botão criado é responsivo, funciona perfeitamente em qualquer dispositivo, seja desktop, tablet ou smartphone.
São fáceis de instalar: Basta copiar e colar o código HTML em seu site.
Um botão do WhatsApp em seu site permite:
Permita que seus clientes ou potenciais clientes falem com você ou sua empresa rapidamente, com o clicar de um botão.
Facilite o contato de potenciais clientes que estejam navegando em seu site com seu time de vendas, tire suas dúvidas sobre seus produtos ou serviços e aumente suas vendas online.
Capture os dados de contato dos seus visitantes e os inclua em sua lista de marketing.
⚠️ Atenção, verifique o grau de dificuldade antes de realizar mudanças em seu código, por segurança, realize um backup antes das alterações ou peça auxílio a um programador. Não nos responsabilizamos por problemas gerados devido a instalação incorreta do código.
Nível de dificuldade:
O código gerado precisa ser instalado no html do seu site entre as tags <head>
e </body>
, não há um local exato, mas recomendamos que seja o mais próximo da tag </body>
, evitando assim mudanças na performance do seu site com o carregamento do botão.
Exemplo de como o código pode ser instalado em seu site:
<!DOCTYPE html>
<html>
</html>
Nível de dificuldade:
Utilizando o Gerenciador de Tags do Google, você pode criar uma nova tag com o tipo , é uma forma simples e rápida de realizar a instalação do botão, considerando que você já tenha uma conta criada e configurada, crie uma nova tag, cole o código gerado aqui por nossa ferramenta, configure um acionador, salve e publique seu código, feito isto seu botão já estará em funcionamento.
Nível de dificuldade:
Se você utiliza Wordpress em seu site, a instalação do código do botão do WhatsApp pode ser realizada de duas formas:
</body>
no código e cole o código HTML gerado antes dela, assim como o exemplo apresentado acima.Você pode configurar para o botão ter um tamanho maior ou menor, para isto, localize no código o seguinte trecho:
position:fixed;width:60px;height:60px;
Por padrão será gerado um botão com 60 pixels, se deseja maior ou menor, basta mudar os valores acima destacado e testar a ponto de deixar da melhor forma que te atenda.
Cada site tem seu layout, e se você precisa que o botão esteja posicionado mais acima, mais baixo, mais ao centro ou mais a borda isto é possível editando a seguinte parte do código:
bottom:40px;right:40px
em bottom você determina a altura, quando mais alto o número, mais alto estará na tela, já right você determina se quer mais ao centro ou mais perto da borda da página.
Aqui também cabem ajustes até deixar da forma que melhor atendem a sua necessidade.
Você pode escolher o local selecionando o botão presente no início da página, campo Localização do Botão, mas caso já tenha gerado o código e queira mudar sem gerar outro código novamente, ajuste a seguinte parte do código:
bottom:40px;right:40px
Você pode usar left ou right.
Ao criar o botão do WhatsApp você pode criar mensagens prontas em que o seu cliente poderá só clicar em enviar, isto ajuda o usuário a iniciar a conversa com você, além de que você pode criar mensagens diferentes de acordo com a necessidade, por exemplo, na página de contato, você pode dizer, "Olá, preciso de ajuda", já em uma página de produto, pode dizer, "Oi, estou aqui vendo o produto XYZ no site de vocês e gostaria de mais informações", note que, com as mensagens prontas você já consegue inclusive saber de onde o cliente veio e o que ele estava procurando, então, vejamos alguns outros exemplos: