Whatsapp Floating icon in HTML
Add it in CSS Add the below in style tag -style tag .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 end tag Add it in HTML Add in link tag: link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> Add in anchor tag: open tag a href="https://api.whatsapp.com/send?phone=+91----------&text=Hi Telungupalayam hospital" class="float" target="_blank"> Add in i-tag i class="fa fa-whatsapp my-float"> --/i> close tag /a