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*/ -->

<a href="https://api.whatsapp.com/send?phone=55{DDDNÚMERO}"
class="float"
target="_blank"><i class="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;}

@-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);}}
.my-float {
margin-top: 0 !important;
background-repeat: no-repeat;
background-size: 50%;
background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhYiIgZGF0YS1pY29uPSJ3aGF0c2FwcCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXdoYXRzYXBwIGZhLXctMTQiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDQ4IDUxMiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTM4MC45IDk3LjFDMzM5IDU1LjEgMjgzLjIgMzIgMjIzLjkgMzJjLTEyMi40IDAtMjIyIDk5LjYtMjIyIDIyMiAwIDM5LjEgMTAuMiA3Ny4zIDI5LjYgMTExTDAgNDgwbDExNy43LTMwLjljMzIuNCAxNy43IDY4LjkgMjcgMTA2LjEgMjdoLjFjMTIyLjMgMCAyMjQuMS05OS42IDIyNC4xLTIyMiAwLTU5LjMtMjUuMi0xMTUtNjcuMS0xNTd6bS0xNTcgMzQxLjZjLTMzLjIgMC02NS43LTguOS05NC0yNS43bC02LjctNC02OS44IDE4LjNMNzIgMzU5LjJsLTQuNC03Yy0xOC41LTI5LjQtMjguMi02My4zLTI4LjItOTguMiAwLTEwMS43IDgyLjgtMTg0LjUgMTg0LjYtMTg0LjUgNDkuMyAwIDk1LjYgMTkuMiAxMzAuNCA1NC4xIDM0LjggMzQuOSA1Ni4yIDgxLjIgNTYuMSAxMzAuNSAwIDEwMS44LTg0LjkgMTg0LjYtMTg2LjYgMTg0LjZ6bTEwMS4yLTEzOC4yYy01LjUtMi44LTMyLjgtMTYuMi0zNy45LTE4LTUuMS0xLjktOC44LTIuOC0xMi41IDIuOC0zLjcgNS42LTE0LjMgMTgtMTcuNiAyMS44LTMuMiAzLjctNi41IDQuMi0xMiAxLjQtMzIuNi0xNi4zLTU0LTI5LjEtNzUuNS02Ni01LjctOS44IDUuNy05LjEgMTYuMy0zMC4zIDEuOC0zLjcuOS02LjktLjUtOS43LTEuNC0yLjgtMTIuNS0zMC4xLTE3LjEtNDEuMi00LjUtMTAuOC05LjEtOS4zLTEyLjUtOS41LTMuMi0uMi02LjktLjItMTAuNi0uMi0zLjcgMC05LjcgMS40LTE0LjggNi45LTUuMSA1LjYtMTkuNCAxOS0xOS40IDQ2LjMgMCAyNy4zIDE5LjkgNTMuNyAyMi42IDU3LjQgMi44IDMuNyAzOS4xIDU5LjcgOTQuOCA4My44IDM1LjIgMTUuMiA0OSAxNi41IDY2LjYgMTMuOSAxMC43LTEuNiAzMi44LTEzLjQgMzcuNC0yNi40IDQuNi0xMyA0LjYtMjQuMSAzLjItMjYuNC0xLjMtMi41LTUtMy45LTEwLjUtNi42eiI+PC9wYXRoPjwvc3ZnPg==) !important;
background-position: center;
width: 100%;
height: 100%;
float: left;
}
</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.
Este artigo foi útil?
Cancelar
Obrigado!