Como criar um formulário de contato básico do WordPress com o WPForms (2020)

Um formulário de contato é um recurso essencial de quase todos os tipos de sites. Se você deseja receber feedback de seus visitantes ou solicitações de clientes e possíveis clientes, adicionar um formulário de contato é uma das melhores maneiras de permitir que as pessoas se comuniquem.

Não é de surpreender que a maneira mais fácil de adicionar um formulário de contato ao seu site WordPress seja usar um plug-in especialmente projetado. Um deles é o WPForms popular e poderoso na equipe por trás do OptinMonster e Soliloquy.

Neste guia, mostraremos como usar a versão gratuita do WPForms para criar rápida e facilmente um formulário de contato simples para o seu site WordPress: WPForms Lite.

Por que usar WPForms?

Quando se trata de plug-ins de formulário de contato do WordPress, existe uma grande variedade. No entanto, o WPForms é uma das maneiras mais rápidas e fáceis de adicionar um formulário de contato ao seu site e permite atualizar seus formulários se você tiver requisitos mais avançados no futuro.

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. Se necessário, você pode usar o construtor de formulários intuitivo de arrastar e soltar, que permite criar formulários personalizados para quase qualquer finalidade.

Agora que você sabe por que o WPForms é uma ótima opção, mostramos abaixo como adicionar um formulário básico de contato do WordPress com este plug-in gratuito.

Como adicionar o plugin WPForms Lite ao seu site WordPress

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

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

O WPForms Lite pode ser instalado diretamente no 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

Encontre "WPForms Lite" e clique no botão Instalar agora.

Clique no botão Ativar na próxima tela e o WPForms pode ser usado no seu site WordPress.

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

Como parte do esforço para facilitar o uso do plug-in de formulário do WordPress, o WPForms exibe uma mensagem de boas-vindas útil após a ativação do plug-in.

Adicionar tela inicial

A tela de boas-vindas do WPForms Lite contém um vídeo que você pode usar para criar seu primeiro formulário.

Na tela de boas-vindas, você verá instruções em vídeo úteis sobre como criar seu primeiro formulário de contato com o WPForms. Como alternativa, basta clicar no botão Criar primeiro formulário para começar. Se, por algum motivo, a tela de boas-vindas não aparecer, você poderá criar um novo formulário de contato clicando no menu da barra lateral WPForms e clicando em Adicionar novo item.

WPForms Lite Adicionar novo menu de formulário

O menu WPForms dedicado fornece acesso fácil às funções do plug-in.

Além de clicar no botão "Criar primeiro formulário", agora você tem a oportunidade de enfrentar o desafio WPForms, que o conduz pelo processo de criação do seu primeiro formulário em menos de cinco minutos. Se você enfrentar o desafio, o Assistente de Instalação o guiará pelas cinco etapas para criar um formulário, desde o nome até a publicação no site.

Aceite o desafio do WPForm

O assistente de configuração do WPForms o guia pelas cinco etapas para criar seu primeiro formulário.

Independentemente de você usá-lo sozinho ou com o assistente ao iniciar, você descobrirá que a interface do usuário WPForms personalizada assume o painel do WordPress para oferecer mais espaço para editar seu formulário. Depois que a interface de criação do formulário for carregada, você deve primeiro nomear seu formulário. Tente escolher algo útil e relevante que possa ser usado para identificar a forma no futuro.

Digite o nome do formulário

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

Você pode começar com um formulário em branco, mas é recomendável escolher o modelo de formulário de contato simples.

Interface do usuário do Form Builder

O modelo simples de formulário de contato contém todos os campos importantes que você precisa.

O modelo de formulário de contato simples deve ser suficiente para a maioria dos propósitos. No entanto, se você precisar adicionar campos adicionais ao seu formulário de contato, basta clicar em um dos campos padrão no painel esquerdo para adicioná-los ao seu formulário. No entanto, se você quiser usar um dos campos de luxo ou pagos, atualize para a versão pro do WPForms.

Tarifas de luxo e pagamento premium

Campos de luxo e campos de pagamento são reservados para a versão premium do WPForms.

Clicar em uma caixa padrão no painel esquerdo irá adicioná-lo ao seu formulário imediatamente. A partir daí, você pode arrastá-lo e soltá-lo em uma nova posição ou clicar na caixa para começar a editar.

Crie um campo de formulário

Quando você clica em um campo no seu formulário, as configurações do campo aparecem no painel esquerdo.

O campo do formulário é editado na área esquerda do gerador, para que você possa alterar 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 simplesmente ativar uma caixa de confirmação onde o usuário deve inserir 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ção de campo do formulário de email

Alguns tipos de campo têm suas próprias configurações exclusivas, por exemplo Por exemplo. Configurações do campo de verificação de email.

Crie seu formulário de contato

