PROJET

Intégration d'un formulaire HTML et JavaScript personnalisé avec Zapier et Google Sheets sur SquareSpace

Développement d'un formulaire personnalisé, Intégration Zapier, Configuration de l'API Google Sheets, Intégration à SquareSpace, Intégration de champs de formule dynamiques

  • Secteur d'activité: Développement web
  • États-Unis Localisation: États-Unis
  • Délai de livraison: 2 semaines
  • Technologies: HTML, JavaScript
  • Évaluation: 5/5
1 mois

Présentation du projet

2410 a développé un formulaire HTML et JavaScript personnalisé à intégrer à un site SquareSpace. Le formulaire recueillait trois données (niveau scolaire, tranche, code postal), les envoyait à une feuille Google via Zapier et récupérait dynamiquement les résultats calculés à partir de cellules spécifiques de la feuille de calcul.

Par la suite, la solution a été étendue pour inclure des résultats basés sur des formules (=Families(...) et =Pods(...)) calculées dans la feuille de calcul et affichées sur le site.

2410 m'a aidé à connecter Google Sheets à un site SquareSpace via Zapier et les API Sheets. Excellent travail, réalisé rapidement. Communication avec le prestataire : 4. Recommandé à un ami : 5. Service conforme à la description : 5.

- baburhabib1024

Fonctionnalités clés livrées

  • Formulaire utilisateur personnalisé avec validation des données
  • Intégration à Zapier pour transférer les données du formulaire vers Google Sheets
  • Interrogation côté serveur pour récupérer les résultats calculés
  • Gestion des délais d'expiration et mécanisme de nouvelle tentative
  • Prise en charge des champs de formule dans Google Sheets
  • Affichage de résultats à plusieurs champs côté interface

Captures d'écran

Champ de saisie personnalisé du formulaire côté interface, permettant de renseigner le niveau scolaire de l'enfant, dans le formulaire intégré à SquareSpace.

Champ de saisie personnalisé du formulaire côté interface, permettant de renseigner le niveau scolaire de l'enfant, dans le formulaire intégré à SquareSpace.

Étape d'automatisation Zapier : Catch Hook utilisé pour recevoir les données du formulaire du site et déclencher les processus côté serveur.

Étape d'automatisation Zapier : Catch Hook utilisé pour recevoir les données du formulaire du site et déclencher les processus côté serveur.

Stack technique

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace