Crie um formulário de contato personalizado com um plugin de formulários do WordPress

Você está frustrado com plugins de formulário de contato desajeitados que custam caro, opções de personalização limitadas, pois os recursos premium estão ocultos em níveis mais altos, ou processos de configuração confusos?

Você não está sozinho. Muitos usuários do WordPress lutam para criar um formulário de contato que realmente atenda às suas necessidades, seja porque o plugin é muito restritivo, exige codificação ou esconde recursos essenciais atrás de paywalls.

A boa notícia? Você pode criar um formulário de contato personalizado no WordPress que é adaptado, poderoso e fácil de gerenciar — sem código ou dores de cabeça. Você pode até criar um formulário personalizado em seu site WordPress gratuitamente usando este criador de formulários. Neste guia, mostraremos exatamente como construir o formulário de contato perfeito para o seu site, passo a passo.

Como Criar um Formulário de Contato Personalizado no WordPress? (Guia Passo a Passo)

E se um formulário de contato no seu site WordPress pudesse fazer mais do que apenas coletar dúvidas de clientes? Perguntando como é possível? 

É possível personalizando-o com alguns campos avançados. Por exemplo, um formulário de contato simples do WordPress normalmente contém campos gerais - “Nome, Email, Mensagem”, enquanto em um formulário de contato personalizado, você pode adicionar campos relevantes extras como upload avançado de arquivos, campo repetidor, campo de assinatura, campo de seleção de imagem e campos mais avançados para tornar seu formulário de contato mais envolvente. 

Bem, pronto para criar um formulário de contato personalizado para o seu site WordPress? Hoje, vou usar um avançado, mas super plugin de formulário acessível nomeado Bit Form para criar este formulário incrível, que oferece a maioria dos recursos no versão gratuita.

Passo 1: Instalar e ativar o criador de formulários Bit Form para WordPress

Para começar, você tem que instale e ative este plugin de formulários Primeiro, abra o painel do WordPress > Vá até a seção Plugins > Clique no botão “Adicionar novo” > Pesquise por “Bit Form” > Clique em “Instalar” e ative o plugin.

Passo 2: Crie um formulário de contato

Agora, você pode criar um formulário de contato sem precisar programar, de duas maneiras. Uma delas é simplesmente usar os modelos prontos do Bit Form; a outra opção é criar um formulário do zero. 

Embora seja super fácil construir o formulário do zero, hoje demonstrarei como usar o modelo.

Use o modelo pré-criado e construa o formulário em um clique

Depois de ativar o Bit Form, abra o painel do Bit Form. Lá você verá um “Criar Formulário” botão, basta clicar nele.

Depois disso, você verá mais de 30 modelos deste construtor de formulários de arrastar e soltar. Esses modelos úteis e lindamente projetados incluem um formulário de newsletter, um formulário de registro de sala de reunião, um formulário de candidatura a emprego, um formulário de reclamação de cliente e muitos outros.

Como hoje vamos criar um formulário de contato personalizável, clique em “Usar Modelo” botão sob o modelo Formulário de Contato.

Como você pode ver, o modelo fornece todos os campos básicos que um formulário de contato simples deve conter.

Com o Bit Form, você sempre pode ajustar os campos da maneira que quiser. Além disso, é possível personalizar o formulário com campos relevantes do menu à esquerda para torná-lo mais profissional e útil.

Aqui, adicionarei um campo de número de telefone, um campo de upload de arquivo e um campo Google reCAPTCHA.

Campo de Upload de Arquivo: Por exemplo, se seus clientes estiverem enfrentando um problema com alguma peça específica, eles podem fazer o upload da captura de tela aqui ou fazer o upload do arquivo de confirmação de sua reserva confirmada. 

reCAPTCHA: Adicionar este campo ao seu formulário protegerá seu site contra ataques de malware. Siga esta documentação para configurar o Google reCAPTCHA.

Etapa 3: Personalize os campos do seu formulário de contato personalizado

Depois de concluir a criação do formulário, vamos nos concentrar em personalizar alguns campos. Literalmente, você pode personalizar cada campo com o Bit Form. Basta selecionar o campo e fazer os ajustes necessários no Configurações de Campo opção no lado direito.  

Por exemplo, se você selecionar o campo de e-mail, poderá encontrar várias opções de configuração de campo no lado direito.

Deixe-me mostrar alguns deles. Você pode alterar rótulo do campo, adicione um ícone inicial e final para tornar o formulário visualmente atraente. Você também pode definir um ícone adequado Espaço reservado.

Adicionalmente, você pode tornar qualquer campo obrigatório ou até mesmo ocultar qualquer campo específico.

Agora, quando o campo de upload de arquivo for selecionado, você poderá configurar suas definições. Por exemplo, é possível fixar o número de arquivos que um usuário pode compartilhar. E definir o tamanho do arquivo. 

O Bit Form também oferece opções para especificar o tipo de arquivo (Zip, imagens, áudio etc.)

Após configurar os campos do formulário, não se esqueça de salvar as alterações clicando no botão Atualizar no canto superior direito. E pronto! Seu formulário está pronto para ser publicado.

Passo 4: Adicione um formulário de contato personalizado ao WordPress Site

Agora, é hora de adicionar o formulário personalizado ao seu site WordPress. 

Então você pode adicionar este formulário a qualquer página ou postagem existente, ou pode até criar uma nova. 

Para criar uma nova página, clique em “Adicionar Novo”botão. Isso vai te levar para o Editor Gutenberg, dê um nome para sua página e em seguida pressione o “+” ícone. 

Aqui, procure por Bloco Bit Form. Depois, selecione o formulário na lista suspensa. Por fim, clique em “Publicar” botão e pronto.

Da mesma forma, você pode incorporar o formulário em seu site usando o Bloco de ShortCode. Primeiro, você precisa copiar o shortcode do formulário que você criou.

Em seguida, cole o código no Bloco de ShortCode e clique em “Publicar” botão.

Olha! Seu formulário de Contato Personalizado está no ar em seu site.

Bônus: Decore Seu Formulário de Contato do WordPress (Opcional)

Este passo é completamente opcional. Agora você pode personalize seu formulário personalizável do WordPress com cores personalizadas, estilos de fonte e tamanhos para tornar o formulário mais atraente.

Dominar o design e a personalização de formulários de contato é uma habilidade muito procurada no mundo da tecnologia atual. Se você é um desenvolvedor WordPress ou web designer procurando transformar essas habilidades de construção e personalização de sites em oportunidades de carreira, o mercado global está constantemente procurando sua expertise. Considere explorar milhares de vagas de emprego ativas disponíveis em https://jooble.org/ para encontrar seu próximo projeto empolgante, contrato remoto ou cargo em desenvolvimento web em tempo integral.

Finalização

Se você quer criar um formulário de contato personalizado no WordPress, ter o plugin certo é crucial. Ele não só acelera o processo, mas também lhe dá a flexibilidade de projetar formulários que atendam às suas necessidades exatas.

E, para isso, recomendamos fortemente o Bit Form. Ele vem com um incrível construtor do tipo “arrastar e soltar” que permite até mesmo aos iniciantes utilizá-lo com eficiência. Além disso, um formulário de contato personalizado faz mais do que apenas coletar mensagens — ele proporciona aos usuários uma experiência fluida e útil, além de definir o tom de profissionalismo da sua marca. Ao adicionar campos avançados e adaptar o formulário às suas necessidades específicas, você facilita a comunicação eficaz com clientes em potencial.

Com o Bit Form, esse processo se torna fácil, sem necessidade de programação e surpreendentemente divertido.