Header Ads Widget

Como colocar botão do whatsapp no Wordpress

Coloque esse código em qualquer parte de seu blog Wordpress, ou faça as mudança que atenda suas necessidades. Veja que ele está funcionando ao lado direito de nosso blog

1. Procure a TAG, parecida com essa, e coloque o código que vê abaixo

<body id="top" <?php body_class(); ?>>  

Agora cole o código que logo abaixo.

<link rel="stylesheet" href="meu-arquivo-css.css">   
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/v4-shims.css">       
<a href="https://chat.whatsapp.com/Gq1cxEdQSXZJlIuvYWNvTe" style="position:fixed;width:40px;height:40px;bottom:60px;right:10px;background-color:#32CD32;color:#FFFFFF;border-radius:30px;text-align:center;font-size:25px;box-shadow: 1px 1px 2px #888;  z-index:1000;" target="_blank" rel="noopener nofollow"><i style="margin-top: 9px" class="fa fa-whatsapp"></i></a>


Observações importantes:

1. Depois dessa URL: https://chat.whatsapp.com/COLOQUE-AQUI-O-CÓDIGO-DE-SEU-GRUPO

Exemplo: https://chat.whatsapp.com/D38qfai9en30kvPtNvGNtY

2. Agora se você quiser colocar o número de seu telefone, nesse mesmo código, é só mudar a URL que está em VERMELHO E MUDANDO O CÓDIGO DO GRUPO, E SUBSTITUINDO PELO NÚMERO DE SEU TELEFONE. Sendo assim, qualquer pessoa pode fazer contato com você pelo Whatsapp direto de seu SITE ou blog.

O exemplo correto, é esse: https://wa.me/COLOQUE-AQUI-O-CÓDIGO-DE-SEU-PAÍS-DDD--MAIS-SEU-NÚMERO-DE-TELEFONE

Esse é o correto: https://wa.me/552196312XXXX

Esse é o incorreto: https://wa.me/+55(021)96312-XXXX

OBSERVAÇÃO: não há necessidade de colocar: o + e nem o ZERO do DDD do SEU Estado.

NOTAÇÃO IMPORTANTE
O IMPORTANTE DESSE BOTÃO, É QUE NELE NÃO SE USA IMAGEM: MAS SÓ CÓDIGOS.

<i class="fa fa-whatsapp" aria-hidden="true"></i>

VEJA ESSE BOTÃO FUNCIONANDO EM NOSSO SITE OFICIAL
TIFSA BRASIL

Postar um comentário

0 Comentários