Como adicionar campos extras ao formulário de registro no WordPress?

Publicados: 2022-02-04

Quer saber como adicionar campos extras a um formulário de registro no WordPress? Nesse caso, este artigo o ajudará a adicionar campos personalizados extras nos formulários de registro do WordPress usando um plug-in.

Os campos padrão que você obtém no formulário de registro principal do WordPress são email e nome de usuário. Isso não é suficiente se você planeja coletar informações detalhadas de seus usuários.

É por isso que você precisará de um plugin como User Registration para adicionar campos extras facilmente aos formulários de registro. Interessado? Então, leia adiante para saber mais.

Índice

Melhor maneira de adicionar campos extras a um formulário de registro do WordPress

Como mencionamos anteriormente, os campos padrão que você obtém no formulário de registro do WordPress podem não ser suficientes para você. Pior ainda, não há uma maneira fácil de adicionar campos extras a menos que você seja um desenvolvedor.

Formulário de registro de usuário padrão do WordPress sem campos extras

Obviamente, um administrador pode inserir informações sobre nome, sobrenome, nome de exibição e biocampos para cada usuário em sua página de perfil no painel do WordPress.

Editar perfil de usuário

Mas isso não é viável para um site com um grande número de usuários. Um formulário de registro de front-end é obrigatório para permitir que os usuários forneçam essas informações por conta própria.

Um plugin como o User Registration é a solução perfeita nesta situação. É um plug-in de formulário de registro que permite criar formulários de registro personalizados de qualquer tipo com seu construtor de arrastar e soltar.

Campos extras do WordPress do plug-in de registro do usuário

A interface amigável para iniciantes, combinada com opções flexíveis de personalização, torna esta uma excelente escolha até mesmo para pessoas sem conhecimento de codificação.

E o melhor é que você obtém muitos campos personalizados adicionais além dos campos de usuário padrão do WordPress para adicionar aos seus formulários. Você pode até personalizar os formulários de registro do WooCommerce com campos extras, como campos de endereço de cobrança e envio, disponíveis neste plug-in.

Então, como você adiciona os campos extras ao seu formulário de registro? Bem, preparamos um tutorial passo a passo para ajudá-lo a entender como adicionar campos extras a um formulário de registro personalizado no WordPress.

Vamos pular direto nisso.


Como adicionar campos extras a um formulário de registro no WordPress?

Se você não estiver familiarizado com o plugin User Registration, não precisa se preocupar. Mostraremos exatamente como você pode adicionar campos de formulário extras a um formulário de registro no WordPress com este plugin nas seguintes etapas:

1. Permitir que os usuários se registrem com um formulário de front-end

Se você estiver adicionando um formulário de registro ao seu site, deve haver uma maneira de os usuários encontrarem esse formulário, preencherem seus detalhes e enviá-lo para registro.

Esta opção está desativada por padrão, o que significa que o formulário de registro não pode ser acessado por seus usuários.

Portanto, antes de mais nada, você precisa ativar a opção Membership em General Settings do seu painel do WordPress. Isso permite que os usuários se registrem com um formulário de registro de front-end.

Campos de registro personalizados do WordPress de opção de associação

2. Instale e ative o plug-in de registro de usuário

Agora, você precisará do plugin User Registration instalado e ativado em seu site WordPress.

É bem simples. Vá para a seção Adicionar Novo em Plugins .

Adicionar novo plug-in

Aqui, procure o plugin e clique no botão Instalar agora quando encontrá-lo nos resultados.

Instalar o plug-in de registro do usuário WordPress Campos extras

Em seguida, ative o plugin para concluir o processo de instalação.

Ativar plug-in de registro de usuário

Como alternativa, você pode baixar o plug-in da página oficial do WordPress.org e instalá-lo na página Adicionar novo . Basta pressionar o botão Carregar plug -in, escolher o arquivo de plug-in que você acabou de baixar e clicar em Instalar agora .

Carregar Plugin de Registro de Usuário WordPress Campos Extras

Não se esqueça de ativar o plugin logo após a instalação.


3. Crie um novo formulário de registro

Após a conclusão da instalação, você pode começar imediatamente a criar um novo formulário de registro. Basta clicar em Adicionar novo na guia Registro de usuário e você será direcionado para o construtor de formulários.

Campos e formulários do WordPress de registro de usuário

Aqui, todos os campos necessários, suas opções de personalização e configurações de formulário residem no painel esquerdo. À direita está o formulário real, onde você adicionará os campos.

O formulário já vem com dois Campos por padrão: User Email e User Password . Você terá que arrastar o restante dos campos obrigatórios e soltá-los no formulário.

