Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
WhatsApp click to chat
<!-- Copyright: @Netolink -->
<link rel="stylesheet" href="">
<style type="text/css">
.fa-whatsapp {
background: #25d366;
color: white;
font-size: 35px;
text-align: center;
border-radius: 50%;
position: fixed;
bottom: 25px;
right: 25px;
padding: 15px;
z-index: 99999;
box-shadow: 0 0 15px 3px rgba(37, 211, 102, 0.25);
.fa-whatsapp:hover {
transform: scale(1.1);
<a title="Click to chat on WhatsApp" href="//" target="_blank"><i class="fab fa-whatsapp"></i></a>
Copy link

Netolink commented Mar 12, 2019

Add the second line only if you are not using Font Awesome yet. If so, remove it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment