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

Conheça os erros mais comuns no Outlook

Listamos abaixo soluções baseadas no suporte oficial da Microsoft para os erros mais comuns não relacionados com o serviço da RaioZ host no uso dos seu e-mail corporativo quando configurado no Microsoft Outlook.

Brasileiros já sao 2º maior número de usuários do Facebook, atrás apenas dos EUA

Saiu no bluebus: De acordo com as métricas do site SocialBakers, o Brasil finalmente ultrapassou a Índia e é agora o país com o 2o maior número de usuários no Facebook.

10 truques para um site de sucesso

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

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
carrinho_email 3 -
carrinho_transacao 3 -