Open links in new tab
  1. 1

    You can easily create an HTML link that opens a WhatsApp chat or call directly from your webpage using WhatsApp’s official Click to Chat API. This works on both mobile devices and desktop browsers (via WhatsApp Web) without requiring the number to be saved in contacts.

    Example:

    <a href="https://wa.me/15551234567?text=Hello%20there!" target="_blank">
    Chat with me on WhatsApp
    </a>
    Copied!

    When clicked, this opens a chat with the number +1 555 123 4567 and pre-fills the message "Hello there!".

    1. Basic Chat Link Use the format:

    <a href="https://wa.me/<number>">Open WhatsApp Chat</a>
    Copied!

    • <number> must be in international format without +, spaces, or special characters.

    • Example: https://wa.me/919876543210

    2. Pre-filled Message Add a ?text= parameter with URL-encoded text:

    <a href="https://wa.me/919876543210?text=I%20would%20like%20to%20know%20more" target="_blank">
    Message Us
    </a>
    Copied!

    This opens the chat with the message already typed in.

    3. For Calls (Mobile Only) While WhatsApp doesn’t have a direct “call” API for web, you can use the URI scheme for mobile:

    Does WhatsApp Web need an API?
    Automations: The platform enables direct automations without needing an API, automating simple message sending and streamlining processes with a single click. What can be done? Everything you already do on WhatsApp Web, now automated! Just scan the QR Code and start using the API's features. You send a message via API to the WhatsApp Web API.
    wamessageapi.com
    atulcodex
    https://atulcodex.com/how-to-send-whatsapp-message-through-html-li…
    How to send WhatsApp message through HTML link in 2024
  1. Including results for Whatsapp App API HTML Link.
    Do you want results only for Whats App API HTML Link?
  2. Stack Overflow
    https://stackoverflow.com › questions

    html - Web link to specific whatsapp contact - Stack …

    Feb 9, 2022 · I'd like to place a link on a webpage which opens a whatsapp chat …

    • Reviews: 2
      Usage example
      <a href="whatsapp://send?text=Hello World!&phone=+9198********1">Ping me on WhatsApp</a>
    • Medium
      https://medium.com › techie-tutorials

      How to add a Whatsapp button to a website - Medium

      Nov 7, 2024 · The step-by-step instructions on creating a WhatsApp link using the API and embedding it into the website’s HTML are very practical, especially for …

    • atulcodex
      https://atulcodex.com › how-to-send-whatsapp-message...

      How to send WhatsApp message through HTML link in …

      Yes, you can generate WhatsApp link with message too in few seconds. you just have to visit at “https://create.wa.link”, select the country code from the …

    • codeindotnet.com
      https://www.codeindotnet.com › whatsapp-share-button-api-link-javascript

      Share to WhatsApp link button from Website using Javascript: 3 Ways

      In this article, we’ll show you the steps to add a WhatsApp share text link to your website using JavaScript. The web developer needs to meet this requirement by integrating the WhatsApp sharing …

    • GeeksForGeeks
      https://www.geeksforgeeks.org › javascript › how-to...

      How to add whatsapp share button on a website

      Jul 15, 2025 · WhatsApp is the most popular messaging app. This article describes how you can add WhatsApp share button in your website. Note: This will work …

    • Github
      https://github.com › ShravanDalavi › html-form-data...

      GitHub - ShravanDalavi/html-form-data-connect-with …

      Integrating HTML form data with WhatsApp Web streamlines communication and enhances user engagement. The implementation is straightforward, involving …

    • People also ask
      Feedback
    • wamessageapi.com
      https://wamessageapi.com › docs › en-us

      Documentation API Whatsapp

      There is no strict limit on message sending, but since the API is based on WhatsApp Web, it is essential to follow natural usage patterns. Additionally, we recommend reading WhatsApp’s policies on its …

    • anandchaurasiya.com
      https://anandchaurasiya.com › how-to-send-data-from...

      How to Send Data From HTML Form to WhatsApp

      Integrating an HTML form to send data to WhatsApp is a practical solution for instant communication. For web developer Anand Chaursiya, this process …

    • api-wa.co
      https://www.app.api-wa.co › tools › generate-whatsapp-button

      Create WhatsApp Link & Widget - app.api-wa.co

      Hi, How can I help you ? You can personalize the user message based on your website's URL.

    • messagecentral.com
      https://www.messagecentral.com › blog › blog-integrate...

      How to Integrate WhatsApp Business API Into Your …

      Sep 1, 2025 · Learn how to integrate WhatsApp Business API into your website for seamless customer messaging. Step-by-step setup, best practices, and code …

    • Including results for Whatsapp App API HTML Link.
      Do you want results only for Whats App API HTML Link?
    Content was generated with AI. Learn more