Como criar um formulário de contato básico (de graça) usando o plug-in WPForms WordPress

Ofertas do WordPress


Um formulário de contato é um recurso essencial de quase todos os tipos de sites. Se você deseja receber feedback de seus visitantes ou consultas de clientes e clientes em potencial, adicionar um formulário de contato é uma das melhores maneiras de permitir que as pessoas entrem em contato.

Como era de se esperar, quando se trata de adicionar um formulário de contato ao seu site WordPress, a maneira mais direta é usar um plug-in criado especificamente – um dos quais é o WPForms popular e poderoso da equipe por trás do OptinMonster e Soliloquy.

Neste guia, mostraremos como criar de forma rápida e fácil um formulário de contato básico para seu site com WordPress, usando a versão gratuita do WPForms: WPForms Lite.

Por que usar WPForms?

Quando se trata de plug-ins de formulário de contato do WordPress, há muito por onde escolher. No entanto, o WPForms é uma das maneiras mais rápidas e fáceis de adicionar um formulário de contato ao seu site – enquanto ainda oferece a opção de atualizar seus formulários, caso você tenha necessidades mais avançadas no futuro.

Imagem da página do plugin WPForms Lite

O WPForms Lite está disponível no Diretório de plugins do WordPress.

Graças aos modelos WPForms, você pode adicionar rapidamente um formulário de contato ao seu site WordPress e, se precisar, a ferramenta intuitiva de criação de formulários de arrastar e soltar está disponível para ajudá-lo a criar formulários personalizados para quase qualquer propósito.

Então, agora que você sabe por que o WPForms é uma boa escolha, em seguida, mostraremos como usar este plug-in gratuito para adicionar um formulário de contato básico ao WordPress.

Como adicionar o plug-in WPForms Lite ao seu site WordPress

A primeira etapa na criação de um formulário de contato básico com o WPForms é adicionar o plug-in ao seu site. O WPForms vem em duas versões principais: uma gratuita e uma opção comercial mais avançada. No entanto, se você só procura um formulário de contato básico, a versão gratuita é mais do que adequada.

A maneira mais rápida de adicionar o plug-in ao seu site é fazer login na área de administração do WordPress e navegar até a seção de plug-ins do painel.

Menu Adicionar plugin do WordPress

O WPForms Lite pode ser instalado diretamente de dentro do seu Painel do WordPress.

Na página Adicionar plug-ins, digite ‘WPForms Lite’ na caixa de pesquisa e instale o primeiro plug-in retornado nos resultados.

Pesquisar por WPForms Lite

Pesquise “WPForms Lite” e clique no botão Instalar agora.

Na próxima tela, clique no botão Ativar e o WPForms estará pronto para uso no seu site WordPress..

Como criar um formulário de contato básico do WordPress com WPForms

Como parte de sua tentativa de ser o plug-in de formulários WordPress mais amigável disponível, o WPForms exibe uma mensagem de boas-vindas útil depois que o plug-in foi ativado.

A tela de boas-vindas do plug-in

A tela de boas-vindas do WPForms Lite inclui um vídeo para ajudá-lo a criar seu primeiro formulário.

Na tela de boas-vindas, você pode assistir a um guia passo a passo útil para criar seu primeiro formulário de contato com o WPForms. Como alternativa, você pode simplesmente clicar no botão Criar seu primeiro formulário para começar. Se, por algum motivo, a tela de boas-vindas não for exibida, você poderá criar um novo formulário de contato clicando no menu da barra lateral WPForms e, em seguida, no item Adicionar novo.

Menu Adicionar novo formulário do WPForms Lite

O menu WPForms dedicado facilita o acesso aos recursos do plug-in.

Além de clicar no botão Criar seu primeiro formulário, agora você também tem a opção de aceitar o desafio WPForms que visa orientá-lo no processo de criação do seu primeiro formulário em menos de cinco minutos. Se você optar por aceitar o desafio, o assistente de configuração o guiará pelas cinco etapas da criação de um formulário – desde o nome até a publicação no site..

Aceite o desafio WPForms

O assistente de configuração do WPForms o guiará pelas cinco etapas da criação do seu primeiro formulário.

Se você decidir fazer isso sozinho ou usar o assistente, depois de começar, você perceberá que a interface do usuário WPForms personalizada assume o painel do WordPress para fornecer a quantidade máxima de espaço para trabalhar em seu formulário. Depois que a interface do construtor de formulários é carregada, a primeira etapa é dar um nome ao seu formulário. Tente escolher algo significativo e relevante que o ajude a identificar o formulário no futuro.

Digite um nome para o formulário

Cada formulário que você cria com o WPForms precisa de um nome.

Enquanto você está livre para começar com um formulário em branco, é recomendável escolher o modelo de formulário de contato simples.

Interface do usuário do Construtor de formulários

O modelo de formulário de contato simples possui todos os campos essenciais que você precisa.

Para a maioria dos propósitos, o modelo de formulário de contato simples deve ser suficiente. No entanto, se você precisar adicionar algum campo extra ao seu formulário de contato, é tão fácil quanto clicar em qualquer um dos campos padrão no painel esquerdo para inseri-los no seu formulário. Se você quiser usar algum dos campos extravagantes ou de pagamento, precisará atualizar para a versão pro do WPForms.

Campos premium de fantasia e pagamento

Os campos extravagantes e os campos de pagamento são reservados para a versão premium do WPForms.

Se você clicar em um campo padrão no painel esquerdo, ele será adicionado instantaneamente ao seu formulário. A partir daí, você pode arrastá-lo e soltá-lo em uma nova posição ou clicar no campo para começar a editá-lo..

Configurar um campo de formulário

Clicar em um campo do formulário faz com que as configurações de campo sejam exibidas no painel esquerdo.

A edição do campo de formulário ocorre no painel esquerdo do construtor, permitindo modificar o rótulo e a descrição do campo, definir o tamanho do campo e inserir qualquer texto de espaço reservado. As configurações disponíveis dependem do tipo de campo que você está editando. Por exemplo, com o campo de email, você pode ativar facilmente um campo de confirmação que exige que o usuário insira o endereço de email duas vezes. Quando estiver satisfeito com os campos do formulário e suas configurações, clique no botão Salvar.

Configurações de campo do formulário de email

Alguns tipos de campo têm suas próprias configurações exclusivas, como a opção de campo de confirmação de email.

Configurando seu formulário de contato

Cada formulário que você cria com o WPForms pode ser configurado individualmente para atender às suas necessidades. Portanto, para visualizar as configurações atuais ou personalizar a forma como seu formulário funciona, basta clicar na guia Configurações da tela do criador de formulários para abrir as opções de configuração do formulário em que você está trabalhando..

As configurações são agrupadas em três seções, cobrindo as opções Geral, Notificação e Confirmação do formulário.

Configurações do formulário de contato do WPForms

Cada formulário que você cria com o WPForms pode ser configurado individualmente.

Nas configurações gerais, você pode editar o título e a descrição do formulário, alterar o texto do botão enviar e ativar os recursos de honeypot anti-spam. É recomendável usar o recurso de honeypot anti-spam, pois ajudará a reduzir o número de envios de spam que você recebe – sem afetar a experiência do usuário dos seus formulários, exigindo que os visitantes preencham um campo captcha.

As configurações de notificação permitem especificar para qual endereço de email as entradas do formulário devem ser enviadas, com a capacidade de inserir vários endereços, se necessário. O WPForms usa marcas inteligentes para preencher dinamicamente o email de notificação com o conteúdo dos campos do formulário, como o assunto e o nome do formulário. Se você deseja criar várias notificações, como uma mensagem separada enviada por e-mail ao usuário que enviou a entrada do formulário, será necessário atualizar para as versões premium do WPForms. No entanto, é possível usar as Marcas inteligentes para enviar o mesmo email de notificação para a pessoa que enviou o formulário, bem como para outros destinatários especificados por você..

Notificações de entrada de formulário

O WPForms enviará um email contendo a entrada do formulário para um endereço de sua escolha.