Cada formulário que você cria com o WPForms pode ser configurado individualmente para atender às suas necessidades. Para visualizar as configurações atuais ou personalizar o funcionamento do formulário, basta clicar na guia Configurações na tela Criação de formulários para abrir as configurações do formulário em que você está trabalhando.

As configurações são divididas em três seções, cobrindo as configurações Geral, Notificação e Confirmação.

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

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

Você pode usar as configurações gerais para editar o título e a descrição do formulário, alterar o texto do botão enviar e ativar os recursos antispam do honeypot. É recomendável usar a função antispam honeypot, pois isso ajudará a reduzir o número de envios de spam sem comprometer a experiência do usuário de seus formulários, pois os visitantes terão que preencher um campo captcha.

Você pode usar as configurações de mensagem para especificar quais entradas no formulário de endereço de e-mail você deseja enviar. Se necessário, você pode inserir vários endereços. O WPForms usa marcas inteligentes para preencher dinamicamente o email na mensagem com conteúdo dos campos do formulário, como o assunto do email e o nome do formulário. Se você deseja criar mais notificações, por exemplo. Por exemplo, uma mensagem de email separada enviada ao usuário que enviou a entrada do formulário deve ser atualizada para as versões premium do WPForms. No entanto, você pode usar marcas inteligentes para enviar o mesmo email de notificação para a pessoa que enviou o formulário e para qualquer outro destinatário especificado.

Mensagens de entrada de formulário

WPForms envia um email com a entrada do formulário para o endereço que você escolher.

Você também pode usar as configurações de confirmação para personalizar a mensagem que aparece quando um visitante envia o formulário. Em vez de exibir uma mensagem pessoal, você também pode exibir uma página em seu site ou direcionar o usuário para o URL selecionado após enviar uma entrada de formulário.

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

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

Quando estiver satisfeito com a confirmação do formulário, clique no botão Salvar novamente para confirmar as alterações.

Publique o formulário de contato no seu site

Depois de salvar seu formulário, você pode publicá-lo em seu site WordPress para torná-lo acessível aos seus visitantes. Clicar no botão Inserir na tela Criação de formulário exibe um código curto para o formulário em que você está trabalhando. Em seguida, você pode copiar o código deste cartão e colá-lo em uma postagem ou página do WordPress para disponibilizar o formulário. Um tutorial em vídeo é útil para demonstrar o que você precisa fazer para inserir seu código de formulário curto em uma postagem ou página. No entanto, o processo é muito simples.

Código do cartão WPForms

Depois de clicar no botão Incorporar, o código abreviado do formulário em que você está trabalhando aparecerá.

Outra maneira de adicionar um de seus formulários ao site é criar uma nova postagem ou página ou abrir uma existente para editá-la e clicar no botão Adicionar formulário.

Botão Adicionar formulário

O WPForms adiciona um botão útil para inserir formulários no editor do WordPress.

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

Inserir um formulário

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

Depois de inserir o formulário, um código de função é adicionado à sua postagem ou página. Após a publicação, o código curto é substituído pelo formulário apropriado. Devido à forma como os códigos dos cartões funcionam, as alterações no formulário são aplicadas automaticamente ao formulário publicado quando você faz alterações no formulário (para obter mais informações, consulte o artigo anterior, código do cartão WordPress explicado).

WPForms formam um código curto

O código do cartão para o formulário que você deseja exibir é inserido no registro ou na página.

Se seus visitantes quiserem enviar uma mensagem, basta preencher o formulário e clicar no botão Enviar.

Exemplo de um formulário publicado

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

O WPForms Lite também inclui um widget que permite exibir seus formulários na barra lateral e outras áreas ativadas por widget do seu tema WordPress. Dependendo da seleção do tema, você pode usar o widget WPForms para exibir um formulário na linha inferior do site, conforme mostrado abaixo.

Use o widget WPForms

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

Gerenciar seus formulários de contato do WordPress

Se você precisar alterar seus formulários, poderá acessá-los através do item Todos os formulários no menu WPForms.

Tela de gerenciamento de formulários

Você pode visualizar e gerenciar seus formulários na página WPForms no seu painel do WordPress.

Nesta seção do seu painel do WordPress, você pode excluir ou editar os formulários existentes. Quando você atualiza para o WPForms Pro, as entradas do formulário enviadas pelos visitantes do site serão exibidas.

Como mencionado acima, graças ao poder dos códigos de acesso do WordPress, quaisquer alterações que você fizer aparecerão imediatamente nos formulários publicados.

Últimos pensamentos

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

Com o modelo de formulário de contato padrão, você pode adicioná-lo ao site com apenas alguns cliques. Graças ao editor de arrastar e soltar, você pode fazer alterações no modelo (como adicionar campos de formulário ou alterar o texto padrão), todo o processo é realmente muito simples.

Nota: Você pode encontrar mais informações sobre os recursos estendidos do WPForms e nossos testes detalhados do WPForms Pro.