Una de las primeras habilidades a obtener cuando se empieza en el mundo de la programación es el manejo de formularios ya que en este manejo se engloba lo más básico y fundamental de cualquier lenguaje de programación web.
Para poder capturar y procesar la data de un formulario web primero hay que tener creado el formulario. Esto puede ser realizado con diferentes métodos:
- Mediante HTML5 + CSS3 desde cero
- Con el uso de una plantilla pre-diseñada
- Mediante algún software en línea de diseño
- Mediante algún CMS (Sistema Gestor de Contenido)
Claro que existen métodos adicionales pero estos usualmente son los más comunes. Estaremos en este caso aplicando una combinación del método 1 con el método 3. Utilizaremos una página la cual nos ayudará con la base inicial del formulario y luego la editaremos a nuestro gusto. Para averiguar cómo, revisa el vídeo a continuación:
Luego de ya tener el formulario creado nos toca prepararlo para ser procesado. Para lograr esto, debemos tener un servidor web instalado en nuestro ordenador. Utilizaremos WAMP Server para lograr esto y además un editor de código especializado para poder personalizar el formulario. Nuestro primer objetivo será poder lgorar enviar este formulario web por correo con el contenido escrito por el usuario. Esto lo veremos en el vídeo a continuación:
Nuestro segundo y último objetivo para nuestro formulario es ver dónde se guardará. En este caso en particular, estaremos guardando toda la información de nuestro formulario dentro de una hoja en línea de Google Sheets. Para averiguar el procedimiento, mira el vídeo siguiente:
Luego de haber visto todos los vídeos, ya sabrás como crear un formulario personalizado, cómo editarlo y cómo procesarlo y enviar su información para que sea guardada dentro de una hoja en línea de Google Sheets.
Pueden descargar los archivos fuente utilizados a lo largo de los vídeos haciendo clic en los siguientes enlaces: Script1, Script2
6 Comments
Excelente tutorial José, me exploto la cabeza con la parte de google sheets, lo único que me gustaría saber, si es posible validar el formulario antes de enviarlo a google sheets?
Muchas gracias por compartir.
Saludos
Hola José!! Muchas gracias por este taller!
Yo no se absolutamente nada de programación pero seguí tus tutoriales y logré una mejora importante con un formulario en mi área de trabajo que ahora se carga automáticamente en un archivo de Google Sheets. Realmente lo explicaste claro, preciso y ameno, y te agradezco inmensamente por ello.
Adicionalmente, quisiera saber si es posible que me ayudes con el código que pudiera agregar al formulario para que luego de enviarlo pueda salir un mensaje emergente de agradecimiento y notificación de que la información ha sido enviada (antes de que cargue nuevamente el formulario en blanco).
De antemano gracias por tus atenciones.
Saludos cordiales.
Hola!
Seguí su tutorial y es funcional. Pero me encontré con el problema que al incluir esa función ya no envia al correo solo guarda en la hoja de excel.
Sabría cómo puedo solucionar esto?
Hola, buenas tardes, me podrían aclarar una duda? Después de creado el formulario, si necesito que las personas adjunten un archivo, cómo puedo hacer para que se guarde en una carpeta de drive?
Hola amigo. me funciona estando dentro de mi computadora. Cuando subo el formulario al host no funciona el envío con el google sheet.
Qué puede suceder?
Gracias!
Excelente! gracias por compartir la información