Deseja criar um formulário de registro de usuário personalizado? E deseja adicionar campos personalizados para coletar informações extras de usuários registrados em seu site WordPress ou loja WooCommerce?
Você pode facilitar todo o processo criando formulários de registro personalizados no WordPress em uma página de registro dedicada. Portanto, neste artigo, explicaremos como usar um plugin do WordPress para formulários de registro de usuário com campos personalizados.
Dessa forma, os usuários podem se inscrever e adicionar todos os detalhes necessários à sua página de perfil.
Por que criar formulários com campos personalizados?
É provável que muitos dos formulários de registro do WordPress que você experimentou no passado não tenham a opção de adicionar tipos específicos de informações.
Por exemplo, o seu formulário de registro pode precisar dos links do perfil de mídia social das pessoas para preencher as áreas de perfil. Ou talvez você queira que os usuários insiram o endereço do site ou o número de telefone.
A criação de um novo formulário de registro de usuário que permite adicionar campos personalizados e novos nomes de campos oferece mais controle sobre os detalhes necessários para preencher o formulário e se registrar.
Além disso, ao usar um plug-in de registro de usuário do WordPress com campos personalizados, você não precisará começar do zero, economizando muito tempo que pode ser usado para se concentrar em outras áreas da sua empresa.
Criando formulários de registro personalizados do WordPress
Agora que você sabe por que é importante adicionar campos personalizados aos formulários de registro, vamos criar um no WordPress.
Para este tutorial, usaremos o WPForms, o melhor plugin de formulário de contato do WordPress. O construtor de formulários do WPForm facilita a criação de qualquer tipo de formulário para seu site. E com o Registration Addon, criar formulários com campos de registro personalizados é muito fácil.
Por que não dar uma olhada nesta análise detalhada do WPForms para obter todos os detalhes?
Portanto, vá em frente e adquira sua cópia do WPForms aqui. Você precisará da versão Pro para aproveitar os modelos de formulários de registro já prontos. Depois de fazer o download do plug-in, você pode aprender a instalar um plug-in do WordPress aqui.
Também usaremos o plug-in Advanced Custom Fields para adicionar tipos de campos personalizados ao WordPress, que poderão ser usados no formulário de registro.
Depois de fazer o download e instalar os plug-ins no painel do WordPress, você precisa seguir para a Etapa 1 para criar o formulário de registro de usuário.
- Etapa 1: Crie um formulário de registro de usuário do WordPress
- Etapa 2: Adicione campos personalizados ao seu formulário de registro
- Etapa 3: Personalize as configurações do formulário
- Etapa 4: Configure suas notificações de formulário
- Etapa 5: Defina sua mensagem de confirmação
- Etapa 6: Publique seu formulário de registro com campos personalizados
Etapa 1: Crie um formulário de registro de usuário do WordPress
Para começar a criar seu formulário de registro de usuário com campos personalizados, vá para WPForms " Addons no backend do administrador do WordPress. Em seguida, localize o User Registration Addon e clique em Activate (Ativar).
Em seguida, vá para WPForms " Add New para criar um novo formulário.
Em seguida, na tela de configuração, dê um nome ao seu formulário e escolha o modelo User Registration Form (Formulário de registro de usuário ).
Ao clicar no modelo, o WPForms cria um formulário de registro de usuário padrão, que você pode personalizar.
Você pode reorganizar os campos do formulário arrastando os elementos para uma posição diferente. E adicionar novos campos de formulário ao modelo de formulário de registro padrão é tão simples quanto arrastá-los do painel esquerdo e soltá-los no painel direito.
Mas como adicionar campos personalizados ao seu formulário de registro de usuário? Vamos dar uma olhada nisso a seguir.
Etapa 2: Adicione campos personalizados ao seu formulário de registro
Neste tutorial, demonstraremos como adicionar campos de perfil personalizados aos seus formulários de registro. É aqui que o plug-in Advanced Custom Fields mencionado anteriormente entra em ação.
Portanto, para começar, você precisará adicionar campos de perfil personalizados ao seu site WordPress. Para fazer isso, vá para Campos personalizados " Adicionar novo.
Em seguida, dê ao seu grupo de campos um nome como "Perfil do usuário". Depois disso, clique em Add New (Adicionar novo ) para adicionar um campo a esse grupo e digite o nome e os detalhes do rótulo.
Quando estiver satisfeito com os detalhes do tipo de entrada, clique em Publish (Publicar) para ativar seu campo personalizado. Em seguida, para vê-lo em ação, navegue até seu perfil do WordPress clicando em Users " Your Profile.
Como você pode ver na imagem abaixo, seu perfil agora tem um campo para o URL do Facebook.
Agora que criamos o campo personalizado no WordPress, vamos adicioná-lo ao seu formulário de registro de usuário.
Acesse WPForms " All Forms para ver uma lista dos formulários que você criou. Em seguida, clique em Edit (Editar ) no formulário de registro de usuário que você criou um pouco antes.
Depois disso, arraste o espaço reservado do campo URL do site do painel esquerdo e solte-o na visualização do formulário.
Como estamos adicionando uma opção de URL do Facebook, precisaremos alterar o nome do campo. Para fazer isso, clique no campo URL do site e edite o rótulo e a descrição no painel esquerdo.
Você também pode adicionar uma caixa de seleção solicitando que os usuários optem por participar da sua lista de e-mails. Essa é uma excelente maneira de aumentar seus assinantes.
Não se esqueça de clicar em Save (Salvar ) para confirmar suas alterações.
Etapa 3: Personalize as configurações do formulário
A próxima etapa é personalizar as configurações do formulário para que o campo personalizado envie as informações para o local correto.
Então, clique na guia Settings (Configurações ) e navegue até User Registration (Registro de usuário). Nessa página, você pode definir as configurações de registro de usuário, como:
- Mapear cada campo do formulário
- Selecione a função de usuário padrão
- Ativar notificações para o e-mail do usuário
- Selecione a página de confirmação para redirecionar os usuários
E se você rolar até a parte inferior da página, verá uma nova seção para suas meta informações personalizadas.
Aqui você pode inserir a meta-chave que atribuiu ao campo personalizado que criou anteriormente. Depois de fazer isso, clique em Save (Salvar).
Etapa 4: Configure suas notificações de formulário
Agora, vamos dar uma olhada na página de notificações acessando Configurações " Notificações.
Por padrão, as notificações estão ativadas, o que significa que você receberá uma notificação por e-mail sempre que alguém se registrar no seu site.
Para obter ajuda na definição dessas configurações, consulte a documentação do WPForms sobre como configurar notificações de formulário no WordPress.
Etapa 5: Defina sua mensagem de confirmação
Nesta etapa, veremos a configuração das mensagens que os usuários verão quando enviarem um formulário de registro de usuário.
Isso é útil se você precisar que os usuários confirmem a conta para concluir o processo de registro, pois é possível exibir uma mensagem agradecendo o registro e pedindo que fiquem atentos ao e-mail de validação.
Existem 3 tipos de confirmação no WPForms, que são os seguintes:
- Message (Mensagem ) - Essa é a confirmação padrão. Quando os usuários concluem o formulário, é exibida uma mensagem informando que ele foi concluído com êxito.
- Show Page (Mostrar página ) - Esse tipo de confirmação envia os usuários para uma página da Web específica no seu site, agradecendo-os pelo registro. Por exemplo, você pode mostrar a página de login imediatamente após o registro.
- Go to URL (Redirect) - Essa opção é usada quando você deseja enviar os clientes para um site diferente.
Quando tiver escolhido o tipo de mensagem de confirmação, clique em Save (Salvar ) e continue adicionando o formulário de registro de usuário com campos personalizados ao WordPress.
Etapa 6: Publique seu formulário de registro com campos personalizados
O WPForms facilita muito a adição de um formulário de registro ao seu site. Você pode publicar o formulário de registro em um post, página ou até mesmo na barra lateral do site no front-end.
Vejamos como publicar seu formulário de registro de usuário em uma página do WordPress.
Para começar, vá para Pages " Add New para criar uma nova página.
Em seguida, no editor do WordPress, clique no ícone de adição (+) para adicionar um novo bloco de conteúdo. Na caixa de pesquisa, digite WPFroms para revelar o bloco WPForms e clique para adicioná-lo à sua página.
Aqui, você pode escolher o formulário de registro de usuário na caixa suspensa, que é adicionado à sua página para visualização.
Agora você pode ir em frente e adicionar outras informações à sua página. E quando estiver satisfeito, clique em Publish (Publicar) para abrir o formulário em seu site.
E é isso!
Agora você sabe como criar um formulário de registro de usuário no WordPress com campos personalizados. Assim, os usuários podem se registrar no seu site e enviar todos os detalhes necessários para criar seus perfis.
Se estiver interessado em saber o que mais pode ser feito com o WPForms, dê uma olhada em nossos outros tutoriais de formulários do WordPress aqui:
- Como criar um formulário do WordPress com upload de arquivos
- Como criar um formulário no estilo Typeform
- Como criar um formulário de contato no WordPress
- Como criar um formulário de pedido on-line no WordPress
- Como criar um formulário de várias etapas no WordPress
E, se quiser, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais úteis.
