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