PROJEKT

Anpassad HTML- och JavaScript-formulärintegration med Zapier och Google Sheets i SquareSpace

Utveckling av anpassat formulär, Zapier-integration, Konfiguration av Google Sheets API, Inbäddning i SquareSpace, Integration av dynamiska formelfält

  • Bransch: Webbutveckling
  • USA Plats: USA
  • Leveranstid: 2 veckor
  • Teknik: HTML, JavaScript
  • Betyg: 5/5
1 månad

Projektöversikt

2410 utvecklade ett anpassat HTML- och JavaScript-formulär som skulle bäddas in på en SquareSpace-webbplats. Formuläret samlade in tre uppgifter (årskurs, intervall, postnummer), skickade dem till ett Google-kalkylark via Zapier och hämtade dynamiskt beräknade resultat från specifika celler i kalkylarket.

Senare utökades lösningen med formelbaserade resultat (=Families(...) och =Pods(...)) som beräknades i kalkylarket och visades på webbplatsen.

2410 hjälpte mig att koppla ett Google-kalkylark till en SquareSpace-webbplats via Zapier och kalkylarkens API:er. Fantastiskt arbete och snabbt levererat. Säljarens kommunikationsnivå: 4. Skulle rekommendera till en vän: 5. Tjänsten motsvarade beskrivningen: 5.

- baburhabib1024

Viktiga levererade funktioner

  • Anpassat användarformulär med validering av indata
  • Integration med Zapier för att vidarebefordra formulärdata till Google Sheets
  • Backendavläsning för att hämta beräknade resultat
  • Hantering av tidsgränser och mekanism för nya försök
  • Stöd för formelfält i Google Sheets
  • Visning av resultat från flera fält i frontend

Skärmbilder

Anpassat formulärfält i frontend för att ange barnets årskurs, som en del av formuläret inbäddat i SquareSpace.

Anpassat formulärfält i frontend för att ange barnets årskurs, som en del av formuläret inbäddat i SquareSpace.

Automatiseringssteg i Zapier: Catch Hook tar emot data från webbplatsens formulär och startar backendprocesser.

Automatiseringssteg i Zapier: Catch Hook tar emot data från webbplatsens formulär och startar backendprocesser.

Teknikstack

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace