Обзор проекта
2410 разработала пользовательскую HTML- и JavaScript-форму для встраивания на сайт SquareSpace. Форма собирала три входных значения (класс, диапазон, почтовый индекс), отправляла их в Google Таблицы через Zapier и динамически получала рассчитанные результаты из определённых ячеек таблицы.
Позже решение расширили результатами на основе формул (=Families(...) и =Pods(...)), которые вычислялись в таблице и отображались на сайте.
- baburhabib1024
Реализованные ключевые функции
- Пользовательская форма с валидацией входных данных
- Интеграция с Zapier для передачи данных формы в Google Sheets
- Серверный запрос для получения рассчитанных результатов
- Обработка тайм-аутов и механизм повторных попыток
- Поддержка полей формул в Google Sheets
- Отображение результатов нескольких полей во фронтенде
Скриншоты
Пользовательское поле формы во фронтенде для указания класса ребёнка, являющееся частью формы, встроенной на сайт SquareSpace.
Автоматизация Zapier: Catch Hook получает данные из формы сайта и запускает серверные процессы.