O WhatsApp é a principal ferramenta de comunicação. E para adicionar um icone de whatsapp tem sugestivo é o que você está vendo aqui no site. Eu (Josias) desenvolvi um script curto com um whatsapp bem amigável. Copie e cole o trecho com os devidos ajustes de URL para a imagem e para o ícone. Você pode baixar o SVG para utilização 🙂
<!-- WHATSAPP -->
<style>
.whatsapp
{
min-width: 60px;
min-height: 60px;
position: fixed;
bottom: 0px;
right: 0px;
z-index: 9999999 !important;
padding: 10px 0px 0px 13px;
margin: 10px;
float: left !important;
transition: all 0.5s;
}
.arredondar-imagem{
border-radius: 100% !important;
}
.bolinha-whats{
border-radius: 100%;
background-color: green;
color: white;
width: 15px;
height: 15px;
padding: 6px;
position: relative;
margin-left: -20px;
bottom: 0px;
}
</style>
<a href="https://api.whatsapp.com/send?phone=5516993438187&text=Gostaria%20de%20falar%20sobre%20meu%20projeto" target="_blank" style="box-shadow: 0px 0px 5px white;">
<div class="whatsapp animated slideInUp">
<img src="https://viskoo.com.br/wp-content/uploads/2022/12/josiasviskoo.jpeg" class="arredondar-imagem" width="60px;" height="60px;">
<span class="bolinha-whats">
<img src="https://viskoo.com.br/wp-content/uploads/2022/12/whatsapp-branco.svg" class="arredondar-imagem" width="15px;" height="15px;">
</span>
</div>
</a>
<!-- WHATSAPP -->