DEV Community

loading...
Cover image for How to send WhatsApp message through HTML link

How to send WhatsApp message through HTML link

Atul Prajapati
HTML, CSS, Bootstrap, XML, ajax, react js, WordPress, Magento, Shopify, Photoshop, Camtasia, SEO & learning new skills every moment 👨🏼‍💻 | I believe in learning and sharing with others 🛴
Originally published at atulcodex.com ・2 min read

Well, we mostly use WhatsApp to send and receive text or video messages to our loved ones.

But there are lots of businesses out there using WhatsApp for business purposes some business organizations using WhatsApp to serve customer support services.

According to businessofapps, WhatsApp has over 2.5 billion active users worldwide.

And businesses are now adopting WhatsApp for their business use. That’s why Mark Zuckerberg and his team(Facebook Developers) released WhatsApp Business with some more great features.

So in this article, You and I both are going to learn how to make send WhatsApp message with HTML link. Imagine when someone clicks on the link it will send a message to a particular WhatsApp number.

Prerequisite
– Very basic knowledge of HTML & CSS
– one WhatsApp number
– Your country code

How to create WhatsApp link?

WhatsApp link formula

You can see this image in which first we want to write “https://wa.me” this is universal link for WhatsApp server. After that we want to write your country code like I am from India so my country code will be 91 with your WhatsApp number like (919876543215) and make sure we don’t want to write + with country code. And message is optional you can write anything here like “Hi”, “Hello”, etc.

So the final WhatsApp link will look like this.

WhatsApp Link

This is custom way to make WhatsApp link with HTML. But If you are not a technical guy who knows HTML so don’t worry on the internet you will find 100s of WhatsApp link generators for free. Let’s take a look some best tools for creating WhatsApp link generators.


WhatsApp Link Generator Tool

There are lots of WhatsApp link generators on the internet like Postcron, join.chat, vepaar but I personally like the WaLink.

wa-link

Creating WhatsApp links is not user friendly and occasionally takes more time than expected. That’s where Walink comes in, Walink provide a tool which you can use to generate shortened WhatsApp links, with the wa.link domain. This will increase your chat conversions, and it’s free!

Live Example

How to generate WhatsApp link

WhatsApp link generator

Generate your WhatsApp link

So you have learned How to create a WhatsApp link with HTML and How to generate a WhatsApp link with a free WhatsApp link generator tool.

I have tried my best to explain you how to create a WhatsApp link but still if you are facing any issue please feel free to comment your questions, suggestions and feedback’s. I love to hear from you.

Share this post with your friend, colleague and students It will be an Educational Donation for our community.

thank you for reading

Discussion (4)

Collapse
adam_cyclones profile image
Adam Crockett

You can also do something similar for SMS 😉

Collapse
atulcodex profile image
Atul Prajapati Author

Yes you are right Adam and call too

tel: +91************

Collapse
marianpirvan profile image
marianpirvan

don't work...

Thread Thread
atulcodex profile image
Atul Prajapati Author

Ok, so which error you got
reply
I will help you to make it working