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

Melhoria na estrutura de e-mails

Sempre em busca de tecnologia de ponta para o seu site, nossos especialistas em infraestrutura aperfeiçoaram nossa já robusta arquitetura trazendo maior escalabilidade e confiabilidade para o serviço de recebimento de e-mails.

Migração de Data Center

Estamos fazendo melhorias em nossa infraestrutura com o objetivo de ampliar a segurança, a escalabilidade e a estabilidade de nossos serviços para nossos clientes. Por este motivo, estamos migrando nossos servidores para nosso novo Data Center em São Paulo. Durante a migração, que ocorrerá nesta segunda-feira (14/09/2020), pode ocorrer alguma indisponibilidade de serviço.

Portas de comunicação dos serviços

Confira as portas de comunicação de todos os serviços oferecidos pela RaioZ host.

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