Como adicionar um formulário de contato no WordPress (tutorial 2023)

Um formulário de contato é uma excelente forma de coletar informações dos visitantes do seu site WordPress. Se você deseja capturar pedidos, respostas de pesquisas ou formulários de emprego, adicionar um formulário de contato WordPress é uma forma eficaz para os visitantes do site entrarem em contato e interagirem com você e sua marca online.

Benefícios de usar um formulário de contato WordPress

Existem muitas plataformas e ferramentas online disponíveis que permitem criar formulários. Muitas plataformas modernas oferecem uma interface fácil de usar, relatórios e análises, entre outros recursos. No entanto, usando um formulário de contato do WordPress, você pode ter todos esses recursos e muito mais na interface do WordPress. Aqui estão alguns outros benefícios que você pode obter usando um formulário de contato WordPress:

• Geração de leads – Ao usar um formulário de contato WordPress, você pode aproveitar essas entradas para aumentar seu público por meio de seu site. Um plugin de bom formato terá muitos recursos integrados, então você não precisará de plugins separados para geração de leads, funis de conteúdo, opt-ins de e-mail, integração de CRM e muito mais. É difícil fazer isso se os visitantes enviarem um e-mail para você diretamente do seu site ou da plataforma de e-mail.
• Melhor segurança e validação – Com um formulário construído nativamente em seu site WordPress, você pode garantir a capacidade de entrega dos resultados do seu formulário e usar serviços de proteção contra spam como Recaptcha, Akismet e muito mais, protegendo seu endereço de e-mail e os dados do usuário.
• Gerencie entradas e contatos em um só lugar – Um formulário de contato do WordPress pode permitir que você tenha um local central para as entradas do formulário e possa usá-las em todo o site. Muitos plug-ins de formulário permitem classificar, organizar e exportar conteúdo de formulários que você pode armazenar e criar facilmente bancos de dados completos. Isso não é possível quando as pessoas enviam e-mails diretamente para você.
• Crie vários tipos de formulário com funcionalidade avançada – Pesquisas, enquetes, formulários de inscrição e muito mais podem ser criados facilmente com um formulário de contato WordPress. O limite é a sua imaginação, e com criadores de formulários que permitem recursos como cálculos avançados, campos condicionais e muito mais, ter um formulário de contato em seu site ajuda a tornar seu site uma experiência interativa para seus visitantes, que os fará permanecer – e retornar – para o seu site.

Como adicionar um formulário de contato ao seu site WordPress (passo a passo)

Usaremos o popular e rico plugin WPForms Contact Form para adicionar um formulário de contato ao nosso site WordPress. Começamos instalando o plugin em nosso site.

Instale WPForms

Primeiro, faça login no painel do WordPress e passe o mouse sobre Plugins . Em seguida, clique em Adicionar novo e na caixa de pesquisa digite WPForms . Clique no botão Instalar para iniciar o processo de instalação do plugin.

Por fim, clique no botão azul Ativar para concluir a instalação do plugin WPForms.

Agora que o plugin está instalado e ativado, você pode ver que um novo item de menu foi adicionado ao menu do WordPress.

Criando seu primeiro formulário

WPForms oferece vários locais para adicionar um novo formulário assim que você navegar até o painel. Começaremos clicando no botão laranja Adicionar novo na parte superior do painel.

O processo de construção de formulário em WPForms começa nomeando seu formulário e escolhendo um dos muitos modelos disponíveis. Para nomear seu formulário, insira um título na caixa de texto Título . Em seguida, selecione seu modelo de formulário . Criaremos um formulário personalizado para nosso tutorial, então vamos selecionar o modelo Formulário em Branco .

Depois de escolher o modelo de formulário em branco, você verá o belo construtor de arrastar e soltar do WPForms. No lado esquerdo, você encontrará seus tipos de campo.

Mesmo com a versão gratuita, você recebe vários tipos de campos de formulário que podem capacitá-lo a criar formulários impressionantes. Criaremos um formulário de contato simples e usaremos os campos de nome, e-mail, menu suspenso e texto de parágrafo em nosso formulário.

Agora que selecionamos nossos campos de formulário, vamos dar uma olhada em algumas das personalizações que podemos fazer com WPForms.

Personalizando seu formulário e campos de formulário

Primeiramente, vamos clicar no campo Nome do formulário . A seguir, selecionaremos a guia Geral nas Opções de campo deste campo de formulário. Agora, vamos alterar o formato deste campo e selecionar First Middle Last . Por fim, alternaremos o campo Formulário obrigatório . Isso significa que tornamos obrigatório o preenchimento deste campo do formulário.

A seguir, vamos clicar na guia Avançado . Vamos adicionar espaços reservados aos nossos campos de nome preenchendo o campo espaço reservado com o texto escolhido.

Para ajustar nosso campo de e-mail primeiro, clique no campo de e-mail . Em seguida, clique na guia Geral . Para este campo, vamos adicionar uma opção de confirmação por e-mail (o que significa que os usuários devem confirmar seu e-mail digitando-o duas vezes). Fazemos isso alternando o campo de confirmação de e-mail .

