Whatsapp Floating Button Css Code Example


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://api.whatsapp.com/send?          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

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable