Complete Blogging Mastery in 2023: Start & Monetize your Blog in next 100 Days. Read Now!

Table of Contents

How To Add Whatsapp Live Chat Button In Blogger

Learn how to add whatsapp live chat button in blogger with simple steps and highly optimized codes that will instantly install whatsapp button to blog
How To Add Whatsapp Live Chat Button In Blogger


Hello! Welcome To Affizoo, Simply Your Blogging Expert. And today this tutorial will be very for blogger lovers. Because Today We'll learn “How To Add Whatsapp Live Chat Button In Blogger”.

Adding a whatsapp button can attract your visitors towards your blog because you provides a service through which users can contact you therefore installing a live chat button of whatsapp can be profitable. And in this whole through the guide I'll tell you how you can do this with simple codes. So,


Let's Get Started!

Why We Need To Add Whatsapp Live Chat Button In Blogger?

As you all know that Whatsapp is instant messaging software which allows you to send message all over the world within dew seconds. The Whatsapp messaging can be used for Video Call, Voice Call, Instant Messaging and Recorded Audio Clips.

These days whatsapp has become the most popular messaging software all over the world except china. And it will be growing up in future also, therefore adding a whatsapp live chat button can help us to easily answer to your users.


And if we talk whatsapp, then this can be very useful for blogs in many ways —
  • Your readers can easily & quickly contact you and you can also provide their solutions instantly without any advanced contact pages.
  • It generates a funnel where you can keep in touch with your users.
  • It helps to collect information such as Mobile Number, Location to keep record of your clients.
  • It can help you to bring more traffic to your blog.
  • It can help you to generate more sales to make money easily.
Therefore, adding an instant messaging application like “Whatsapp” and other social media platform can help you to connect with your clients easily and then solve their problems. So, now we'll look “How To Add Whatsapp Live Chat Button In Blogger”.

Do you want to open a website at minimum cost that gives you huge features then try my recommended hosting provider.
  • Free domain for 1st year.
  • Lowest Hosting Plans.
  • Huge Features & 1-click WordPress install.

How To Add Whatsapp Live Chat Button In Blogger?

Now you'll learn how easy is to setup whatsapp live chat button in blogger even when you don't know any coding. For that, just read the full article. And follow all the instructions given below carefully (To avoid any hassle) —

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...”.

Start Your Own Blog:

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

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



And you can also use the below codes but change the highlighted part before you implement 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...
Disclosure: This article may contain “Affiliate Links” it means we earn commission when you click through affiliate links on our blog (Without any extra cost to you).
Affizoo formerly known as Creator, Marketer & Blogger to Help You Build a Successful Blog with 3+ Years of Experience and Earn your First $1,000 Online.

1 टिप्पणी

  1. Thanks.. It is Informative

Our Store

Click, Browse &
Try Newest.

Cookies Consent

We use cookies to enhance your browsing experience, serve personalized ads or content, and analyze our traffic. By clicking "Accept Cookies!", you consent to our use of cookies.

Privacy Policy