How to add WhatsApp chat html link in website?

Before i start… here are few more queries related to this topic …

  1. How to send whatsapp message through html link.
  2. How to make whatsapp chat link.
  3. How to create whatsapp link for website.
  4. Whatsapp how to use click to chat link
  5. Whatsapp link in html code.
  6. Open whatsapp app from a link in website.

So here is the simple way to add whatsApp chat link in the website..

To show whatsapp icon on the pages .. Follow these steps..

https://wa.me/<Mobile-Number>
where the <Mobile-Number> is a full phone number in international format.

Like if your Mobile Number is 8360723971 then use full number +918360723971

https://wa.me/+918360723971

If you want to add text too the do like this….

https://wa.me/+918360723971?text=<Your-Text>

https://wa.me/+918360723971?text=Hi%20NST%20Web%20Creation

Here %20 is used to add space in between words.
So Full URL will be like this..

<a href="https://wa.me/+918360723971?text=Hi%20NST%20Web%20Creation">+91 8360723971</a>

I have used in my website and icon is used from Font-Awesome website.

<ul>
<li><i class="fa fa-whatsapp" aria-hidden="true"></i> <a href="https://wa.me/+918360723971?text=Hi%20NST%20Web%20Creation">+91 8360723971</a></li>
</ul>
whatsapp link in html

Note : Please change the number and text as per your need.

I hope this will help you … Just contact with me if you need further help!

Thanks 😊🙏

If this help you then.. Can you buy a Cup of Coffee for me by nst webcreation paypal--OR-- nst webcreation blog coffee cup

Published by

Narender Singh

Myself Narender Singh Thakur ( NST ) and i share my Experience/Knowledge and Tricks for folks and beginners to solve their issues while making websites through this Planet.

Related Articles

Leave a Reply

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

Click to Chat