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.