Acesse o editor de páginas;

Clique no ícone de engrenagem que fica no canto superior direito da tela;



Em seguida, clique em "Javascript & CSS";



Clique para "Adicionar" um novo código;



Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;

<!-- /*Botão Whatsapp*/ -->

<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"
integrity="sha384-Bfad6CLCknfcloXFOyFnlgtENryhrpZCe29RTifKEixXQZ38WheV+i/6YWSzkz3V"
crossorigin="anonymous">

<a href="https://api.whatsapp.com/send?phone=55{DDDNÚMERO}"
class="float"
target="_blank"><i class="fab fa-whatsapp my-float"></i></a>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

.float{
position:fixed;
cursor:pointer;
display:block;
width:60px;
height:60px;
bottom:40px;
right:40px;
background-color:rgba(0,200,0,1);
color:white;
border-radius:50px;
text-align:center;
font-size:30px;
z-index:9000;
-webkit-animation: pulse 3s infinite;
-moz-animation: pulse 3s infinite;
-o-animation: pulse 3s infinite;
animation: pulse 3s infinite;
}

.float:hover {background-color:rgba(0,150,0,1); color:white;}
.my-float {margin-top:15px;}

@-webkit-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 1);} 70% {-webkit-box-shadow: 0 0 0 20px rgba(0,200,0, 0);} 100% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 0);}}
@-moz-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 1);} 70% {-webkit-box-shadow: 0 0 0 20px rgba(0,200,0, 0);} 100% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 0);}}
@-o-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 1);} 70% {-webkit-box-shadow: 0 0 0 20px rgba(0,200,0, 0);} 100% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 0);}}
@keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 1);} 70% {-webkit-box-shadow: 0 0 0 20px rgba(0,200,0, 0);} 100% {-webkit-box-shadow: 0 0 0 0 rgba(0,200,0, 0);}}

</style>

<!-- /*Botão Whatsapp*/ -->



A única mudança que você precisará fazer no código, é alterar a parte do link onde está escrito {DDDNUMERO} para o número do seu WhatsApp. Não adicione espaços, traço e retire os colchetes.



Em seguida clique em "Salvar"!

Ficou com alguma dúvida? Chame nosso equipe no Chat! Estamos sempre prontos para ajudar.

Publicado em: 25 / 02 / 2021