How to use click to chat

WhatsApp's click to chat feature allows you to begin a chat with someone without having their phone number saved in your phone's address book. As long as you know this person’s phone number and they have an active WhatsApp account, you can create a link that will allow you to start a chat with them. By clicking the link, a chat with the person automatically opens. Click to chat works on both your phone and WhatsApp Web.

Create your own link

Use<number> where the <number> is a full phone number in international format. Omit any zeroes, brackets, or dashes when adding the phone number in international format.
Don't use:

Create your own link with a pre-filled message

The pre-filled message will automatically appear in the text field of a chat. Use where whatsappphonenumber is a full phone number in international format and urlencodedtext is the URL-encoded pre-filled message.
To create a link with just a pre-filled message, use
After clicking on the link, you’ll be shown a list of contacts you can send your message to.

How to use Chat on WhatsApp button

The branded Chat on WhatsApp button follows brand guidelines. By following brand guidelines, this button will be recognizable and trusted by potential customers who want to interact with you. Chat on WhatsApp button are available in green and white and three different sizes: small, medium, and large.
Below are two examples of how the official Chat on WhatsApp button looks like:
Note: The Chat on WhatsApp button is currently only available in English.
To increase engagement using the Chat on WhatsApp button, follow these best practices:
  • Use the button as is. Don't change the button.
  • Use the latest version of the button. You can download the button designs here.
  • Make sure the button is visible and easy to read.
You can use that Chat on WhatsApp button in many places, such as:
  • landing pages on desktop browsers
  • contact pages
  • mobile apps
  • mobile versions of your website
  • templates from third-party developers

HTML code examples

  • to embed SVG image:
  • <a aria-label="Chat on WhatsApp" href=""> <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.svg" />
    <a />
  • to embed PNG image
  • <a aria-label="Chat on WhatsApp" href=""> <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.png" />
    <a />

Related resources:

Does this answer your question?