Link hacia Whatsapp

¿Quieres crear un link que abra un chat en Whatsapp? Te cuento cómo lo solucioné con HTML.

• Lo que necesitaba era que en el whatsapp del usuario se abriera un chat hacia cierto número y con un texto prestablecido.
• Encontré que debía formar un url con un formato similar a https://api.whatsapp.com/send?phone=51999888777&text=Hola
  • El número de teléfono indicado por phone debe incluir el código del país (51 en este ejemplo)
  • El texto indicado por text debe ser url compatible, es decir que se pueda indicar a través del url.
    • Puedes usar una herramienta como URLEncoder para convertir tu texto. Incluso puedes poner emojis! 🙂
    • Si usas javascript para generar el enlace, la función encodeURI hace el trabajo.
• De ese modo, es posible formar un enlace como este:

<a href="https://api.whatsapp.com/send?phone=51999888777&text=Hola%21%20%F0%9F%91%8D%F0%9F%99%82">Saludar por Whatsapp</a>

• Cuando el usuario hace clic en el enlace, le aparece un diálogo para permitirle ir a la app whatsapp (si está instalada), donde abrirá el chat correspondiente al número indicado y con el texto indicado pre llenado.

¿Conoces otro modo de hacer esto, o quizás de manera más sencilla? Puedes compartirlo en los comentarios 🙏

Estos son otros modos de hacerlo:

• Generador de enlace de WhatsApp con mensaje personalizado
  • Presenta un formulario más amigable para obtener el url.
• Crea links de WhatsApp
  • Presenta también un formulario más amigable para obtener el url.
  • Además, funciona como acortador, entregando un enlace tipo https://wa.link/xxxxxx que luce mejor en las publicaciones.