🚀 Tutorial Completo: Google Forms como Formulário de Contato e Integração

Parte 1: Criação e Configuração do Google Forms

O Google Forms será o motor de coleta de dados do seu formulário de contato.

1. Criar o Formulário

• Acesse o Google Forms (forms.google.com) com sua conta Google.

• Clique em “Em Branco” (+) para iniciar um novo formulário ou use o template “Informações de contato”.

• Título e Descrição: Defina um título claro (ex: “Formulário de Contato”) e uma breve descrição.

• Adicionar Campos:

  • Crie os campos essenciais para um formulário de contato:

    • Nome: Resposta Curta.

    • E-mail: Resposta Curta (use a opção de validação de resposta para garantir que seja um endereço de e-mail).

    • Assunto: Resposta Curta ou Lista Suspensa (se quiser limitar opções).

    • Mensagem: Parágrafo.

  • Marque os campos essenciais como “Obrigatória” (o seletor na parte inferior de cada pergunta).

2. Configurações de Resposta (Integração com Planilha)

Esta é a etapa crucial para armazenar os dados.

• No menu superior do formulário, clique na aba “Respostas”.

• Clique no ícone verde de Planilhas Google ($\Box$) ou em “Vincular ao Planilhas”.

• Selecione “Criar uma nova planilha” e dê um nome (ex: “Respostas Formulário Contato”).

• Clique em “Criar”.

  • Resultado: Uma nova planilha Google Sheets será aberta, e todas as futuras respostas do formulário serão automaticamente adicionadas a ela, em tempo real.

Parte 2: Envio de Notificações por E-mail

O Google Forms, por padrão, armazena os dados na planilha, mas não envia uma notificação “tradicional” de e-mail a cada nova resposta. Você tem duas opções para receber notificações:

Opção A: Notificação Básica do Google Forms (Para Receber um Resumo Diário/Semanal)

• Na mesma aba “Respostas” do Google Forms, clique no ícone de três pontos verticais ($\vdots$).

• Selecione “Receber notificações por e-mail sobre novas respostas”.

  • Observação: Essa opção é útil, mas geralmente notifica em lotes, e não imediatamente após cada envio.

Opção B: Usando um Complemento (Recomendado para Notificação Imediata)

Para receber um e-mail imediato a cada novo envio, você precisará de um Complemento (Add-on).

1. No Google Forms, clique no ícone de três pontos verticais ($\vdots$) no canto superior direito.

2. Clique em “Complementos”.

3. Pesquise por “Form Notifications” ou “Email Notifications for Forms” (Form Notifications by Google é um bom ponto de partida).

4. Instale o complemento.

5. Após a instalação, clique no ícone de Complementos (uma peça de quebra-cabeça) no menu superior do Forms.

6. Abra o complemento instalado e configure-o para:

   • Enviar uma notificação para você (o administrador) com os detalhes da resposta.

   • Você pode até configurar um e-mail de confirmação automático para o remetente (a pessoa que preencheu o formulário).

Parte 3: Incorporação do Formulário no WordPress

Agora que o formulário está criado e configurado para salvar e notificar, vamos adicioná-lo ao seu site WordPress.

1. Obter o Código de Incorporação (Embed Code)

• No Google Forms, clique no botão “Enviar” (canto superior direito).

• Na janela pop-up “Enviar formulário”, clique no ícone de incorporação ($<>$).

• Você verá o código HTML (<iframe>).

• Ajuste de Dimensões (Opcional): Você pode ajustar os valores de width (largura) e height (altura) se necessário. Uma largura de 100% e uma altura que caiba todo o formulário (ex: 800px) costumam funcionar bem.

• Clique em “Copiar”.

2. Adicionar ao WordPress

Você precisa adicionar este código HTML a uma página ou post no WordPress.

• Faça login no painel de administração do seu site WordPress.

• Navegue até Páginas $\rightarrow$ Adicionar Nova (ou edite a página de Contato existente).

Opção A: Usando o Editor de Blocos (Gutenberg – Método Recomendado)

1. Na área de edição da página, clique no ícone “+” para adicionar um novo bloco.

2. Pesquise por “HTML Personalizado” (ou “Custom HTML”).

3. Cole o código <iframe> copiado do Google Forms neste bloco.

4. Clique em “Atualizar” ou “Publicar” na página.

Opção B: Usando o Editor Clássico

1. Na área de edição, mude do modo “Visual” para o modo “Texto” (ou “HTML”).

2. Cole o código <iframe> onde deseja que o formulário apareça.

3. Clique em “Atualizar” ou “Publicar”.

3. Teste Final

• Acesse a página do seu site onde o formulário foi incorporado.

• Preencha e envie um teste.

• Verifique se:

  1. Os dados aparecem na Planilha Google Sheets.

  2. Você recebeu a notificação por e-mail (se configurada).

💡 Dicas de Profissional

Este processo garantirá que você tenha um formulário de contato funcional, com backup dos dados em tempo real e notificações eficazes!