1. No sua página (index.html), adicione dentro da TAG <header> o seguinte código
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
Ou você poderá usar a font-awesome em um diretório na pasta de seu site
<link href="css/font-awesome.css" rel="stylesheet">
2. Após isso, você deverá incluir na TAG <body> o código para abrir o WhatsApp em uma página em branco
<a class="btn-whatsapp" href="https://wa.me/5521988662750" target="_blank"><i class="fa fa-whatsapp" style="margin-top: 13px;"></i></a>
3.Por último, inclua no seu arquivo css o seguinte estilo:
.btn-whatsapp {
position: fixed;
width: 60px;
height: 60px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #fff;
border-radius: 50px;
text-align: center;
font-size: 30px;
box-shadow: 1px 1px 2px #888;
z-index: 1000;
}
.fa-whatsapp {
margin-top: 16px;
}
Nenhum comentário:
Postar um comentário