Como criar formulários personalizados no WordPress

Os formulários permitem que você colete informações dos visitantes do seu site. Seja registrando-se em uma conta, acessando seu site, dando feedback sobre seu produto, entrando em contato com você ou inscrevendo-se em seu boletim informativo – você coleta os dados por meio de formulários.

Com o WordPress, é muito fácil integrar um formulário em seu site. A maioria dos temas fornecerá formulários comuns, como login, registro e contato conosco imediatamente.

O problema, porém, é que você pode não gostar daqueles incluídos por padrão. Talvez você queira um que combine melhor com seu tema geral ou colete outros dados,

Neste artigo, mostrarei como criar formulários atraentes que combinem com o design e o esquema de cores do seu tema sem precisar escrever nenhum código HTML ou CSS.

Instale um plug-in de formulário de associação do WordPress

Existem dezenas de plugins gratuitos e pagos que você pode usar para criar formulários personalizados. Neste exemplo, usaremos um plug-in gratuito chamado Ultimate Member.

A melhor coisa sobre este plug-in é que ele cria tudo para você – formulários, páginas, boletins informativos por e-mail e assim por diante. Ele também possui um construtor de formulários super personalizável que fornece uma vasta coleção de tipos de campos (por exemplo, seletor de data e upload de arquivo), bem como milhares de ícones que você pode incluir em seu formulário para torná-lo atraente.

Antes de começarmos, você precisará primeiro instalar o plug-in. Para fazer isso, siga estas etapas:

  • Entre no seu painel de administração do WordPress.
  • Navegar para Plugins > Adicionar Novo
  • Use a barra de pesquisa para pesquisar “Último membro
  • Instale e ative o plugin (a opção destacada na imagem abaixo)
Plug-in de membro finalPlug-in de membro finalPlug-in de membro final
Plug-in de membro final

Assim que a instalação for concluída, você encontrará o Último membro guia em seu painel. Navegar para Membro Ultimate > Configurações para ver todas as opções.

Páginas Personalizadas e Newsletter

Como mencionei no início deste artigo, o plug-in Ultimate Member ajuda a criar os diferentes tipos de páginas que você normalmente precisa em seu site.

páginas de amostrapáginas de amostrapáginas de amostra
páginas de amostra

Você também pode incluir solicitações de inscrição no boletim informativo em seu site e personalizar o e-mail de boas-vindas (E-mail de ativação da conta) de acordo com o seu gosto.

Modelo de e-mail de boas-vindasModelo de e-mail de boas-vindasModelo de e-mail de boas-vindas
Modelo de e-mail de boas-vindas

Você pode personalizar as várias páginas e formulários sob o Aparência aba. Agora, vamos ver como criar formulários em seu site.

Criando formulários

Navegar para Membros Ultimate > Formulários em seu painel do WordPress. Lá você deve encontrar o padrão Conecte-se, Registro e Perfil formulários.

FormuláriosFormuláriosFormulários
Formulários

Você pode editar um desses formulários ou criar um novo do zero. Clicando em editar em qualquer um dos formulários o levará ao construtor de formulários.

Campos de formulárioCampos de formulárioCampos de formulário
Campos de formulário

Aqui temos campos para nome de usuário, nome, sobrenome, endereço de e-mail e senha. Os quatro primeiros são todos caixas de texto, enquanto a senha é um campo do tipo senha – como um campo de texto, mas com entrada mascarada.

Você pode adicionar um novo campo ou personalizar um campo existente. Para personalizar um campo existente, basta clicar no ícone de lápis ao lado do nome do campo e um modal contendo os detalhes do campo aparecerá.

Editar fEditar campoEditar fEditar campoEditar fEditar campo
Editar campo

Aqui você pode ver várias opções de personalização de entrada. Você pode obter mais informações sobre cada opção passando o mouse sobre o ícone de ponto de interrogação acima dela. Isso exibirá uma dica de ferramenta.

Para adicionar um novo campo, clique no botão + ícone abaixo dos outros campos para abrir o gerenciador de campos.

Tipos de campoTipos de campoTipos de campo
Tipos de campo

Escolha o tipo que corresponde ao que você deseja coletar usando essa entrada. Você também pode escolher um campo personalizado abaixo (caso já tenha criado algum).

Depois de escolher seu campo, um novo modal será exibido onde você deve fornecer detalhes sobre sua entrada (título, espaço reservado, etc.) e adicionar um ícone. Assim que terminar, clique no Adicionar botão para adicionar o campo ao seu formulário.

Para ver como é o formulário, clique no botão Visualização ao vivo botão localizado na parte superior do construtor de formulários.

Visualização do formulário ao vivoVisualização do formulário ao vivoVisualização do formulário ao vivo
Visualização do formulário ao vivo

Você também pode adicionar itens como margem, preenchimento, cor da borda, rádio da borda ou até mesmo vincular uma classe CSS a cada entrada usando o editor de linha (clique no ícone de lápis logo abaixo Visualização ao vivo).

Editar linhaEditar linhaEditar linha
Editar linha

Com essas ferramentas, você pode criar facilmente formulários atraentes e combiná-los com o design geral do tema.

Conclusão

Embora existam muitos outros plugins que você pode usar para criar formulários, o Ultimate Member está definitivamente entre aqueles com os recursos mais avançados. Sem contar que é grátis!

[ad_2]

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *