PROYECTO

Integración de formulario personalizado con HTML y JavaScript con Zapier y Google Sheets en SquareSpace

Desarrollo de formulario personalizado, Integración con Zapier, Configuración de API de Google Sheets, Incrustación en SquareSpace, Integración de campos de fórmula dinámica

  • Industria: Desarrollo web
  • Estados Unidos Ubicación: Estados Unidos
  • Tiempo de entrega: 2 semanas
  • Tecnologías: HTML, JavaScript
  • Valorado: 5/5
1 mes

Visión general del proyecto

2410 desarrolló un formulario personalizado en HTML y JavaScript para ser incrustado en un sitio de SquareSpace. El formulario recogía tres entradas (Grado, Rango, Código Postal), las enviaba a una hoja de Google a través de Zapier y recuperaba dinámicamente los resultados calculados de celdas específicas en la hoja.

Posteriormente, la solución se amplió para incluir salidas basadas en fórmulas (=Families(...) y =Pods(...)) calculadas en la hoja de cálculo y mostradas en el sitio web.

2410 me ayudó a conectar Google Sheets a un sitio web de SquareSpace a través de Zapier y las APIs de hojas. Gran trabajo y rápido. Nivel de comunicación del vendedor: 4. Recomendado a un amigo: 5. Servicio como se describe: 5.

- baburhabib1024

Características claves entregadas

  • Formulario personalizado para el usuario con validación de entrada
  • Integración con Zapier para enviar datos del formulario a Google Sheets
  • Encuesta en el servidor para recuperar resultados calculados
  • Manejo de tiempos de espera y mecanismo de reintento
  • Soporte para campos de fórmula en Google Sheets
  • Visualización de resultados multifacéticos en el frontend

Capturas de pantalla

Campo de entrada del formulario personalizado para capturar el nivel de grado del niño, parte del formulario incrustado en SquareSpace.

Campo de entrada del formulario personalizado para capturar el nivel de grado del niño, parte del formulario incrustado en SquareSpace.

Paso de automatización de Zapier: Catch Hook utilizado para recibir datos del formulario del sitio web y activar procesos en el servidor.

Paso de automatización de Zapier: Catch Hook utilizado para recibir datos del formulario del sitio web y activar procesos en el servidor.

Pila de tecnologías

HTML JavaScript Zapier API de Google Sheets SquareSpace