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

This comment has been minimized.

Copy link
Owner Author

@Netolink 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
You can’t perform that action at this time.