PROJEKT

Individuelle HTML- und JavaScript-Formularintegration mit Zapier und Google Sheets in SquareSpace

Individuelle Formularentwicklung, Zapier-Integration, Einrichtung der Google-Sheets-API, Einbettung in SquareSpace, Integration dynamischer Formelfelder

  • Branche: Webentwicklung
  • Vereinigte Staaten Standort: Vereinigte Staaten
  • Lieferzeit: 2 Wochen
  • Technologien: HTML, JavaScript
  • Bewertet: 5/5
1 Monat

Projektübersicht

2410 entwickelte ein individuelles HTML- und JavaScript-Formular zur Einbettung in eine SquareSpace-Website. Das Formular erfasste drei Eingaben (Klassenstufe, Bereich, Postleitzahl), übermittelte sie über Zapier an ein Google Sheet und rief berechnete Ergebnisse dynamisch aus bestimmten Zellen des Sheets ab.

Später wurde die Lösung um formelbasierte Ausgaben (=Families(...) und =Pods(...)) erweitert, die in der Tabelle berechnet und auf der Website angezeigt wurden.

2410 hat mir geholfen, ein Google Sheet über Zapier und die Sheet-APIs mit einer SquareSpace-Website zu verbinden. Großartige und schnelle Arbeit. Kommunikation mit dem Verkäufer: 4. Würde ich einem Freund empfehlen: 5. Leistung wie beschrieben: 5.

- baburhabib1024

Wichtige umgesetzte Funktionen

  • Individuelles Benutzerformular mit Eingabevalidierung
  • Integration mit Zapier zur Weiterleitung von Formulardaten an Google Sheets
  • Backend-Abfragen zum Abrufen berechneter Ergebnisse
  • Timeout-Behandlung und Wiederholungsmechanismus
  • Unterstützung von Formelfeldern in Google Sheets
  • Anzeige mehrerer Ergebnisfelder im Frontend

Screenshots

Individuelles Frontend-Eingabefeld zur Erfassung der Klassenstufe des Kindes, als Teil des in SquareSpace eingebetteten Formulars.

Individuelles Frontend-Eingabefeld zur Erfassung der Klassenstufe des Kindes, als Teil des in SquareSpace eingebetteten Formulars.

Zapier-Automatisierungsschritt: Catch Hook zum Empfangen von Daten aus dem Website-Formular und Auslösen von Backend-Prozessen.

Zapier-Automatisierungsschritt: Catch Hook zum Empfangen von Daten aus dem Website-Formular und Auslösen von Backend-Prozessen.

Technologie-Stack

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace