How to add whatsapp floating chat icon?

[Gauravk]

Hi Everyone,

I need to add a whatsapp chat icon linked to our support mobile with whatsapp with URL: https://wa.me/97150XXXXXXXXX

I tried putting this whatsapp icon image in pop up but its blocking the whole page.

Any clue how else I can add a small floating whatsapp chat icon on bottom right on every device?

[Gauravk]

Hope its possible with some JS or HTML.

[Lucas James]

2 hours ago, Gauravk said:

Hope its possible with some JS or HTML.

See:

https://github.com/rafaelbotazini/floating-whatsapp
and
http://www.iamrohit.in/add-floating-whatsapp-message-button-on-your-website/

 

[Gauravk]

I have given up guys, please help me how to place these code in globalTemplate.

Thanks in advance

https://www.jqueryscript.net/social-media/Floating-WhatsApp-Message-Button-jQuery.html

      <!-- whatsapp chat icon-->
      
      <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" 
        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" 
        crossorigin="anonymous">
</script>
<link rel="stylesheet" href="https://carnity.com/whtsapp/floating-wpp.min.css">
<script src="https://carnity.com/whtsapp/floating-wpp.min.js"></script>
      
  </body>
  
        <div class="floating-wpp"></div>
  
</html>