Você também pode usar as configurações de confirmação para personalizar a mensagem exibida após um visitante enviar o formulário. Como alternativa, em vez de exibir uma mensagem personalizada, você pode optar por exibir uma página em seu site ou levar o usuário a um URL de sua escolha, após o envio de uma entrada de formulário..

Configurações de confirmação do formulário

Com o WPForms, você pode escolher o que acontece após o envio de uma entrada de formulário..

Novamente, quando estiver satisfeito com a confirmação do formulário, clique no botão Salvar para confirmar suas alterações.

Publicando o formulário de contato em seu site

Depois de salvar seu formulário, você pode publicá-lo no site do WordPress para disponibilizá-lo aos visitantes. Clicar no botão incorporar na tela do criador de formulários exibirá um código de acesso para o formulário em que você está trabalhando. Você pode copiar e colar esse código de acesso em uma postagem ou página do WordPress para tornar o formulário acessível. Felizmente, um vídeo tutorial é exibido para demonstrar o que você precisa fazer para inserir o código de acesso do formulário em uma postagem ou página. No entanto, o processo é muito direto.

O código de acesso WPForms

Depois de clicar no botão incorporar, o código de acesso do formulário em que você está trabalhando é exibido.

Outra maneira de adicionar um de seus formulários ao seu site é criar uma nova postagem ou página, ou abrir uma existente para edição e, em seguida, clicar no botão Adicionar formulário.

Botão Adicionar formulário

WPForms adiciona um botão útil ao Editor do WordPress para inserir formulários.

Depois de clicar no botão Adicionar formulário, você pode escolher qual formulário inserir e também escolher se deseja exibir o título ou a descrição do formulário..

Inserir um formulário

WPForms oferece a opção de exibir ou não o nome e a descrição do formulário.

Depois de inserir o formulário, um código de acesso será adicionado à sua postagem ou página. Em seguida, após a publicação, o código abreviado será substituído pelo formulário correspondente. Devido à maneira como os códigos de acesso funcionam, se você fizer alterações no formulário, elas serão aplicadas automaticamente ao formulário publicado (saiba mais em nosso artigo anterior, Códigos de acesso do WordPress explicados.

O código de acesso do formulário WPForms

O código de acesso do formulário que você deseja exibir será inserido na postagem ou na página.

Agora, se seus visitantes quiserem enviar uma mensagem, basta preencher o formulário e pressionar o botão Enviar.

Exemplo de um formulário publicado

Quando seu formulário é publicado, sua aparência deve se integrar ao seu tema WordPress.

O WPForms Lite também inclui um widget que permite exibir seus formulários na barra lateral e em outras áreas prontas para widget do seu tema WordPress. Dependendo da sua escolha de tema, o widget WPForms pode permitir que você exiba um formulário no rodapé do seu site, conforme a figura abaixo.

Usando o widget WPForms

O widget WPForms permite exibir formulários nas áreas de widget do seu tema.

Gerenciando seus formulários de contato do WordPress

Se você precisar fazer alterações nos seus formulários, poderá acessá-los através do item Todos os Formulários no menu WPForms.

Tela Gerenciamento de Formulário

Você pode visualizar e gerenciar seus formulários através da página WPForms dentro do seu Painel do WordPress.

Nesta seção do seu Painel do WordPress, você pode excluir ou editar qualquer formulário existente e, se atualizar para o WPForms Pro, poderá visualizar as entradas do formulário enviadas pelos visitantes do seu site..

Como mencionado anteriormente, quaisquer alterações que você fizer serão refletidas instantaneamente em seus formulários publicados, graças ao poder dos códigos de acesso do WordPress.

Pensamentos finais

Como você pode ver, o plug-in gratuito WPForms Lite fornece uma maneira muito fácil de adicionar formulários de contato aos sites do WordPress.

Ao usar o modelo de formulário de contato padrão, você pode adicionar esse tipo de formulário ao seu site em apenas alguns cliques – e, graças ao editor de arrastar e soltar, se você precisar fazer alterações no modelo (como adicionar campos de formulário ou modificar o texto padrão), todo o processo é realmente muito direto.

Nota: Para descobrir mais sobre os recursos avançados e a funcionalidade do WPForms, verifique nossa análise detalhada do WPForms Pro.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me