In this tutorial we are going to learn How to Share Content on WhatsApp using jQuery. WhatsApp is one of the best messaging client all around the world. WhatsApp has 700 Million active users. So by implementing WhatsApp Share Button on your site, can help your visitors to share your content with their friends easily and WhatsApp share button generate more shares than any other Social Website.

LIVE DEMODOWNLOAD

We are using HTML5 attributes ‘data-text‘ for article title and ‘data-link‘ for article link. When we click on share button, jQuery and encodeURIComponent function create the full message and share on WhatsApp.

jQuery

HTML

HTML part contain only a link tag (<a>), but we are using some HTML5 attributes in this tag, i.e., data-text for article title and data-link for article link as already mention above.

CSS

Now to style the above Share button we use some CSS.

You can use own CSS to style button as your requirement.

LIVE DEMODOWNLOAD

3 COMMENTS

  1. I am facing problem in whatsapp sharing with current post image on my website . have you any solution for sharing image , title and link of current post on my wordpress website by whatsapp sharing

Leave a Reply