Blog

Notícias e artigos.

Veja como inserir o botão do whatsapp em seu site

Veja como é fácil inserir o botão do whatsapp para atendimento por chat em seu site, seja ele um site próprio com acesso ao código-fonte, site feito em Wordpress ou site feito com Wix.

Copie o código abaixo:

<div style="position: fixed; z-index:98765431; right: 5px; bottom: 15px; padding: 15px 15px 15px 15px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;" class="div_whats"><a href="https://api.whatsapp.com/send?lpt_BR&amp;phone=1111111111111" target="_blank"><center><img src="https://raiozhost.com/public-img/icon-whats.png" width="45"></center></a></div>

Substitua "1111111111111" pelo seu telefone, incluindo o código do Brasil 55 + código da sua cidade (por exemplo: 51) + telefone, sem espaços, hífen, pontuação. Em nosso caso, o telefone fica assim: 5551992969170.

a) Para site próprio com acesso ao código-fonte: insira o código do botão do whatsapp em todas as páginas do seu site, logo após a tag <body> ou imediatamente antes da tag </body>.

b) sites feitos com Wordpress: no admin clique em Editor de Temas e procure pelo arquivo footer.php. O código deverá ser colocado antes da tag </body> e com muito cuidado para não alterar mais nada.

c) sites feitos com Wix: no editor do site clique em "Adicionar App" e escolha "Código HTML". Depois clique com o botão direito, escolha "Posição Fixa no canto inferior direito" e cole o código.

Você pode alterar alguns parâmetros para mover o botão do whatsapp para cima, para baixo, para esquerda ou direita:

right: 5px; bottom: 15px

O parâmetro "right" determina a distância do botão para o limite direito da tela. O parâmetro "bottom" indica a distância do botão até o limite inferior da tela. Note que, ao rolar o site, o botão permanece fixo. Experimente alterar o valor de "right" para 20px. Você notará uma maior distância do botão no sentido horizontal. Se diminuir o "bottom" de 15px para 5px, por exemplo, você notará que o botão estará mais próximo do limite inferior da tela. Se preferir posicionar o botão no lado esquerdo do seu site, substitua "right: 5px" por "left: 5px".

Importante fazer backup sempre que for alterar seu site. Na dúvida, consulte um especialista.

Compartilhar artigo

Posts relacionados

Por que existe um limite de tamanho do anexo no envio de e-mails?

Quando você envia uma mensagem ela passa por diversos servidores de e-mail até chegar ao seu destino. Toda a vez que ela passa por um destes servidores, ela precisa ser armazenada para garantir a entrega caso algum erro aconteça no percurso. Por precisar ser armazenada, existe a necessidade de termos um limite de tamanho relativamente pequeno para garantir que esses servidores consigam armazenar a mensagem.

10 truques para um site de sucesso

Conheça 10 truques para criar um site de sucesso na Internet.

10º Fórum da Internet no Brasil acontece em setembro em formato on-line.

Em sua décima edição, o Fórum da Internet no Brasil do Comitê Gestor da Internet no Brasil (CGI.br) será realizado de 21 a 25 de setembro em formato on-line. Ao todo, 27 workshops e três sessões principais, além de uma de abertura, compõem a programação do evento, que este ano será conduzido pelo tema "FIB em tempos de pandemia: Internet para resiliência e solidariedade".

Hospedagem de sites com preços imbatíveis. Conheça

Guardamos estatísticas de visitas para garantir a melhor experiência em nosso site.

Ao continuar a navegação, você concorda com nossa política de privacidade. Concordar e fechar