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

whatsapp click to chat code

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

Similarly, You can also create skype chat link as shown below

Skype Chat Link - <a href="skype:<username>?chat"> Chat Now</a>
Skype Call Link - <a href="skype:<username>?call"> Call Now</a>

Reference links:

See Also :
How to add WhatsApp on your WordPress website
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