Mapaprop

Inserir um formulário

Este tutorial ensina a criar um formulário personalizado com o Google Forms e inseri-lo em uma página do seu site. Serve para coletar informações de visitantes: solicitações de avaliação, consultas específicas, pesquisas, inscrições em newsletter, etc.

Este tutorial usa o Google Forms porque é gratuito, fácil de usar e salva as respostas automaticamente em uma planilha. O mesmo procedimento funciona com outros serviços (Typeform, Jotform, Microsoft Forms): basta que o serviço forneça um código <iframe> para incorporar.

O que você vai conseguir

Uma página do seu site com um formulário funcional onde os visitantes podem preencher campos e enviar as informações. Cada envio chega em uma planilha do Google (e, opcionalmente, no seu email).

Parte 1 — Criar o formulário no Google Forms

Passo 1.1 — Acesse o Google Drive

  1. Abra drive.google.com no seu navegador.
  2. Faça login com sua conta do Google (se não tiver, crie uma gratuitamente).

Passo 1.2 — Crie um formulário novo

  1. Pressione o botão + Novo (canto superior esquerdo).
  2. Escolha Mais > Formulários Google.
  3. Um editor com um formulário vazio será aberto.

Passo 1.3 — Configure os campos

  1. Título do formulário: por exemplo, "Solicitação de avaliação".
  2. Descrição: uma linha explicando para que serve.
  3. Adicione perguntas: pressione o botão + do painel lateral para adicionar campos. Os tipos de campo mais úteis são:
    • Resposta curta: para nome, email, telefone.
    • Parágrafo: para mensagens longas.
    • Caixas de seleção: para múltiplas opções.
    • Lista suspensa: para uma única opção de uma lista.
  4. Campos obrigatórios: ative o alternador "Obrigatório" em cada campo importante (normalmente email e nome).

Se você tiver dúvidas sobre como configurar o Google Forms, pesquise no Google "como criar um formulário no Google Forms" — há tutoriais em vídeo bem claros.

Parte 2 — Obter o código para inserir

Passo 2.1 — Acesse a opção "Inserir"

  1. No formulário criado, pressione o botão Enviar (canto superior direito).
  2. Na caixa de diálogo, escolha a aba com o ícone < > (Incorporar HTML).
  3. Aparece o código <iframe ...> pronto para copiar.

Passo 2.2 — Configure o tamanho (opcional)

Dentro da mesma caixa de diálogo, ajuste Largura e Altura em pixels. Recomendação:

  • Largura: 100% (se adapta ao container do seu site).
  • Altura: entre 600 e 800 px (depende de quantos campos ele tem).

Passo 2.3 — Copie o código

Pressione Copiar. O código terá esta forma:

<iframe src="https://docs.google.com/forms/d/e/.../viewform?embedded=true" width="640" height="800" frameborder="0" marginheight="0" marginwidth="0">Carregando…</iframe>

Parte 3 — Inserir o formulário no seu site

Passo 3.1 — Crie ou edite a página

Em Menu > Site > seu site > Minhas Páginas:

  • Para uma seção nova: pressione Adicionar e configure o título (por exemplo, "Avaliação online").
  • Para uma seção existente: pressione o ícone de lápis.

Passo 3.2 — Ative o Modo HTML

  1. Vá até a aba Edição de conteúdo.
  2. Posicione o cursor onde deseja que o formulário apareça (pode ser depois de um texto introdutório).
  3. Pressione o botão </> da barra de ferramentas (último grupo).
  4. Confirme o aviso.

Passo 3.3 — Cole o código do formulário

Cole o <iframe> que você copiou do Google Forms. Você pode combiná-lo com texto antes e depois:

<h2>Solicite uma avaliação gratuita</h2>
<p>Preencha o formulário abaixo e entraremos em contato em 24 horas.</p>

<iframe src="https://docs.google.com/forms/d/e/.../viewform?embedded=true" width="100%" height="800" frameborder="0">Carregando…</iframe>

<p>Você também pode nos ligar em <strong>(011) 4444-5555</strong>.</p>

Passo 3.4 — Salve

  1. Pressione Salvar.
  2. Abra seu site em uma nova aba e verifique se o formulário aparece e funciona (envie um teste).

Parte 4 — Configurar notificações por email (opcional)

Por padrão, as respostas são salvas em uma planilha do Google. Se quiser receber um email toda vez que alguém enviar o formulário:

Passo 4.1 — Ative a planilha de respostas

  1. Volte ao seu formulário no Google Forms.
  2. Vá até a aba Respostas.
  3. Pressione o ícone planilha verde ("Ver respostas no Planilhas").
  4. Escolha Criar nova planilha e confirme.

Passo 4.2 — Ative as notificações

Na planilha de respostas:

  1. Vá em Ferramentas > Regras de notificação.
  2. Escolha "É enviado um formulário" como evento.
  3. Escolha "Email — imediatamente" (ou "resumo diário" se você recebe muitas respostas).
  4. Pressione Salvar.

A partir desse momento, cada resposta chegará no seu email registrado no Google.

Se quiser notificações para múltiplos emails (sua equipe, por exemplo), adicione os demais como editores da planilha e cada um configura sua própria regra de notificação.

Solução de problemas comuns

ProblemaCausa provável
O formulário não apareceO código <iframe> ficou cortado ao colar. Volte ao Modo HTML e verifique se está completo, com o fechamento </iframe>.
O formulário aparece mas fica pequenoAumente o valor de height="..." no código.
Aparece "Carregando..." e nunca terminaO formulário está privado. No Google Forms vá em Configurações e permita "Qualquer pessoa com o link".
As respostas não chegamVerifique se você ativou a planilha de respostas no Passo 4.1.

Ajudas relacionadas