¿Cómo enviar un formulario HTML a Google Sheets?

"Estoy intentando enviar los datos del formulario HTML que está integrado con Google Sheets"- Google Docs Editors Community

Guardas tus prospectos o tu lista de pendientes en Google Sheets y quieres que el formulario de tu sitio web agregue una fila ahí. Un formulario HTML no puede escribir en una hoja por sí solo. Un Google Form sí puede, gratis, pero se ve como un Google Form y queda dentro de un iframe en tu página. Google Apps Script puede conectar tu propio formulario HTML con la hoja, pero entonces el código lo tienes que escribir y arreglar tú. Con Formfacade, tu Google Form se muestra en tu sitio como un formulario HTML sin iframe y puedes vincular sus respuestas a una hoja de Google Sheets.

Estas son tres formas de enviar las respuestas de un formulario HTML a Google Sheets y lo que le falta a cada una.

Google Sheets es la base de datos más flexible para manejar prospectos o una lista de pendientes. Pero para recopilar datos en Google Sheets puedes usar un método simple como Google Forms. O usar Google Apps Script para crear un formulario HTML.
En este artículo veremos tres opciones para enviar un formulario HTML a Google Sheets.

Opción 1: Crea una aplicación web con Google Apps Script

Bien. Ahora tienes Google Sheets como destino. La forma más fácil de conectarte o comunicarte con Google Sheets es usar Google Apps Script para escribir tu propio formulario. Si tienes buenos conocimientos de programación, puedes usar Google Apps Script para lograrlo. Si eliges este método, puedes consultar este artículo con las instrucciones paso a paso del proceso anterior: https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms-b833952cc175
En resumen: tienes que seguir estos 3 pasos:
Paso 1: Crea tu formulario HTML por tu cuenta o a partir de los ejemplos de Bootstrap aquí: https://getbootstrap.com/docs/4.3/components/forms/
Paso 2: Crea una aplicación web que acepte la respuesta del formulario HTML como solicitud POST
- Crea tu hoja de cálculo con los mismos campos que tienes en tu formulario.
- Crea y configura Google Apps Script. Copia y pega un código listo que agregará una fila nueva cada vez que tu formulario se envíe correctamente.
- Autoriza & configura nuevos activadores del proyecto de Apps Script para que la hoja de cálculo de Google detecte el envío de tu formulario.
- Publica el proyecto como aplicación web. Obtendrás una URL de aplicación web después de publicarlo. Guárdala para el siguiente paso.
Paso 3: Vincula tu formulario HTML a Google Sheets.
Agrega la URL de la aplicación web a tu formulario HTML. Agrega también un fragmento de código para convertir los datos del formulario a JSON y enviarlos a tu hoja de cálculo de Google.
¡Ahora tu formulario HTML debería estar listo para enviar los datos a Google Sheets!

Ventaja:

Podrás personalizarlo según tus necesidades.

Desventaja:

Tienes que mantenerlo y solucionar los problemas si te encuentras con errores de código. Incluso los desarrolladores con experiencia tienen problemas para que su Apps Script funcione al primer intento.
Si no eres desarrollador, quizás necesites un método mucho más simple.

Opción 2: Usa Google Forms directamente en tu sitio web. Conéctalo con una hoja de Google Sheets.

Es lo más simple que hay. Tu formulario está alojado en tu sitio web, así que tienes tu propio enlace para compartir con tus usuarios. Así puedes insertar tu Google Form en tu sitio web. ¿Cómo insertar Google Forms en tu sitio web?

Ventaja:

No necesitas ser desarrollador. Es gratis y es por mucho la forma más simple.

Desventaja:

El aspecto estándar de Google Forms no es profesional. ¿Qué piensan tus usuarios cuando ven un formulario sin tu marca? ¿Les da confianza en que podrás entregar un gran producto o servicio, cuando ni siquiera puedes mostrarles un formulario de aspecto profesional?
¡Aquí entra Formfacade!

Opción 3: Usa Formfacade para convertir tu formulario en un formulario HTML

  • Haz clic en Crea tu formulario, ponle nombre a tu formulario, haz clic en Build form y luego en Proceed.
  • Haz clic en la pestaña "Share"
Las pestañas Edit, Preview, Share y Responses, con Share marcado
  • Haz clic en Embed
  • Selecciona "My website is different from above" y haz clic en NEXT
  • Copia el código y pégalo en tu página web
La pestaña Embed que dice Your website is different from above, con el código para copiar resaltado
  • Haz clic en la pestaña "Responses" y luego en Google Sheets
  • Haz clic en Link to Sheets y luego en Proceed
Las pestañas Edit, Preview, Share y Responses, con Responses marcado

Ventajas:

Puedes no ser programador y aun así crear un formulario HTML.
Tus formularios tendrán un aspecto profesional y se integrarán con tu sitio web. Sin iframe, sin la marca de Google.

Desventaja:

La solución cuesta $8 al mes para más de 100 respuestas.
Ahora que conoces estas opciones, puedes ver cuál te conviene más. Encuentra la solución con la mejor relación entre esfuerzo y beneficio.

Resumen

Si el formulario de tu sitio web tiene que enviar sus respuestas a Google Sheets, Apps Script requiere código y un Google Form simple no se ve como tu sitio web. Con Formfacade, pegas el código de inserción en tu página web y vinculas las respuestas a una hoja de Google Sheets. Crea tu formulario y sigue los pasos anteriores. Si tienes alguna pregunta, escribe a soporte.

Última actualización: