Cómo integrar WhatsApp en tu Web HTML

Codigo HTML de WhatsApp para tu website

En este tutorial voy a explicar en un simple paso cómo insertar WhatsApp en tu pagina web. Cuando alguien pulse el botón de “enviar mensaje” se abrirá directamente la aplicación correspondiente para comenzar a chatear contigo.



Tienes que crear un enlace HTML que abrirá la aplicación de WhatsApp e iniciará una conversación con el número de teléfono que tú especifiques. Sólo tienes que sustituir “0123456789”,»+12 346 678 910″ por tu número de teléfono (recuerda poner el código internacional de tu país delante).

Metodo 1:

<a href="https://api.whatsapp.com/send?phone=0123456789">Envíanos un mensaje de WhatsApp</a>
/* Con mensaje predefinido */<a href="https://api.whatsapp.com/send?phone=0123456789&text=Hola, Nececito mas informacion!">Envíanos un mensaje de WhatsApp</a>

Metodo 2:

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




ACTUALIZADO 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.

Ejemplos:
Usa: https://wa.me/1XXXXXXXXXX
No uses: https://wa.me/+001-(XXX)XXXXXXX
<a href="https://wa.me/1234567890/?text=Aqui tu texto perzonalizado">Chat en WhatsApp</a>

Mas informacion: https://faq.whatsapp.com/5913398998672934/

Comentario

Comentarios

Index.pe: Especialista en Front-End, Back-End, SEO, Social Media y UX.
Publicación relacionada
Deja un comentario

Esta pagina utiliza cookies.