PROJECT

Aangepaste HTML- en JavaScript-formulierintegratie met Zapier en Google Sheets in SquareSpace

Ontwikkeling van een aangepast formulier, Zapier-integratie, Configuratie van de Google Sheets API, Inbedding in SquareSpace, Integratie van dynamische formulevelden

  • Branche: Webontwikkeling
  • Verenigde Staten Locatie: Verenigde Staten
  • Levertijd: 2 weken
  • Technologieën: HTML, JavaScript
  • Beoordeling: 5/5
1 maand

Projectoverzicht

2410 ontwikkelde een aangepast HTML- en JavaScript-formulier dat in een SquareSpace-site kon worden ingebed. Het formulier verzamelde drie invoerwaarden (Grade, Range, Zip), stuurde deze via Zapier naar een Google Sheet en haalde dynamisch berekende resultaten op uit specifieke cellen in het Sheet.

Later werd de oplossing uitgebreid met formulegebaseerde uitvoer (=Families(...) en =Pods(...)) die in het spreadsheet werd berekend en op de website werd weergegeven.

2410 hielp me een Google Sheet via Zapier en Sheet-API's te koppelen aan een SquareSpace-website. Geweldig werk en snel geleverd. Communicatie met de verkoper: 4. Zou je dit aan een vriend aanbevelen: 5. Dienst zoals beschreven: 5.

- baburhabib1024

Belangrijkste opgeleverde functies

  • Aangepast gebruikersformulier met invoervalidatie
  • Integratie met Zapier om formuliergegevens naar Google Sheets door te sturen
  • Backend-polling om berekende resultaten op te halen
  • Afhandeling van time-outs en mechanisme voor nieuwe pogingen
  • Ondersteuning voor formulevelden in Google Sheets
  • Weergave van resultaten uit meerdere velden aan de front-end

Screenshots

Aangepast front-end-invoerveld voor het vastleggen van het leerjaar van het kind, onderdeel van het in SquareSpace ingebedde formulier.

Aangepast front-end-invoerveld voor het vastleggen van het leerjaar van het kind, onderdeel van het in SquareSpace ingebedde formulier.

Zapier-automatiseringsstap: Catch Hook ontvangt gegevens van het websiteformulier en activeert backendprocessen.

Zapier-automatiseringsstap: Catch Hook ontvangt gegevens van het websiteformulier en activeert backendprocessen.

Technologiestack

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace