Como adicionar um formulário de contato ao WordPress

Com a ferramenta certa, você poderá configurar formulários de contato em qualquer lugar do seu site em questão de minutos.

Pelo menos, isto é, se você usar blocos. Os criadores de formulários podem ser mais personalizáveis, mas também exigem mais esforço para serem configurados.

Como adicionar um formulário de contato no WordPress

Nesta seção, mostraremos como adicionar um formulário de contato no WordPress usando Otter Blocks.

Você pode usar outros plug-ins para configurar um formulário de contato, mas o processo deve ser bastante semelhante.

Selecionamos Otter Blocks porque é gratuito e fácil de usar.

Passo 1: Instale e ative Otter Blocks 🦦

Otter Blocks adiciona uma coleção de novos elementos ao editor de blocos.

Você pode usar os novos blocos em qualquer lugar em que o editor funcione, e ele também adiciona vários novos padrões que o ajudarão a criar páginas com aparência profissional com mais rapidez.

Os blocos que você adiciona usando o plugin vêm com configurações exclusivas. Você também pode adicionar CSS personalizado a cada bloco e configurar animações para eles.

Depois de abrir o Editor de Blocos, você notará que os novos blocos têm ícones vermelhos distintos, por isso são fáceis de reconhecer:

A versão gratuita do Otter Blocks inclui um Formulário de Contato bloco, que é o que usaremos no restante deste tutorial. Para começar, instale e ative o plugin.

Etapa 2: adicione e personalize um formulário de contato 🎨

Para começar, abra o Block Editor e selecione a opção de adicionar um novo bloco. Procure o Forma bloquear e selecione o Formulário de Contato opção do menu que aparece depois:

Por padrão, o bloco do formulário de contato incluirá campos de nome, email e mensagem.

Ele também exibirá as mensagens de erro ou sucesso que os usuários verão após fazer um envio:

Você pode editar os campos padrão usando o Bloquear menu de configurações à direita da tela.

Isso inclui opções para reorganizar os campos arrastando e soltando-os, editando seus títulos e/ou excluindo-os.

Este menu também oferece a opção de adicionar novos campos ao formulário de contato.

Para isso, clique em Adicionar campo de entrada. Selecione o botão de edição para o novo campo e defina um rótulo para ele:

Você pode definir o campo como Obrigatório tornar obrigatório que os utilizadores o preencham antes de poderem submeter uma submissão.

Recomendamos ativar esta opção nos campos principais do formulário de contato para evitar o recebimento de mensagens de spam.

Quando estiver satisfeito com os campos dos formulários de contato, volte para a página principal Bloquear guia de configurações.

Role para baixo até Opções de formulário e selecione para qual e-mail enviar as inscrições:

Por padrão, o bloco enviará novas consultas ao e-mail do administrador, mas você pode alterar isso definindo um novo endereço no campo EMAIL PARA campo.

Você também pode configurar um título para esses envios de formulário de contato, para que possa reconhecê-los.

Finalmente, se você rolar para baixo até o Enviar mensagens aba, você poderá configurar as mensagens de erro e sucesso para o formulário de contato.

Estes são elementos importantes, pois são os únicos indicadores que informam aos usuários se eles precisam reenviar o formulário:

Quando estiver satisfeito com a configuração do formulário, salve o rascunho ou publique a página imediatamente.

Antes de tornar o formulário público, você vai querer testá-lo.

Etapa 3: teste o formulário ⌛

Agora que você sabe como adicionar um formulário de contato no WordPress, você vai querer testá-lo.

Para começar, publique ou visualize a página que contém o formulário de contato e preencha todos os campos obrigatórios:

Quando terminar, clique em Enviar e é isso. Se o formulário de contato funcionar, você verá uma mensagem de sucesso, e você deverá receber um e-mail correspondente quase instantaneamente.

Se você vir uma mensagem de sucesso, mas você não receba um e-mail, verifique sua pasta de spam para garantir.

Você também pode encontrar erros ocasionais em que o WordPress não consegue enviar e-mails, mas isso é fácil de solucionar.

Alternativas de plugin de formulário de contato

Existem muitos métodos e ferramentas que você pode usar para adicionar um formulário de contato no WordPress.

Se você quiser explorar uma abordagem diferente dos tutoriais anteriores, existem muitos outros plugins que podemos recomendar para o trabalho. Aqui estão nossas principais escolhas:

Você pode ler mais sobre esses criadores de formulários WordPress nesta visão geral.

Nenhum deles é adequado para todos os tipos de site, então sua decisão depende do tipo de criador de formulários que você deseja usar e dos recursos aos quais deseja acessar.

Conclusão 🤓

🦦 Você pode fazer isso usando Otter Blocks, que também adiciona uma coleção inteira de outros blocos e padrões ao Block Editor. Veja como fazer isso:

1. Instale e ative Otter Blocks
2. Adicione e personalize um formulário de contato
3. Teste o formulário de contato.