Bloco de Formulário

Com o bloco de Formulário, você pode adicionar um formulário ao seu post ou à sua página.

Para funcionalidades gerais e perguntas frequentes, acesse nossa página de informações.

Observação: esta página descreve como usar o bloco de Formulário com o Editor de blocos. Você pode encontrar instruções sobre como adicionar o Formulário de contato no editor clássico aqui.

Requisitos

Para usar o bloco de Formulário, a funcionalidade Formulário de contato do Jetpack deve estar ativada. Ela deverá estar ativada por padrão. Se não estiver, você poderá ativá-la conforme descrito aqui.

Como adicionar o bloco de Formulário

Você pode adicionar o bloco de Formulário a qualquer post ou página selecionando-o na seção Jetpack do seletor de blocos:

Confira nossa página Blocos do Jetpack para obter mais informações sobre como adicionar blocos do Jetpack.

Depois de adicionar um bloco de Formulário, você pode escolher um dos formulários predefinidos: Formulário de contato, Inscrição de newsletter, Confirmação de presença, Cadastro, Agendamento ou Feedback. Para criar seu formulário, clique em Pular.

Depois de escolher um formulário, o bloco será preenchido automaticamente com os campos relevantes. Veja um exemplo de um formulário de notificação por e-mail:

Depois de adicionar um bloco de Formulário, para especificar o endereço do destinatário das notificações por e-mail quando o formulário for preenchido, clique no ícone de edição na barra de ferramentas do bloco. Você pode inserir um endereço de e-mail (ou vários endereços separados por vírgula) e uma linha de assunto.

Se você deixar em branco, as notificações serão enviadas para o autor do post ou da página e a linha de assunto será o título do post ou da página.

Como personalizar seu formulário

Cada bloco de Formulário é um tipo especial de bloco que contém outros blocos aninhados. Cada campo do formulário é por si só um bloco no bloco de Formulário principal. Esses blocos internos de campos do formulário podem ser personalizados e reorganizados no bloco de Formulário principal. Os formulários também podem ser personalizados por meio das configurações de bloco (descritas aqui) ou de filtros avançados (descritos aqui).

Para adicionar um campo ao final ou início do formulário, clique no ícone “Mais opções” e escolha inserir um bloco antes ou depois:

É possível escolher os seguintes campos de formulário: Nome, E-mail, Site, Texto de várias linhas, Texto, Seletor de datas, Telefone, Caixa de seleção, Grupo de caixas de seleção, Botão de opção e Selecionar.

Observe que esses sub-blocos só podem ser adicionados a um bloco de formulário.

É possível editar o rótulo de campo de cada um dos blocos de campo e selecionar se o campo é obrigatório ou não.

Para reorganizar os blocos, passe o mouse sobre o bloco que você quer mover e use as setas para cima/para baixo para movê-lo uma posição acima/abaixo. Você também pode arrastá-lo até o local desejado usando a ferramenta de arrastar e soltar entre as duas setas.

Você também pode adicionar blocos que não são de formulário ao seu bloco de Formulário caso precise incluir texto ou imagem, por exemplo.

Neste vídeo, veja como adicionar um menu suspenso ao formulário:

Para personalizar o botão Enviar, você pode substituir o texto diretamente no botão pelo texto que deseja usar.

Configurações do bloco

Para personalizar o que acontece quando você envia o formulário, selecione o bloco de Formulário externo para abrir as configurações do bloco.

Se você esquecer de inserir o endereço de e-mail e a linha de assunto em notificações de envio de formulário ao adicionar o bloco de Formulário ou se você precisar atualizá-los, selecione o bloco de Formulário e edite as configurações de feedback por e-mail na barra lateral.

Ao adicionar ou editar um bloco de formulário, você pode editar a configurações de Mensagem de confirmação usadas para definir a ação a ser tomada quando um usuário envia um formulário:

• Exibir um resumo do formulário que acabou de ser enviado.
• Redirecionar para um novo URL (seu site ou qualquer outro lugar).
• Exibir uma mensagem de confirmação personalizada.

Você também pode personalizar os elementos de cada campo individual do formulário. Para isso, clique no campo. Na barra de ferramentas, você verá uma opção para marcar o campo como obrigatório ou não e para modificar a largura. Você verá uma breve explicação do campo. Confira as opções de “Campo de mensagem”:

Se você selecionar o campo do botão Enviar (ou Entrar em contato), verá as opções da barra de ferramentas do bloco que alteram a cor e o texto do botão.

Configurações de cor

Você pode personalizar as cores de fundo e do texto do bloco. Há duas opções de cor de fundo: sólida e gradiente:

Configurações da cor do botão

Com as configurações da cor do botão, você consegue alterar a cor do botão Enviar, incluindo as cores de fundo e do texto. Há duas opções de cor de fundo: sólida e gradiente. Captura de tela: 

Você também pode alterar o raio da borda do botão:

O botão pode ser preenchido ou ter borda:

Você também tem a opção de dimensionar o botão com base na porcentagem de largura:

Assim como o bloco de imagem, o alinhamento do botão pode ser definido clicando os ícones de esquerda, direita ou centro.

Integrações de formulário

O bloco de Formulário do Jetpack fornece as seguintes integrações:

• Integração de newsletter (usando Creative Mail).
• Integração de CRM (usando o Jetpack CRM).

Obtenha suporte

Caso tenha dificuldades ao usar o bloco de Formulário, entre em contato com o suporte para obter ajuda.

Informações de privacidade

Por padrão, esta funcionalidade encontra-se ativada. Apesar de não existir um controle para essa funcionalidade dentro da área principal de configurações do Jetpack, ela pode ser desativada a qualquer momento seguindo este guia.

Mais informações sobre o uso de dados no seu site

Dados usados
Proprietários de sites/usuários Para o rastreamento de atividade (detalhes abaixo): endereço de IP, ID do usuário do WordPress.com, nome de usuário do WordPress.com, URL e ID do site conectado ao WordPress.com, versão do Jetpack, agente do usuário, URL de visitante, URL de referência, carimbo de data/hora do evento, idioma do navegador, código do país.	Visitantes do site Se o Akismet estiver ativado no site, os dados de envio de formulário de contato (endereço de IP, agente do usuário, endereço de e-mail, URL do site e comentário) serão enviados para o serviço do Akismet (também pertencente a Automattic) para verificação de spam. Os dados de envio reais serão armazenados no banco de dados do site para o qual eles foram enviados e serão enviados por e-mail diretamente para o proprietário do formulário (ou seja, o autor do site que publicou a página onde está o formulário de contato). Esse e-mail incluirá o endereço de IP, o carimbo de data/hora, o nome, o endereço de e-mail, o site e a mensagem do remetente. O endereço de IP será incluído como uma medida de prevenção de abuso. Para sites que usam o Akismet, é necessário fornecer uma defesa antispam adequada.
Atividade rastreada
Proprietários de sites/usuários Rastreamos quando e por qual usuário a funcionalidade é ativada e desativada.	Visitantes do site Nenhum.
Dados sincronizados (leia mais)
Proprietários de sites/usuários Sincronizamos uma só opção que identifica se a funcionalidade está ou não ativada.	Visitantes do site Sincronizamos o post e as informações do post associadas ao envio de formulário de contato do usuário. Se o Akismet estiver ativado no site, o endereço de IP e o agente do usuário originalmente enviados com o comentário serão sincronizados e armazenados nas informações do post.

Esta página foi traduzida de inglês. Leia a página original.