Monday, June 1, 2015

How To Add Whatsapp Sharing Button to Blogger Blogs

Author: Gagan Masoun
How To Add Whatsapp Sharing Button to Blogger Blogs
Whatsapp messenger (Android, iPhone) app is most popular all around the world. Everyone must be having it right now on their smartphone. Whatsapp is now available on web so it's really very important for you you to implement it as an element of your blog marketing & promotion. By default blogger has five social sharing buttons (Email This, BlogThis!, Share to Twitter, Share to Facebook and Google+) to share and promote your content.

In January 2015, WhatsApp was declared as the most used social network with more than 600 million active users. In April 2015, this app reached 800 million active users. Today in this tutorial, we will guide you how to add Whatsapp share button to your blogger blog. This widget is optimised for web-version of your blog.

Whatsapp Sharing Button

Why Whatsapp Share Button:

As we know that WhatsApp was only a mobile application only. But now its available on web as well. Now, if your blog readers like any article on your blog and they shared it via WhatsApp, more the people view his shared article, more your blog traffic will boost.

Also Read - 20 Free Responsive Blogger Templates

How to Add Whatsapp Share Button to Blogger:

You can add WhatsApp share button to your blogspot blog with the help of following steps:

Go to your blogger dashboard. Then Go to Template >> Edit HTML. Search your old sharing buttons. Add the following code with you previous share buttons.
<!-- Whatsapp Share Buttons Start -->
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;;;h.appendChild(s);}</script>
<a class='wa_btn wa_btn_s' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>
<!-- Whatsapp Share Buttons End -->
Preview your template and then click on save it button. Its all done!

Note - The above code will show a small version of WhatsApp button. If you want to show a medium or large button then change the red highlighted code with wa_btn_m (for medium WhatsApp button) or wa_btn_l (for large WhatsApp button). Thanks for reading this article.


  1. Hello,
    I really like it . I was in search of stuff like this. I really appreciate your effort. keep posting like this.

    Thank you

  2. Hello, I tried This Code to my custome blogger template and it worked for my template, Thanks to share...