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 change WhatsApp profile status.

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 to read WhatsApp message secretly.

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 : How to stop WhatsApp auto downloading image, audio, video.

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 decorate text with shadow effects.

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 know who has read your message in a WhatsApp group.

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 create WhatsApp Group.

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 rename a WhatsApp group.

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 Google pay application.

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.
How To Add WhatsApp Sharing Button to Your Blog How To Add WhatsApp Sharing Button to Your Blog Reviewed by Mani on August 10, 2015 Rating: 5

1 comment:

Powered by Blogger.