It's All About IT

How to make Whatsapp chat link in 2 Minutes

Ever wonder how to add click to chat functionality on your Webpage, let’s do it :

how to add whatsapp click to chat in html

Being a developer, you might think that how you can start a whatsapp chat directly from a webpage. What is the HTML code for sharing on whatsapp. So, get your hands dirty we’re going to do that :

Time needed: 2 minutes.

Create a Whatsapp click to chat HTML link in Just 2 Minutes

  1. Understanding the whatsapp chat link

    https://wa.me/919876543210/?text=Hi Sam, Whatsup
    Please note – Underlined 91 is the country code of India without + sign, followed by the receiver’s contact no.

  2. Create the Hyperlink (anchor tag)

    Create the hyperlink by copying the code below<a href=”https://wa.me/919876543210/?text=Hi Sam, Whatsup“>Click to Chat</a>

  3. Customize the whatsapp chat Link

    You can easily customize the layout of the whatsapp link the way you want. You can apply it on a button, image or an icon from Font Awesome.

<a href=”https://wa.me/919876543210/?text=Hi Sam, Whatsup“>Click to Chat</a>

Code Example Whatsapp chat Html Code

Follow the simple steps to add whatsapp click to chat link in your website

Quick Tip : You can invite People to join your whatsapp group.

Go to Group Settings > invite via link. Send the link to people you want to join your whatsapp group

Reference links:
https://faq.whatsapp.com/en/android/26000030/

See Also : How to share a webpage on social media using Open Graph Potocol 

Leave a Message

Registration isn't required.




By commenting you accept the Privacy Policy