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

Ajuste no envio de e-mails RaioZ host através do Gmail

Recentemente, uma atualização na plataforma de envio de e-mails Gmail, do Google, fez com que alguns de nossos clientes que utilizam a plataforma para gerenciar as suas contas hospedadas na RaioZ host tivessem problemas no disparo de mensagens.

Gerência de porta 25

Conheça as dúvidas mais frequêntes sobre a adoção de gerência de porta 25.

Melhoria no envio de e-mail através do seu site

Visando aumentar a taxa de entregabilidade do serviço de e-mails e combater a ação de spammers, a partir do dia 26/04/2016, o envio de e-mails através do seu site, utilizando SMTP pela porta 25, será bloqueado. Aplicações que utilizem a porta 25 devem ser configuradas para enviarem e-mail pela porta 587.

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 -