ПРОЕКТ

Интеграция кастомной формы HTML и JavaScript с Zapier и Google Sheets в Squarespace

Разработка кастомной формы, Интеграция с Zapier, Настройка API Google Sheets, Встраивание в Squarespace, Интеграция динамических полей формы

  • Отрасль: Веб-разработка
  • Соединённые Штаты Америки Местоположение: Соединённые Штаты Америки
  • Срок выполнения: 2 недель
  • Технологии: HTML, JavaScript
  • Оценка: 5/5
1 месяц

Обзор проекта

2410 разработала кастомную форму HTML и JavaScript для встраивания на сайт Squarespace. Форма собирала три значения (класс, диапазон, почтовый индекс), отправляла их через Zapier в Google Sheets и динамически получала рассчитанные результаты из определённых ячеек страницы.

Позже решение расширили формульными результатами (=Families(...) и =Pods(...)), которые рассчитывались в таблице и отображались на сайте.

2410 помогла мне связать Google Sheets с сайтом Squarespace через Zapier и API Sheets. Отличная и быстрая работа. Уровень общения продавца: 4. Рекомендую другу: 5. Услуга соответствовала описанию: 5.

- baburhabib1024

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

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

Скриншоты

Кастомное поле формы для ввода класса ребёнка, часть формы, встроенной в Squarespace.

Кастомное поле формы для ввода класса ребёнка, часть формы, встроенной в Squarespace.

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

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

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

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace