How To Add Whatsapp Live Chat Button In Blogger - Bloggerxpose

How To Add Whatsapp Live Chat Button In Blogger?

Now you'll find out how easy it is to set up a Whatsapp live chat button in Blogger, even if you don't know how to code. Read the whole article to find out. And be sure to carefully follow all of the instructions below (to avoid any trouble) —

Step 1 — Search for Getbutton.io or simply click here to go to website.

Step 2 — Now, select your required messaging platform like “Whatsapp” (Maximum 2 Messaging software)

Step 3 — Now, Enter the required details (Such as Phone Number, Email ID)

Step 4 — Select your desired colour of your button (optional)

Step 5 — Select the required position (Left or Right)

Step 6 — Give a action message like “How can we help you...”.

Step 7 — Enter the required Email ID to get the code.

Step 8 — Now copy the code provided by Getbutton.io

You can also use the codes below, but you'll need to change the part in bold before putting them on blogger.

Whatsapp And Messenger Live Chat Button —

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            facebook: "66778766655555555", // Facebook page ID
            whatsapp: "985900000", // WhatsApp number
            call_to_action: "How can help you?", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
            order: "facebook,whatsapp", // Order of buttons
        };
        var proto = document.location.protocol, host = "getbutton.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>
<!-- /GetButton.io widget -->

Whatsapp Chat And Call Button —

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "0987654321", // WhatsApp number
            call: "1234567890", // Call phone number
            call_to_action: "How can help you?", // Call to action
            button_color: "#FF6550", // Color of button
            position: "right", // Position may be 'right' or 'left'
            order: "whatsapp,call", // Order of buttons
        };
        var proto = document.location.protocol, host = "getbutton.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>
<!-- /GetButton.io widget -->

Only Whatsapp Chat Button —

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "0987654321", // WhatsApp number
            call_to_action: "How can help you?", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.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>
<!-- /GetButton.io widget -->

Only Facebook Chat Button —

<!-- GetButton.io widget -->
<script type="text/javascript">
    (function () {
        var options = {
            facebook: "678889889999", // Facebook page ID
            call_to_action: "How can help you?", // Call to action
            position: "right", // Position may be 'right' or 'left'
        };
        var proto = document.location.protocol, host = "getbutton.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>
<!-- /GetButton.io widget -->

These are some codes provided but you've to change only highlighted part so that it can work properly.

How To Add Whatsapp Live Chat Button To Blogger?

You can follow the below steps to add whatsapp live chat button on blogger (Easily).

1. Login to your blogger dashboard.
2. Now, click on layout section and then click on “Add A Gadget”
3. Scroll down, then select HTML/Javascript.
4. Now paste your Whatsapp Live Chat Button Code here and then hit a Save button.

I hope, you successfully installed the whatsapp live chat button on blogger then it's good. But if not, then do it now and if facing any problem then comment me.

Conclusion

Congrats! Today you learned more about How To Add Whatsapp Live Chat Button In Blogger so always be the first to comment us and tell how helpful is this article.

Thanking you! For giving your precious time to us.

Please visit us again...

Go to Link