Skip to main content

How To Add WhatsApp Sharing Button to Your Blog

WhatsApp is the most preferred messaging service among messengers. The users of WhatsApp increases exponentially. WhatsApp has crossed 800 million monthly active users globally and more than 70 million users in India in April 2015. WhatsApp was launched in 2009 and grows rapidly. Read also : How to make your blog Push Notification ready.

Like others social share buttons, why not leveraging the WhatsApp for traffic to your blog. Currently WhatsApp share button is supported by Android and iOS operating system.  So lets start adding WhatsApp share button to your blog. Read also : How lock / track lost mobile phone and erase data remotely.

You can add WhatsApp share buttons to your blog easily. No coding skills required to generate WhatsApp share button. To generate the WhatsApp share button just visit this site otherwise copy the below code and paste into your blog. There is two parts in the code. One is a java script and another is the anchor link. You need to copy both the codes and paste at the appropriate place in your blog. Read also : Best video calling app for 2G/3G/4G mobile phone.

Better option is first find the old social share button in your blog and then paste the WhatsApp share button code with them.

WhatsApp Share Button Code

<a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="wa_btn wa_btn_s" style="display:none">Share</a>

<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="url/to/your/button/whatsapp-button.js";h.appendChild(s);}</script>

Read also : How to make Money Online from Home

In the above code, class is important for making the share button small, medium and large. You can change it according to your requirement.

For small share button class should be wa_btn wa_btn_s
For medium share button class should be wa_btn wa_btn_m
For large share button class should be wa_btn wa_btn_l

Read also : How to fix HTTP and HTTPS Mixed Content Errors.

For Blogger Blog

You can paste the above code inside your template before the end of </body> tag or you can add a new widget and paste the code and Save. But better option is to add the code along with the existing share button code so that all the share buttons appears together at one place on your blog. Read also : How to find AdSense high paying long tail keywords.

For WordPress Blog

WordPress users need to download the plugin from here. After download, you need to upload the mobile-sharebar folder to the /wp-content/plugins/directory and then need to activate the WordPress Mobile ShareBar plugin through the Plugins menu in WordPress. You can configure the plugin by going to Settings > Mobile ShareBar menu. Read also : How to create custom AdSense Search Engine and Make Money from it.

Remember, you can't see the share button on desktop site. The share button is only available in Android and iOS operated system. So don't worry, if you can't see the share button on a desktop site. Read also : How to Setup AdSense Page Level Ads and Fix Script Error.

That's it! Thanks for reading the post. Let me know whether you have added WhatsApp share button to your blog. Also let others to experience this feature by sharing this post on your social networks.


Comments