TumkurLab

Free Tool

WhatsApp Click-to-Chat URL Builder

Effortlessly create customized WhatsApp click-to-chat links with our intuitive URL builder tool.

Generated URL:

If you found this tool helpful, please take a moment to rate us on Google!

Click here to leave a review

Instructions

How to Use Click to Chat

Click to Chat allows you to start a chat with someone without saving their phone number. Create a link that opens a chat with a specified phone number.

Create Your Own Link

Use the following format:

https://api.whatsapp.com/send/?phone=<number>

Replace with the full phone number in international format. Don't add the '+' sign before the number.

Create Your Own Link with a Pre-filled Message

Use the following format:

https://api.whatsapp.com/send/?phone=<number>&text=<encodedtext>

Replace with the full phone number in international format and with your URL-encoded message.

How to Use Chat on WhatsApp Button

Add a "Chat on WhatsApp" button to your website using the URLs:

<a href="https://api.whatsapp.com/send/?phone=1234567890">Chat on WhatsApp</a>

With a pre-filled message:

<a href="https://api.whatsapp.com/send/?phone=1234567890&text=Hello%20World">Chat on WhatsApp</a>

You can download and use the latest version of the WhatsApp button here provided by WhatsApp.

Make sure the "Chat on WhatsApp" button is easily visible and readable. You can use this button in various places, including

  • Landing pages on desktop browsers
  • Contact pages
  • Mobile apps
  • Mobile versions of your website
  • Templates from third-party developers

Here is the HTML code to embed an SVG or PNG image as a "Chat on WhatsApp" button:

<!-- Embed SVG image -->
<a aria-label="Chat on WhatsApp" href="https://wa.me/1XXXXXXXXXX">
    <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.svg" a>
    </a>

<!-- Embed PNG image -->
<a aria-label="Chat on WhatsApp" href="https://wa.me/1XXXXXXXXXX">
    <img alt="Chat on WhatsApp" src="WhatsAppButtonGreenLarge.png" />
</a>

This code provides examples of how to embed both SVG and PNG images for a WhatsApp chat button, ensuring accessibility with aria-label and alt attributes.

Disclaimer: The WhatsApp brand name, icons, and related external links are the intellectual property of Meta Platforms, Inc. We acknowledge their ownership and confirm that our use is respectful and without any intention to infringe on Meta Platforms, Inc.'s rights or cause any harm. Our purpose is to provide a valuable service, and we have no intention of causing any harm to Meta Platforms, Inc. or its users. For more information refer WhatsApp's FAQs

Shopping Cart