Apps Blogging Tutorials Whatsapp

How to Add Whatsapp Sharing Button on Blogger

Every blogger loves to see huge number of shares of their post in social media. But the major Social Messaging service they miss to add an option is whatsapp! Whatsapp has 600 active users around the globe, even though whatsapp was sold to facebook, still it has it’s own popularity and engaging active users. These days mobile users are increasing so fast and many blogs are getting more mobile traffic than other platforms. When people come across sharing and article on mobile, the first network to pop out is whatsapp. Most of the smartphone users use whatsapp as their messaging service and we bloggers can drive massive traffic from it! So, in this post I will show you how to add your own customized whatsapp Sharing Button on blogger. Here we go…

Advantages of having a Whatsapp Sharing Button

  1. Get extra traffic for your blog!
  2. You will get huge amount of traffic from Mobile phones!
  3. More visibility of your blog to Social Media
  4. Engage all mobile-only users.
  5. Easy way to share for Mobile users.
  6. It’s cool if you have an android app too!
  7. This sharing button is visible to all almost mobiles!
Also Read..
  • 10 Quick Tips to get Adsense Approved within Hours
  • How to Create an Android App for your Blog or Website

Steps to add Whatsapp Sharing Button on Blogger

  • Head on to
  • Choose your button size
  • Write your own button text
  • Create your own sharing text! An attractive eye catchy one to drive more traffic to your blog.
  • Choose Current page URL to share all your blog posts from the post itself, or custom URL to share a particular post of your blog.
  • Now copy the button code and save in a notepad for time being.
  • Download the button source code and upload it in or any other servers.
  • Now copy the link of your uploaded javascript. In the following format, Replace the text your java script link goes here by your javascript link.

<script type=”text/javascript”>if(typeof wabtn4fg===”undefined”){wabtn4fg=1;h=document.head||document.getElementsByTagName(“head”)[0],s=document.createElement(“script”);s.type=”text/javascript”;s.src=”your java script link goes here“;h.appendChild(s);}</script>

  • Paste the above code anywhere between <head> and </head>
  • Now copy the button code which you have saved in notepad at beginning.
  • Goto Blogger » Template » Edit HTML, find <data:post.body/> and paste the button code just above it!
    Note: If your blog has Multiple <data:post.body/> tags, paste the button code above all the tags!
  • Save the template

Congratulations! You have successfully added whatsapp sharing button on your blog!


Final words…

Having an whatsapp sharing button on your blog is cool. you get more number of mobile readers and nowadays more number of smartphone users are addicted to whatsapp. Make sure that you have well optimized site for mobile. It’s an awesome way to encourage your readers to share your articles on the most popular messaging service whatsapp. I hope you enjoyed the tutorial, kindly share it and if you have any doubt or problems in integration drop a comment below!

About the author


Sasidharan is the owner of Techspotz and writes on various topics like How-to tutorials, SEO, Blogging etc. Loves tech in any form, quite optimistic about AI, Blockchain and IoT.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.