Suponha que você queira colocar dois campos em uma única linha. Nesse caso, passe o mouse sobre a linha e escolha um layout de coluna de grade.

Alterar layout da linha

Na próxima seção, veremos todos os campos extras que você pode adicionar ao formulário de registro personalizado.


4. Adicione campos extras ao formulário de registro

Os campos de usuário padrão já estão disponíveis no WordPress, exceto Confirmar e-mail e Confirmar senha . A vantagem do registro de usuário fornecer campos padrão é que você pode adicioná-los ao formulário de front-end conforme desejar e recuperar informações básicas do usuário.

Campos de usuário padrão

No entanto, o que você procura são os Campos Extras . Poderá construir qualquer tipo de registo, simples ou complexo, utilizando estes campos.

Formulário de registro do WordPress de campos extras

Por exemplo, o campo País é útil se você quiser saber de onde seus usuários são.

Os campos Confirmar e- mail e Confirmar senha reduzem as chances de erro devido a erros de digitação.

Da mesma forma, é fácil saber o sexo e a idade com campos como Checkbox , Radio , Select e Number .

Você também pode solicitar respostas descritivas de usuários com o campo Textarea .

Isso não é tudo. Existem vários outros campos extras, como:

  • Data: permite que os usuários selecionem uma data em um formato específico.
  • E-mail Secundário: Os usuários podem fornecer seu e-mail secundário por meio deste campo.
  • Política de Privacidade: Exiba a política do seu site antes que um usuário conclua o processo de registro.
  • Campo de entrada: Recupere qualquer informação extra sobre os usuários que você precisa, como informações do guardião.

Cada um desses campos extras vem com Opções de campo , incluindo Configurações gerais e avançadas .

Opções gerais de campo para e-mail

Portanto, você pode fazer qualquer coisa, desde editar seu Label , Description e Placeholder até adicionar classes personalizadas.

Classe personalizada de configurações avançadas

Quando terminar de criar o formulário e personalizar os campos, dê um nome ao formulário e pressione o botão Criar formulário .

Nomear e criar formulário

Nota : Os 3 Campos Extras restantes (Upload de Arquivo, MailChimp, Código de Convite) e Campos Avançados estão disponíveis apenas para usuários Premium. Você também obtém os campos de endereço de envio e cobrança do WooCommerce para um formulário de registro personalizado do WooCommerce.


5. Defina as configurações do formulário de registro

A próxima etapa desse processo é definir as configurações do formulário de registro na guia Configuração do formulário.

Geral na configuração do formulário

É aqui que você poderá escolher uma opção de login do usuário entre login manual, aprovação do administrador, login automático e confirmação por e-mail.

Mais importante ainda, você pode definir as funções de usuário padrão do WordPress para pessoas que se registram usando este formulário específico.

Além disso, você pode escolher um modelo de formulário, definir um caminho de redirecionamento após registros de usuários bem-sucedidos, ativar o reCaptcha e muito mais.

Depois de concluir a configuração, você pode clicar no botão Visualizar para verificar a aparência do formulário no front-end.

Visualizar campos de registro final personalizados do WordPress

Se necessário, você sempre pode fazer mais alterações e clicar em Atualizar formulário .


6. Exiba o formulário de registro no site WordPress

Finalmente, seu formulário de registro com campos personalizados está pronto para ficar online em seu site WordPress. Basta copiar o código de acesso do formulário de registro e abrir a página ou postagem na qual deseja colocar o formulário.

Copiar código de acesso do formulário de registro de usuário

Em seguida, cole-o em um bloco Shortcode e clique em Update .

Colar Shortcode no Editor

Outra maneira é adicionar o próprio bloco User Registration e selecionar o formulário a ser exibido na lista suspensa.

Campos de formulário WordPress de bloco de registro de usuário

Depois disso, clique no botão Atualizar para publicar o formulário em seu site WordPress.


Empacotando

Então, esse foi o nosso artigo sobre como adicionar campos extras ao seu formulário de registro personalizado no WordPress usando um plugin. Para resumir, os usuários só podem fornecer seu e-mail e nome de usuário enquanto se registram no formulário de registro padrão do WordPress.

Mas com o plugin User Registration, criar um formulário de registro detalhado é rápido e fácil devido a campos extras como País, Confirmar Senha, Data e muito mais.

Melhor ainda, você pode criar um formulário de registro de várias etapas no caso de formulários detalhados e longos com o complemento premium de várias partes. Você encontrará este e muitos outros recursos avançados na versão premium do plugin.

Esperamos que este tutorial o ajude a implementar um formulário de registro personalizado com campos extras em seu site também. Siga-nos no Twitter e no Facebook para atualizações sobre artigos mais úteis.