PROJECT

Ενσωμάτωση φόρμας HTML και JavaScript με το Zapier και τα Google Sheets στο SquareSpace

Ανάπτυξη προσαρμοσμένης φόρμας, Ενσωμάτωση με το Zapier, Ρύθμιση Google Sheets API, Ενσωμάτωση στο SquareSpace, Ενσωμάτωση δυναμικού πεδίου τύπου

  • Βιομηχανία: Ανάπτυξη Ιστοσελίδων
  • Ηνωμένες Πολιτείες Τοποθεσία: Ηνωμένες Πολιτείες
  • Χρόνος παράδοσης: 2 εβδομάδες
  • Τεχνολογίες: HTML, JavaScript
  • Αξιολόγηση: 5/5
1 μήνας

Επισκόπηση έργου

Η 2410 ανέπτυξε μια προσαρμοσμένη φόρμα HTML και JavaScript που ενσωματώθηκε σε ιστοσελίδα SquareSpace. Η φόρμα συλλέγει τρεις εισόδους (Βαθμός, Διάστημα, Ταχυδρομικός Κώδικας), τις στέλνει σε Google Sheet μέσω του Zapier και ανακτά δυναμικά υπολογισμένα αποτελέσματα από συγκεκριμένα κελιά στο φύλλο.

Αργότερα, η λύση επεκτάθηκε για να περιλαμβάνει αποτελέσματα βασισμένα σε τύπους (=Families(...) και =Pods(...)) που υπολογίζονται στο φύλλο εργασίας και προβάλλονται στην ιστοσελίδα.

Η 2410 με βοήθησε να συνδέσω το Google Sheet με μια ιστοσελίδα στο SquareSpace μέσω του Zapier και APIs φύλλων. Εξαιρετική δουλειά και γρήγορη. Επίπεδο επικοινωνίας με τον πωλητή: 4. Προτείνεται σε φίλο: 5. Υπηρεσία όπως περιγράφεται: 5.

- baburhabib1024

Κύρια χαρακτηριστικά που παραδόθηκαν

  • Προσαρμοσμένη φόρμα χρήστη με επικύρωση εισαγωγών
  • Ενσωμάτωση με το Zapier για τη μεταβίβαση δεδομένων φόρμας στα Google Sheets
  • Ανάκτηση υπολογισμένων αποτελεσμάτων στο backend
  • Διαχείριση χρόνου αναμονής και μηχανισμός επανάληψης
  • Υποστήριξη πεδίου τύπου στο Google Sheets
  • Προβολή αποτελεσμάτων πολλαπλών πεδίων στο frontend

Στιγμιότυπα οθόνης

Προσαρμοσμένο πεδίο εισαγωγής φόρμας για την καταγραφή του επιπέδου τάξης του παιδιού, μέρος της ενσωματωμένης φόρμας στο SquareSpace.

Προσαρμοσμένο πεδίο εισαγωγής φόρμας για την καταγραφή του επιπέδου τάξης του παιδιού, μέρος της ενσωματωμένης φόρμας στο SquareSpace.

Βήμα αυτοματοποίησης Zapier: Χρησιμοποιήθηκε Catch Hook για τη λήψη δεδομένων από τη φόρμα της ιστοσελίδας και την ενεργοποίηση διαδικασιών στο backend.

Βήμα αυτοματοποίησης Zapier: Χρησιμοποιήθηκε Catch Hook για τη λήψη δεδομένων από τη φόρμα της ιστοσελίδας και την ενεργοποίηση διαδικασιών στο backend.

Τεχνολογικό σύνολο

HTML JavaScript Zapier Google Sheets API SquareSpace