or Create new Snippet

Add whatsapp chat button on webpage using HTML

html Share on :

<a href="https://api.whatsapp.com/send?phone=910000000000&text=Hello this is the starting message">Whatsapp Chat</a>

Do you know, you can create and search your own code snippets on Devsheet. Store your code on cloud using devsheet and search using its chrome extension. Is it look cool?

Yes, I am interested

Output

Open whats app window on the system after clicking

If you want to add a whatsapp chat button on your website that will open whatsapp application on your mobile if you are browsing website on the mobile. If you are viewing the website on Laptop then it will open the web version of whatsapp application.

You need to pass two parameters to whatsapp api endpoint calling by using href attribute of <a> tag HTML.

phone: In this parameter you can pass mobile number that you want to connect to user when He/She clicks on the link.
text: In this parameter you can pass the text message by which you want to start the conversation.

When you will click on the link you will see the screen like above if you are opening it on your computer system.

Was this helpful?

Created by :

@

Write your Comment

0 Comments

🤔 Similar code snippets

One account for all tools and services

Get started now Connect using github Developer Feeds

Never leave your website again in search of code snippets by installing our chrome extension.

Install Chrome Extension