En el siguiente vídeo, explico el proceso por completo:
Generador de URL de Whatsapp con Comentario comparto el código, se sube la app a Heroku
En el siguiente enlace puedes crear tu propio enlace, personalizarlo con comentario:
https://url-whatsapp.herokuapp.com/El siguiente enlace es de Git Hub Pages, si falla el enlace de Heroku
https://configuroweb.github.io/urlwhats/Para descargar el código desde GitHub en el enlace a continuación:
https://github.com/configuroweb/urlwhatsDescarga desde Google Drive:
https://drive.google.com/open?id=1dGGPBSbXAfLr7wY4mvWr6raYJ9aq26NM¿Cómo implementar el Generador de URL de Whatsapp?
El proceso, consiste en generar un documento HTML, enlazarlo con otro documento CSS y otro Javascript. Luego en Javascript, se debe capturar la información de los campos, correspondientes a País, Número de Teléfono y Descripción.
Después se concatena la información con un document.write, de estos tres datos con la url, https://wa.me, de la siguiente manera:
document.write("https://wa.me/"+ pais + telefono + "?text="+ descripcion )Posterior a esto se puede copiar lo escrito, reemplazando los espacios con %20. La opción de copiar se puede realizar con utilizando las funciones getElementById y addEventListener.
El reemplazo de espacios por %20, no lo realicé en la herramienta que subí a Heroku, porqué no lo consideré necesario, queda totalmente funcional la herramienta con el código, que he compartido, pero si te gustaría mejorar mi implementación, con los métodos Find y Replace
Si te queda alguna duda al respecto no dudes en contactarme, a continuación te comparto mi enlace Whatsapp:
http://configuroweb.com/WhatsappMessengerSi tienes dudas sobre como monté en enlace anterior, te recomiendo el siguiente vídeo: