Generador de URL de Whatsapp con Comentario comparto el código, se sube la app a Heroku

Generador de URL de Whatsapp con Comentario comparto el código, se sube la app a Heroku

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/urlwhats

Descarga 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/WhatsappMessenger

Si tienes dudas sobre como monté en enlace anterior, te recomiendo el siguiente vídeo:

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *