Actualización: te recomiendo leer el post actualizado: Enviar WhatsApp desde un sitio web 2020

En estos últimos años WhatsApp ha ido adquiriendo gran fuerza en el ámbito tecnológico, desde hacer la app multiplataforma hasta la integración con las empresas, el día de hoy les quiero compartir un pequeño tip para cuando integren WhatsApp en un sitio web.

Anteriormente utilizábamos librerías especializadas para realizar la acción de enviar un mensaje a la aplicación, esto era un problema a veces debido a que no todos los dispositivos abría y era un dolor de cabeza.

Recientemente WhatsApp ha integrado una funcionalidad que nos ayudará demasiado para la integración de este red social en nuestros desarrollos personales.

Cómo integrar WhatsApp en HTML


Es muy sencillo, ya no es como antes que teníamos que utilizas en ocasiones librerías de JavaScript o teníamos que agregar un href que no servia en todos los dispositivos.

Clic para Chatear

La forma en como funciona la APi de WhatsApp es que ellos nos ofrecen una URL en donde nosotros le pasamos los parámetros que se cumplirán, estos pueden ser el número de teléfono en formato internacional y el texto que contendrá el mensaje.

Ejemplo:

https://api.whatsapp.com/api/send?phone=347832476134&text=esto%20es%20una%20prueba%20para%20la%20api%20de%20whatsapp

Nota: para el mensaje utilizamos los caracteres %20 que simbolizan el espacio entre palabras.

Esto lo vamos a agregar como un enlace común y corriente, con la única diferencia que esto realizara la acción de enviar un mensaje.

Ejemplo:

Con esto básicamente ya estaríamos consumiendo la api de WhatsApp, sin afectar la carga de nuestra pagina web ni incluir archivos de terceros. Ahora te toca a ti explotar esta herramienta.

Obtén beneficios exclusivos

Suscríbete al boletín y obtén beneficios exclusivos directo en tu correo.

Gracias por suscribirte...

Algo salió mal...