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)
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.
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.
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.
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.
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á.
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.
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.
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).
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!
