Crear enlace para compartir en WhatsApp

Resumen

En este post te mostraré a crear un enlace para compartir una página web o un enlace en WhatsApp usando la (muy limitada) API de WhatsApp.

Voy a mostrarte cómo crear un enlace usando HTML puro, otro usando PHP y otro usando JavaScript.

La anatomía de un enlace para compartir en WhatsApp

Un enlace para compartir en WhatsApp tiene el siguiente formato:

https://api.whatsapp.com/send?text=texto_codificado

Así de simple, solo hay que cambiar la variable de texto_codificado que va después del parámetro text. Por ejemplo, veamos otro enlace:

Eso es un mensaje codificado en donde los espacios y otros caracteres especiales se remplazan.

Prueba el enlace haciendo click aquí.

Si lo abres en un móvil, se verá lo siguiente:

Compartir en WhatsApp

Ahí puedes seleccionar al receptor del mensaje. Cuando lo elijas, tendrás que confirmar.

Finalmente el mensaje enviado se verá así:

Enviando un mensaje de WhatsApp a través de link

Una cosa similar pasa en la web con WhatsApp web.

Enlace para compartir en WhatsApp usando HTML

Coloca una etiqueta a con un enlace y el texto:

En este caso no es necesario codificar, pues con suerte el navegador lo hace por nosotros.

Prueba el código aquí.

Generar enlace con JavaScript

Para generarlo con JavaScript hay que llamar a window.open y pasarle la dirección. El mensaje hay que codificarlo con encodeURIComponent.

Veamos un ejemplo. Definimos el diseño:

Ahora el script:

Cuando se hace click en el botón, se abre la ventana para compartir en WhatsApp.

Puedes probar el ejemplo aquí.

Usar PHP para generar enlace de compartir en WhatsApp

Finalmente también podemos implementarlo en PHP.

En PHP no existe una función equivalente a la que existe en JavaScript: encodeURIComponent (y urlencode no funcionaba) pero la he tomado de otro lugar.

El código se ve así:

Y puedes probarlo aquí.

Conclusión

Al final de todo es generar un simple enlace y codificar el mensaje.

La forma de obtención del mensaje y la implementación queda en ti