Para nosso campo suspenso, vamos clicar no campo para começar . Em seguida, clique na guia Geral . Agora, adicionamos um rótulo ao campo do formulário para que nossos usuários saibam a finalidade deste menu suspenso. Por fim, adicionaremos nossas opções a este campo .

Por fim, passaremos para o nosso campo final do formulário, o campo parágrafo. Clique no campo do formulário e, em seguida , clique na guia Geral . Atribua um rótulo ao campo . Agora que fizemos edições nos campos do formulário de contato, vamos ajustar as configurações do formulário para atender às nossas necessidades.

Personalizando as configurações do seu formulário

Para ajustar nossas configurações de formulário, clique no ícone Configurações no lado esquerdo do criador de formulários. Em seguida, clique na guia Geral . Esta aba permite que você edite as configurações gerais do formulário, como nome, descrição, tags, etc. Iremos em frente e alteraremos o texto em nosso botão de envio. Role para baixo até a caixa de texto Enviar texto do botão . Em seguida, digite Enviar mensagem .

Além disso, vamos alterar o texto de processamento do nosso formulário. Adicione o texto escolhido à caixa de texto . No nosso caso, editamos para Enviando Mensagem.

WPForms possui segurança integrada; no entanto, se você tiver outro provedor que gostaria de usar, você usaria a guia Proteção e segurança contra spam para integrar o provedor de spam e segurança escolhido ao seu formulário. Usaremos as disposições nativas que o WPForm tem em vigor para nosso formulário agora.

Agora, vamos adicionar algumas notificações ao nosso formulário. Isso significa que receberemos um e-mail quando um visitante entrar em nosso site e nos enviar uma mensagem através de nosso formulário. Para habilitar isso, primeiro clique na guia Notificações . Então, vamos alterar a linha de assunto do e-mail para nova mensagem de formulário de site. Além disso, vamos ajustar o nome do remetente para um nome que reconheceremos em nossa caixa de entrada de e-mail. Com a versão pro do WPForms, várias notificações podem ser adicionadas no futuro.

Por fim, vamos enviar aos visitantes do nosso site uma confirmação de que recebemos com sucesso a entrada do formulário. Para fazer isso, clique na opção de menu Confirmação . Em seguida, ajuste sua mensagem de confirmação na caixa de texto . Você também pode redirecionar os usuários para outra página do seu site ou mostrar outra página além de mostrar uma mensagem na tela.

Depois de fazer todas essas alterações em seu formulário, clique no botão laranja Salvar no canto superior direito da tela. Com nosso formulário criado, vamos adicioná-lo à nossa página!

Adicionando seu formulário de contato a uma página WordPress

Para adicionar seu formulário à sua página, crie uma nova página em seu site ou edite uma página existente. Vamos criar uma nova página para nosso formulário de contato. Primeiro, passe o mouse sobre a opção de menu Páginas e clique em Adicionar novo .

Depois de sermos direcionados para o editor de páginas padrão do WordPress, dê um título à sua página . Em seguida , clique no ícone de adição preto para abrir a biblioteca de blocos disponíveis . Pesquise WPForms e selecione o bloco WPForms .

Selecione seu formulário na lista suspensa de formulários disponíveis.

Com o seu formulário selecionado, podemos começar a estilizá-lo no Editor de Blocos.

Estilizando seu formulário

WPForms torna muito fácil estilizar seu formulário de contato. Embora você possa usar CSS, também pode usar as ferramentas simples do Block Editor para editar e estilizar seu formulário.

No editor, você pode alterar a cor dos campos do formulário, o tamanho dos campos do formulário e muito mais com apenas alguns cliques. Esta era a aparência do nosso formulário antes de adicionar nossas edições de estilo:

Depois de estilizar, é assim que nosso formulário fica. Observe que o botão enviar mudou de cor e foram feitas edições nas bordas dos campos do formulário. Não se esqueça que também podemos atribuir classes CSS a cada aspecto do nosso formulário e usar CSS para personalizar ainda mais o nosso formulário.

Com nosso formulário personalizado e nossos campos em vigor, criamos com sucesso nosso primeiro formulário WordPress! Aqui estão algumas dicas e truques que você deve lembrar ao criar seu formulário de contato.

Como obter o máximo do seu formulário de contato

Os formulários de contato permitem que você adicione uma conexão dinâmica com os visitantes do seu site. No entanto, existem algumas dicas que você deve lembrar ao planejar a construção de seu site.

Pense fora da caixa

Embora tenhamos criado um formulário simples neste tutorial, WPForms e outros plug-ins de formulário de contato têm centenas de modelos que você pode usar para criar uma ampla variedade de formulários. Os formulários não são usados ​​apenas para coletar informações de contato, mas podem ser vitais para o sucesso do seu negócio. Você pode criar pesquisas, realizar enquetes e gerar cotações para clientes com muitos criadores de formulários WordPress. É ainda possível usar um formulário de contato para coletar solicitações de personalização de produtos. Além disso, não tenha medo de ser criativo na maneira como usa os formulários em seu site.

