ПРОЕКТ

Индивидуальная интеграция 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 «Sheets». Отличная и быстрая работа. Коммуникация с продавцом: 4. Порекомендовал бы другу: 5. Услуга соответствовала описанию: 5.

- baburhabib1024

Реализованные ключевые функции

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

Скриншоты

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

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

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

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

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

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace