Guias/Editar seu site/Editor/Formulários/Criar um formulário de contato

Criar um formulário de contato

Crie formulários no seu site para coletar mensagens, reservas, registros, feedback e muito mais. Neste guia, você aprenderá a criar um formulário para adicionar ao seu site.

Tutorial em vídeo

Criar seu formulário

Siga estas etapas para criar um novo formulário:

  1. Acesse o painel do seu site.
  2. Vá para Jetpack → Formulários.
  3. Clique no botão “Criar um formulário” no canto superior direito.
An arrow pointing to the "Create a form" button.
  1. Dê um nome ao formulário (por exemplo, “Fale conosco”) e clique no botão Criar. O nome aparece no painel Formulários e ajuda a diferenciar seus formulários quando há mais de um.
The form name field and Create buttons highlighted.
  1. No editor de formulários, escolha entre diferentes layouts prontos, como Formulário de contato, Formulário RSVP, Formulário de registro, Formulário de compromisso, Formulário de feedback ou Formulário de várias etapas. Ou use o campo de texto para descrever o formulário desejado.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. Adicione e personalize seus campos de formulário usando inserção de blocos (+) no formulário. Os tipos de campo disponíveis incluem nome, e-mail, área de texto, caixa de seleção, botões de opção, lista suspensa e upload de arquivo.
  2. Crie seu formulário alterando as cores, fontes e layout das configurações de estilo do formulário.

Escolher o que acontece após o envio

Você pode controlar o que os visitantes veem após enviar o formulário. Para definir a ação pós-envio, siga estas etapas:

  1. Abra a Visualização em lista clicando no ícone de três linhas horizontais no canto superior esquerdo do editor.
  2. Selecione o bloco Formulário na lista.
An arrow from the List View icon to the Form block in the List View.
  1. Na barra lateral de configurações do bloco, expanda “Ação após o envio”.
The "action after submit" settings showing options for a text or redirect link.
  1. Escolha uma opção:
    • Texto: exiba uma mensagem personalizada. Você pode editar o texto padrão, decidir se deseja mostrar um resumo dos dados enviados e incluir um link “Voltar”.
    • Link de redirecionamento: envie visitantes para outra página após o envio.

Publicar o formulário

Quando o formulário estiver pronto, siga estas etapas:

  1. Clique no botão Publicar no canto superior direito do editor.
  2. Para confirmar, clique em Publicar novamente no painel exibido.

Agora, seu formulário está salvo e disponível para ser incorporado em qualquer página ou post.

Após publicar o formulário, você verá as seguintes opções:

  • Adicionar a uma nova página: crie uma nova página com o formulário já adicionado.
  • Adicionar a uma página existente: selecione uma página existente à qual adicionar o formulário.
  • Copiar e adicionar manualmente: copie o código incorporado ou o shortcode para adicionar o formulário manualmente.

Após sair do editor de formulários, você ainda poderá adicionar o formulário a qualquer página. Saiba mais no nosso guia sobre o bloco Formulário.

The post-publish options for adding a form to a page.

Receber notificações por e-mail

Você receberá uma notificação por e-mail sempre que alguém enviar um formulário no seu site. Responda a essas mensagens diretamente no seu programa de e-mail.

Por padrão, as respostas são enviadas para o endereço de e-mail da sua conta do WordPress.com. Para alterar o endereço de e-mail ou adicionar vários destinatários, siga estas etapas:

  1. Abra a Visualização em lista clicando no ícone de três linhas horizontais no canto superior esquerdo do editor.
  2. Selecione o bloco Formulário na lista.
An arrow from the List View icon to the Form block in the List View.
  1. Na barra lateral de configurações do bloco, expanda Notificações de formulário.
  2. Confirme se a opção “Enviar respostas para o e-mail” está ativada.
  3. Digite o endereço de e-mail no campo “Endereço de e-mail para envio”. Separe vários endereços com vírgulas.
  4. Clique em Salvar.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

Personalize o assunto do e-mail

Você pode personalizar o assunto dos e-mails de notificação que receber. Na seção Notificações de formulário das configurações do bloco, atualize o campo “Linha de assunto do e-mail”.

Para incluir informações do envio do formulário no assunto, digite o nome do campo entre chaves. Por exemplo, se o formulário tiver os campos “Nome” e “E-mail”, insira {name};{email} para incluir esses valores no assunto. Os nomes dos campos devem corresponder aos rótulos no seu formulário e não diferenciam maiúsculas de minúsculas.

The form block settings showing how the subject line can be customized.

Configurar notificações por push

Você pode receber notificações por push das respostas do formulário nas notificações do painel e no navegador. Para ativar as notificações por push, siga estas etapas:

  1. Abra Visualização em lista no editor.
  2. Selecione o bloco Formulário na lista.
  3. Na barra lateral de configurações do bloco, expanda Notificações de formulário.
  4. Ative “Ativar notificações de respostas”.
  5. Escolha qual dos usuários do seu site receberá notificações.
  6. Clique em Salvar.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

Configurar armazenamento de resposta

Por padrão, os formulários enviados pelo bloco Formulário são armazenados em respostas em Jetpack → Formulários. Armazenar suas respostas no seu site é útil principalmente se as mensagens enviadas para o seu e-mail forem bloqueadas como spam.

Configure o armazenamento de respostas seguindo estas etapas:

  1. Abra Visualização em lista no editor.
  2. Selecione o bloco Formulário na lista.
  3. Na barra lateral de configurações do bloco, expanda “Armazenamento de respostas”.
  4. Desative a opção “Salvar respostas” para parar de armazenar suas mensagens. Ative “Salvar respostas” para armazenar respostas no seu site.
The Save responses toggle under Response storage toggled on.

Entender a sincronização de formulários

Todos os formulários do seu site são armazenados como um post de formulário. Quando você insere um bloco Formulário em uma página, o WordPress.com cria um post de formulário vinculado a esse bloco. As edições foram projetadas para manter a sincronização entre os dois:

  • Alterações no bloco Formulário em uma página atualizam o post do formulário.
  • Alterações nas páginas do editor de formulários atualizam as páginas onde o formulário aparece.
  • O painel Formulários em Jetpack → Formulários mostra todos os seus posts de formulário em um só lugar.

A sincronização acontece automaticamente ao salvar. Se um formulário não for exibido no painel Formulários após inseri-lo em uma página, converta-o usando estas etapas.

Copied to clipboard!