Example 1: how to add floating whatspp icon
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <a href="https: phone=7310747066 &text=Hola%information%." class="float" target="_blank"> <i class="fa fa-whatsapp my-float"></i> </a> <!-- CSS --> <style> .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>
Example 2: floating whatsapp button html
<script type="text/javascript" src="jquery-3.3.1.min.js"></script> <script type="text/javascript" src="floating-wpp.min.js"></script> <link rel="stylesheet" href="floating-wpp.min.css">
Comments
Post a Comment