Mantenha seu formulário seguro

Os spammers usarão todos os meios para realizar suas tarefas; um método são os formulários de contato online. No entanto, um recurso de segurança como Akismet ou Recaptcha pode ajudar a manter o conteúdo do seu formulário e endereço de e-mail seguros. Não se esqueça de manter a segurança do seu formulário rigorosa ao adicionar formulários ao seu site.

O poder das integrações

As integrações são onde brilha o uso de um formulário de contato nativo do WordPress. Você pode criar formulários de assinatura de e-mail personalizados que preenchem automaticamente sua solução de marketing por e-mail (como Mailchimp). Seu formulário pode ser conectado ao seu CRM, permitindo que você estimule leads de maneira eficaz. Os formulários de contato do WordPress inspiram confiança em seus clientes, pois eles se parecem com o seu site. Seu formulário se torna uma potência que preenche diferentes aspectos do seu negócio, ao mesmo tempo que mantém seus processos contínuos e simplificados.

Personalize suas notificações de formulário e e-mails

Lembre-se de personalizar suas notificações e e-mails se estiver enviando notificações para você mesmo ou para seus visitantes. Adicionar as cores da sua marca, alterar o texto padrão e muito mais faz com que o visitante do seu site sinta confiança na sua marca. Além disso, se você estiver redirecionando pessoas para páginas diferentes após o envio do formulário, certifique-se de que essas páginas forneçam a seus clientes todas as informações de que precisam para iniciar as próximas etapas com seu site.

Pense na experiência do usuário

Construir um formulário otimizado para conversão garante que seus visitantes preencham e enviem seu formulário com sucesso. A criação de formulários simples e fáceis de entender ajuda a orientar os visitantes para um envio bem-sucedido do formulário. Considere adicionar dicas de ferramentas, descrições, instruções e espaços reservados que informem seus clientes sobre os diferentes campos e seções do formulário, proporcionando-lhes um processo contínuo e sem atrito para preencher o formulário.

Considere a acessibilidade

Embora não seja frequentemente discutida, a acessibilidade está se aproximando da vanguarda do web design. Considere como outros usuários podem interagir com seus formulários por meios alternativos. Garantir que os rótulos, ARIA, sequências de guias e muito mais estejam em vigor ajuda aqueles que podem usar a Internet de maneira diferente a também usar o seu site e, em última análise, experimentar o elemento interativo do seu site da maneira que funciona melhor para suas necessidades.

Mais plug-ins e plataformas de formulário de contato

Aqui estão alguns plug-ins e plataformas alternativas de formulário de contato para testar.

• Formulários formidáveis: um criador de formulários popular que possui uma interface limpa de arrastar e soltar, mais de 15 complementos premium, cria calculadoras avançadas e muito mais
• Gravity Forms: outro plugin de formulário WordPress que possui uma biblioteca de mais de 30 tipos de campos de formulário, integrações de processador de pagamento e modelos de formulário complexos, como questionários, pesquisas e muito mais
• Formulários Ninja: Integrado com plataformas como AWeber e CampaignMonitor, este plugin de formulário possui mais de 40 complementos premium, tornando-o um ótimo criador de formulários para quem valoriza a integração.
• Formulário de contato 7: um plugin de formulário WordPress poderoso e gratuito com uma infinidade de integrações do Mailchimp ao Stripe
• Divi: O tema WordPress mais poderoso tem um excelente módulo de formulário de contato que torna a criação de formulários de marca e responsivos a dispositivos móveis em seu site um processo tranquilo
• Formulários Google: Outro criador de formulários gratuito, o Formulários Google vem com todas as contas do Google e é um construtor poderoso com análises excelentes, permite formulários de várias páginas e muito mais.
• Typeform: este construtor de formulários se tornou popular ao longo dos anos devido ao seu belo design de interface de usuário, animações de formulário e integrações. Ele oferece uma maneira única para os usuários interagirem com o formulário de forma conversacional.
• Jotform: Um dos primeiros criadores de formulários online, Jotform passou por muitas mudanças e continua sendo uma das plataformas gratuitas de criação de formulários online mais populares.

Conclusão

Um formulário de contato é uma ferramenta poderosa que todo site deveria ter. Não é apenas uma forma de seus clientes entrarem em contato com você, mas também de adicionar um elemento interativo ao seu site. Com um plugin como WPForms, que vem com um construtor de arrastar e soltar, criar formulários bonitos e altamente funcionais é simples. Integrações, notificações e segurança são recursos que tornam a construção de um contato nativo do WordPress um pilar no processo de construção de sites. Para aprofundar sua pesquisa, verifique nossa lista dos melhores plug-ins de formulário de contato que você pode adicionar ao seu site a seguir. Como você adiciona formulários de contato ao seu site? Existe algum plugin que você gosta e sobre o qual gostaria que aprendêssemos mais? Deixe-nos saber na seção de comentários abaixo!

Imagem em destaque via Viktoria Kurpas / shutterstock.com