How to integrate WhatsApp into your HTML website

WhatsApp HTML code for your website

In this tutorial I am going to explain in a simple step how to insert WhatsApp on your web page. When someone presses the "send message" button, the corresponding application will open directly to start chatting with you.

You have to create an HTML link that will open the WhatsApp application and start a conversation with the phone number that you specify. You just have to replace “0123456789”, »+12 346 678 910″ with your phone number (remember to put the international code of your country in front).

Method 1:

<a href="https://api.whatsapp.com/send?phone=0123456789">Send us a WhatsApp message</a>

/* With predefined message */<a href="https://api.whatsapp.com/send?phone=0123456789&text=Hola, Nececito mas informacion!">Send us a WhatsApp message</a>

Method 2:

<a href="whatsapp://send?text=Hello, Index.pe&phone=+12 346 678 910&abid=+12 346 678 910">+12 346 678 910

UPDATED 2024
Usa https://wa.me/<number> (<number> es un número de teléfono completo en formato internacional). No incluyas ceros, paréntesis ni guiones cuando añadas el número de teléfono en este formato.

Examples:
Use: https://wa.me/1XXXXXXXXXX Do not use: https://wa.me/+001-(XXX)XXXXXXX

<a href="https://wa.me/1234567890/?text=Aqui tu texto perzonalizado">Chat on WhatsApp</a>

More information: https://faq.whatsapp.com/5913398998672934/

Commentary

Comments