PROJETO

Integração personalizada de formulário HTML e JavaScript com Zapier e Google Sheets no SquareSpace

Desenvolvimento de formulário personalizado, Integração com o Zapier, Configuração da API do Google Sheets, Incorporação no SquareSpace, Integração de campos com fórmulas dinâmicas

  • Setor: Desenvolvimento web
  • Estados Unidos Localização: Estados Unidos
  • Prazo de entrega: 2 semanas
  • Tecnologias: HTML, JavaScript
  • Avaliação: 5/5
1 mês

Visão geral do projeto

A 2410 desenvolveu um formulário personalizado em HTML e JavaScript para ser incorporado num site SquareSpace. O formulário recolhia três dados (ano escolar, intervalo e código postal), enviava-os para uma Google Sheet através do Zapier e obtinha dinamicamente resultados calculados a partir de células específicas da folha.

Mais tarde, a solução foi expandida para incluir resultados baseados em fórmulas (=Families(...) e =Pods(...)), calculados na folha de cálculo e apresentados no site.

A 2410 ajudou-me a ligar uma Google Sheet a um site SquareSpace através do Zapier e das APIs das folhas. Excelente trabalho e rapidez. Nível de comunicação do vendedor: 4. Recomendaria a um amigo: 5. Serviço conforme descrito: 5.

- baburhabib1024

Principais funcionalidades entregues

  • Formulário de utilizador personalizado com validação de dados
  • Integração com o Zapier para enviar dados do formulário para o Google Sheets
  • Consulta ao backend para obter resultados calculados
  • Gestão de timeouts e mecanismo de repetição
  • Suporte a campos com fórmulas no Google Sheets
  • Apresentação de resultados de vários campos no frontend

Capturas de ecrã

Campo de entrada personalizado do formulário frontend para recolher o ano escolar da criança, integrado no formulário incorporado no SquareSpace.

Campo de entrada personalizado do formulário frontend para recolher o ano escolar da criança, integrado no formulário incorporado no SquareSpace.

Etapa de automação do Zapier: Catch Hook utilizado para receber dados do formulário do site e iniciar processos no backend.

Etapa de automação do Zapier: Catch Hook utilizado para receber dados do formulário do site e iniciar processos no backend.

Stack tecnológico

HTML
JavaScript
Zapier
Google Sheets API
SquareSpace