Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
WhatsApp click to chat
<!-- Copyright: @Netolink -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<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);
}
</style>
<a title="Click to chat on WhatsApp" href="//wa.me/1234567890" target="_blank"><i class="fab fa-whatsapp"></i></a>
@Netolink
Copy link
Author

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