Copie e cole no head do seu site a linha de código abaixo:
<style>
.whatsget {
position: fixed;
z-index: 1000;
bottom: 20px;
left: 20px;
width: 50px;
height: 50px;
-webkit-border-radius: 50%;
cursor: pointer;
background-color: #0ba360;
transition: .3s;
background-position: center;
background-repeat: no-repeat;
background-image: url('https://whatsget.com.br/assets/img/icone-whatsapp.webp');
background-size: 50% auto
}
.whatsget:hover {background-color: #15cc74}
.whatsget::after,
.whatsget::before {
content: '';
position: absolute;
opacity: 0;
border: 4px solid #0ba360;
left: -10px;
top: -10px;
right: -10px;
bottom: -10px;
-webkit-border-radius: 50%;
animation: WaveWhatsApp 1.5s ease infinite
}
.whatsget::after {animation-delay: .5s}
.whatsget:hover::after {border: 4px solid #15cc74}
.whatsget:hover::before {border: 4px solid #15cc74}
@keyframes WaveWhatsApp {
0% {transform: scale(0.5)}
50% {opacity: 1}
100% {transform: scale(1.2);opacity: 0}
}
</style>
Copie e cole no body do seu site:
<a target="_blank" rel="noopener noreferrer" class="whatsget" href="#"></a>
Whatsget é uma ferramenta grátis para direcionar usuários diretamente para sua janela de chat do WhatsApp sem ter a necessidade de cadastrar o número na agenda do telefone, tornando mais rápido e prático o contato com você e/ou seu negócio.