WhatsApp Share Button For Website

WhatsApp Messenger is one of the most popular messaging apps and you must be having it right now on your phone. Since WhatsApp is now available on web, it’s important for you to add it as a part of your internet/online marketing & promotions. Its one of the familiar app in all mobile phone that you can’t see the mobile phone without WhatsApp Messenger. Nowadays everybody is using the social share feature on their website with popular social network like Facebook, Twitter and Google Plus. Now, Here is the code snippet below to add WhatsApp Share Button for website that allows you to share on WhatsApp Messenger.


Share via Whatsapp

Code Snippets

<!-- WhatsApp Share Button By niralar.com -->
<a href="whatsapp://send?text=https://niralar.com" data-action="share/whatsapp/share">Share via Whatsapp</a>
<!-- /WhatsApp Share Button By niralar.com -->




SIVA SANKAR, Working as a Software Engineer, Blogging is my hobby. I completed my Bachelors of Engineering (Computer Science Engineering) in Chennai, India. and my Master of Engineering (Embedded System Technologies) in Tamilnadu, India.

47 thoughts on “WhatsApp Share Button For Website

  1. Hi ,

    Clicked on demo button , it’s not showing share preview like in above screenshot , I meant logo is not displaying, I need to display it in my website share . Please suggest me

    1. Hi Jayanth,

      Check that the link your sharing has preview image or add the below code on your website.

      <meta property=”og:image” content=”your_image_url” >


  2. sir i have a web page in php which i want to share on whata app and when the user press the share button on the same time my facebook page should be liked if it is possible the rply me

  3. Nice…………super easy
    But is any ways that it only appear on mobile device, not in desktop .
    currently i am creating own social share button as per my requirement and also other plugins in wordpress load and increase size unnecessary.
    so thanx

    And please add other social button mathod like FB google etc

  4. Hello,
    Is it possible to generate a link to include it on a pdf, so when the person click on the link, he can share something on whatsapp? If it is possible, how do I accomplish that?

    Thank you very much!!!!

  5. I am looking for button on each post to automatically prepopulating each posts body as sms & whatsapp for my wordpress site. how can i do this? I can pay for this if you give me step by step solution.

  6. Hi sir,

    How to send message in whatsapp dynamic numbers and dynamic message through php. please provide demo


  7. Hi Sr, It works perfectly. Thankssss

    I’m still looking for something. I need to get some response when the message been sent. What i want to know is if the user really shared the information.

    Tanks in advance for your help.

      1. Hi, sr. Thanks for your help.

        I’v tried many diferent ways and i’m still don’t get with the expected result.

        Do you know how to do it?

        Thanks! (Y)

  8. How to share dyanamic value in whatsapp message …..there generate the image and tittle from meta tags….then how we dyanamic the meta tags for different times to coms different values

  9. I have implemented share link from website to WhatsApp but I also want want to share image.
    It is possible to share image from website to WhatsApp ?

  10. sir, we are developing web page in angualr js..in that we have share option to share the medias and content to social networks. while opening the page i’m updating the metadata in index.html..but while sharing, it is not taking that values.simple showing metadata.title like that..could you please tell me how to get metadata angular js

  11. hi, the whatsapp share link your provide doesn’t support hindi language text on share.. its some unicode characters.. how can i solve it.

  12. hi sir,
    i had developed an e-commerce website and I need apply a whatsapp share button in this website.the website is purely php along with json,jquery etc… will u please suggest me to how can I only share the image of a product from this website to the whatsapp. please reply me.

  13. HI
    i am mohan i just want to whatsapp share functionality in my website using Angular 4+ . if i click button in from https://web.whatsapp.com/ it has to send that website title and image, discription. do have any idea about this??. if you have please let me know how to do.

Leave a Reply

Your email address will not be published. Required fields are marked *

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