Floating Whatsapp Click To Chat API For Blogger

   WhatsApp's Click to Chat API feature allows people to begin a chat with you without having your phone number saved in their phone's address book. You can create a link that will allow them  to start a chat with you. By clicking the link, a chat with the you automatically opens. Click to Chat works on both your phone and WhatsApp Web. 

    If you are using blogger platform, and want to insert Floating Whatsapp Click To Chat API  then I am sure you are facing many problems. Well, in this i will show you how to insert floating Whatsapp Click To Chat      to your  blogger web page in a simple way. 

How To Add Floating Whatsapp Widget

 I know, you would love to preview how your coding would look  a like after applying this tutorial.Here's the  live demo

First we will insert the JavaScript to make it works.

• Go to Blogger >> Your Blog >> Template >> EDIT HTML >> Proceed 

• And now Search For</body> With (CTRL+F)

• After you find </body> just above it paste the following coding  

.

<!--www.techkristal.com.ng widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "+2348126053055", // WhatsApp number
            company_logo_url: "//static.whatshelp.io/img/flag.png", // URL of company logo (png, jpg, gif)
            greeting_message: "Hello, how may we help you? Just send us a message now to get assistance.", // Text of greeting message
            call_to_action: "Message us", // Call to action
            position: "left", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>
<!-- /www.techkristal.com.ng widget -->

Note:

•    you to change the

  +2348126053055

      to your own phone number

•  you can also change the position where you want the Floating Whatsapp Click To Chat API to appear by changing the

left

     to right.

Save it


 And Now go to your blog homepage and it will give a picture perfect finish. So that's how you can Floating Whatsapp Click To Chat API For Blogger. .If you Feel any Difficulties feel free to ask.Till then Peace, Blessing and happy Quoting