ПРОЕКТ

Интеграция форм на 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 и API таблиц. Отличная работа и быстрое выполнение. Уровень общения: 4. Рекомендую друзьям: 5. Услуга как в описании: 5.

- baburhabib1024

Ключевые результаты

  • Пользовательская форма с проверкой ввода
  • Интеграция с Zapier для передачи данных формы в Google Sheets
  • Проверка backend для получения вычисленных результатов
  • Управление таймаутами и механизм повторных попыток
  • Поддержка формульных полей в Google Sheets
  • Отображение результатов из нескольких полей на клиентской части

Скриншоты

Пользовательское поле ввода на клиентской части для захвата уровня класса ребенка, часть встроенной формы на SquareSpace.

Пользовательское поле ввода на клиентской части для захвата уровня класса ребенка, часть встроенной формы на SquareSpace.

Этап автоматизации Zapier: Catch Hook используется для получения данных из формы на сайте и запуска backend процессов.

Этап автоматизации Zapier: Catch Hook используется для получения данных из формы на сайте и запуска backend процессов.

Технологический стек

HTML JavaScript Zapier Google Sheets API SquareSpace