Skip to content

Instantly share code, notes, and snippets.

@madeinnordeste

madeinnordeste/whatsapp.html

Created June 26, 2020 22:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save madeinnordeste/8d37b9c2aa5497024e926722663d1ea7 to your computer and use it in GitHub Desktop.
Save madeinnordeste/8d37b9c2aa5497024e926722663d1ea7 to your computer and use it in GitHub Desktop.
Download ZIP
Float Whatsapp Button
Raw
whatsapp.html
<style type="text/css">
.float{
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: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=5582XXXXXXXXX&text=Ol%C3%A1!" class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment