PROJEKT

Benutzerdefinierte HTML- & JavaScript-Formularintegration mit Zapier und Google Sheets auf SquareSpace

Benutzerdefinierte Formularentwicklung, Zapier-Integration, Google Sheets API-Einrichtung, Einbettung in SquareSpace, Integration dynamischer Formularfelder

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

Projektübersicht

2410 hat ein benutzerdefiniertes HTML- und JavaScript-Formular entwickelt, das in eine SquareSpace-Seite eingebettet werden soll. Das Formular erfasste drei Eingaben (Klasse, Bereich, PLZ), sendete sie über Zapier an ein Google Sheet und rief dynamisch berechnete Ergebnisse aus bestimmten Zellen des Sheets ab.

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

2410 hat mir geholfen, Google Sheet über Zapier und Sheet-APIs mit einer SquareSpace-Website zu verbinden. Großartige Arbeit und schnell. Kommunikationsstufe des Anbieters: 4. Empfehlung an einen Freund: 5. Service wie beschrieben: 5.

- baburhabib1024

Gelieferte Hauptfunktionen

  • Benutzerdefiniertes Benutzerformular mit Eingabevalidierung
  • Integration mit Zapier zur Weiterleitung von Formulardaten an Google Sheets
  • Backend-Abfrage zum Abrufen berechneter Ergebnisse
  • Timeout-Behandlung und Wiederholungsmechanismus
  • Formelfeldunterstützung in Google Sheets
  • Mehrfeld-Ergebnisanzeige im Frontend

Screenshots

Benutzerdefiniertes Frontend-Formular-Eingabefeld zur Erfassung der Klassenstufe des Kindes, Teil des SquareSpace-eingebetteten Formulars.

Benutzerdefiniertes Frontend-Formular-Eingabefeld zur Erfassung der Klassenstufe des Kindes, Teil des SquareSpace-eingebetteten Formulars.

Zapier-Automatisierungsschritt: Catch Hook zum Empfang von Daten aus dem Website-Formular und zur Auslösung von Backend-Prozessen.

Zapier-Automatisierungsschritt: Catch Hook zum Empfang von Daten aus dem Website-Formular und zur Auslösung von Backend-Prozessen.

Technologie-Stack

HTML JavaScript Zapier Google Sheets API SquareSpace