Os formas são muito importantes para qualquer site. Assim, plugins conhecidos, como Formulário de Contato 7, Forms Ninja, WPForms e Gravity Forms, há muito lideram o mercado. Mas novos estão surgindo com melhores recursos. Um deles se chama WeForms.

weForms vem de WeDevs, os criadores do WP User Frontend e aqui está o porquê você deve experimentar o weForms para seus próximos projetos de criação de formulários:

Ele foi projetado para o usuário médio e geral, o que o torna muito fácil de usar. É super rápido graças ao framework Vue.js. Ao mesmo tempo, weForms possui recursos importantes e avançados, como produtividade e integração de email marketing.

Apresentação de WeForms

Ganhei uma cópia gratuita da versão Personal Pro do weForms, mas também existe uma versão gratuita que contém todos os fundamentos básicos para criar um formulário de contato em seu site. Portanto, apresentaremos alguns recursos do plug-in. O weForms é um editor de formulários moderno com várias integrações que aumentam sua funcionalidade.

criação de formulários com WeForms

Algumas de suas características gerais são:

  • Clique em Ativação
  • Criação rápida de formulários
  • Visualização ao vivo em tempo real
  • Modelos integrados
  • Construtor de arrastar e soltar

Embora seja projetado para ser amigável, de modo que o usuário médio possa encontrar o caminho facilmente, não é simples. O plugin funciona muito rapidamente e é simples de entender, mas também é muito extensível. weForms é totalmente competente para realizar tarefas avançadas.

  • Campos avançados
  • Campos de customização
  • lógica condicional
  • Formulário de várias etapas
  • responsivo
  • Formulário de exportação / importação
  • Upload de imagem e arquivo
  • Data de validade
  • Restrições de entrada
  • Notificações de email personalizadas
  • Envie uma página via AJAX
  • Notificação por SMS
  • Personalize emails
  • MailChimp, Paypal, Slack e várias outras integrações

A interface intuitiva, que usa arrastar e soltar e modelos integrados gratuitos, garante que você tenha tudo o que precisa. weForms também pode ser usado em dispositivos móveis.

1 - Instalação e parâmetros básicos

A instalação do WeForms é simples. Tal como acontece com outros plug-ins, você pode instalá-lo em WordPress.org ou baixar a versão Pro e instalá-lo regularmente.

2 - Criação do seu primeiro formulário

Já mencionei muitas coisas sobre como você economizará tempo ao projetar com WeForms. agora é a hora de ilustrar isso.

Ao clicar em Formulários de Contato você acessará a interface de gerenciamento do formas. A partir desta mesma interface, você pode acessar a interface de criação de formulários. Aqui você notará 3 modelos embutidos para o formulário de contato, ficha de apoio e ficha de inscrição no evento.

formulário design weForms.jpg

Você também pode optar por começar com um modelo personalizado / em branco.

Como você notará, o weForms fez muito para simplificar o processo com os modelos predefinidos, que também são personalizáveis.

Os modelos aparecem assim por padrão:

formulário de contacto

modelo de fórmulas de contato weForms.jpg

Formulário de assistência

Formulário de inscrição do evento

formulário de inscrição para um evento weforms.jpg

Caso você opte por usar um modelo em branco, veja como criar um novo formulário usando um modelo em branco.

Configurações do WeForms

A guia de configurações do formulário é aberta quando você abre um novo formulário a partir de modelos ou um formulário personalizado.

formulário de contato personalizado weforms.jpg

Aqui, você pode escolher no menu suspenso para redirecionar seu formulário para a mesma página quando foi enviado, para uma página diferente ou para um URL personalizado.

Você quer o seu formas tem uma vida útil específica? Você pode fazer isso facilmente por meio da parte Restrição de envio, onde você pode agendar seu formulário, exigir que seus usuários façam login e restringir as entradas a um determinado número. As configurações são fáceis de configurar.

ajustes que formamos wordpress.jpg

Por fim, você também pode selecionar como seus rótulos devem aparecer.

configurar o rótulo weforms.jpg

Com as notificações, você pode configurar tudo para e-mail. Ele oferece controle total sobre para onde as notificações por e-mail serão enviadas, incluindo o que deve ser enviado.

Configuração de notificações por email.jpg

Os campos WeForms

Uma das partes mais importantes do construtor weForms é sua função de visualização ao vivo e elementos de arrastar e soltar. Para começar, arraste e solte o campo desejado em seu formulário. Reorganize-os como quiser. Conforme você faz alterações, o gerador dinâmico muda de acordo com a edição. Isso fornece uma visualização automática de como o formulário será exibido para os usuários. O processo cumpre a promessa de ser amigável.

edição em tempo real de um formulário weforms.jpg

Você também pode personalizar cada campo da maneira que desejar com CSS personalizado. Ser capaz de personalizar significa que fazer alterações em seus campos pode mudar a aparência geral de seu formulário para melhor. Você pode associá-lo ao seu site ou destacar itens específicos. Os campos weForms são:

  • Nome
  • texto
  • Caixa de texto
  • Menu suspenso
  • Seleção múltipla
  • Rádio
  • Caixa de seleção
  • URL
  • E-mail
  • Campo oculto
  • Upload de imagem
  • Campo repetido
  • Data / Hora
  • Fazendo download de arquivos
  • Lista de países
  • Campo numérico
  • Campo de endereço
  • Step Start
  • Google Map
  • Separação de seções
  • HTML personalizado
  • ReCaptcha
  • Código pequeno
  • condições Termes et
  • Gancho de ação
  • classificações

3 - Publicação de um formulário

O processo de postar um formulário e colocá-lo ao vivo é direto. Como a maioria dos outros plug-ins, você apenas precisa copiar o código de acesso no topo do formulário clicando nele. Agora você pode postar isso em uma nova página ou em seus artigos.

publique um formulário weforms.jpg

Aqui está um exemplo. Com weForms, você terá uma interface semelhante à seguinte.

Exemplo de formulário wpeforms.jpg

Para este tutorial é isso, espero que permita que você conheça os diferentes recursos do plugin WeForms.