ShareYourGroupShareYourGroupChat Link Maker

Add a Chat on WhatsApp button to a website

How to add a Chat on WhatsApp link or the official button to a website, what the official help page says about using the button as it is, and a plain HTML example.

If you have a website, a click-to-chat link turns a visitor into a conversation in one tap. On a phone the link opens WhatsApp directly; on a computer it opens WhatsApp Web or the desktop app.

A plain text link

The simplest option is a link with words. The link maker gives you the HTML to copy:

<a href="https://wa.me/91XXXXXXXXXX" aria-label="Chat on WhatsApp">Chat on WhatsApp</a>

Replace the number with yours, in international format. Style the link as a button with your website's usual button style.

The official button

WhatsApp's help page says the branded "Chat on WhatsApp" button follows brand guidelines, that it comes in green and white in three sizes, and that you should use it as it is, use the latest version and make it easy to see. The official page says the button can be downloaded from WhatsApp; we do not host it. The page also says the button is only available in English.

Where to place it

Good habits

Do not float the button over text on small screens, and do not cover the page's own buttons. Put the number in the link, not in the visible text, if you do not want it copied by bots. For links in profiles read links in profiles and bios.

Questions people ask

Do I need a developer to add it?

No. Most website builders let you paste an HTML snippet or add a button with a link. Use the wa.me link as the address of the button.

Keep going