Quer adicionar campos personalizados ao seu formulário de registro do WordPress sem tocar em nenhum código? Este tutorial mostrará exatamente como adicionar campos ao formulário de registro do WordPress para que você possa coletar detalhes extras como números de telefone, perfis sociais ou nomes de empresas de novos usuários.
Vou guiá-lo por todo o processo passo a passo usando WPForms e Advanced Custom Fields, dois plugins fáceis para iniciantes que simplificam a criação de formulários de registro personalizados. Ao final, você terá uma página de registro dedicada em seu site ou loja WooCommerce que captura todas as informações de que você precisa.
Passos rápidos para criar um formulário de registro de usuário personalizado:
- Passo 1: Crie um Formulário de Registro de Usuário WordPress com um Plugin
- Passo 2: Adicione Campos Personalizados Extras ao Seu Formulário de Registro WordPress
- Passo 3: Personalize as Configurações do Formulário de Registro WordPress para Campos Personalizados
- Passo 4: Configure as Notificações de Registro de Usuário no WordPress
- Passo 5: Adicione uma Mensagem de Confirmação para o Seu Formulário de Registro
- Step 6: Publish Your WordPress Registration Form With Custom Fields
O que são Campos Personalizados em Formulários de Registro WordPress?
Campos personalizados em formulários de registro do WordPress são campos de entrada extras que você pode adicionar para coletar mais informações de novos usuários durante o cadastro.
Por padrão, o WordPress solicita apenas detalhes básicos como nome de usuário e endereço de e-mail. Com campos personalizados, você pode solicitar informações adicionais como números de telefone, nomes de empresas, cargos ou perfis de mídia social.
Adicionar esses campos ao seu formulário de registro oferece melhores perfis de usuário e ajuda você a personalizar a experiência do seu site ou campanhas de marketing.
Por que Criar Formulários com Campos Personalizados?
É provável que muitos dos formulários de registro do WordPress que você tentou no passado não tenham a opção de adicionar tipos específicos de informação.
Por exemplo, seu formulário de registro pode precisar dos links de perfil de mídia social das pessoas para preencher suas áreas de perfil. Ou você pode querer que os usuários insiram o endereço do site ou número de telefone.
Criar um novo formulário de registro de usuário que permite adicionar campos personalizados e novos nomes de campos dá a você mais controle sobre os detalhes necessários para preencher seu formulário e registrar.
Além disso, quando você usa um plugin de registro de usuário WordPress com campos personalizados, você não precisará começar do zero, economizando muito tempo que pode usar para se concentrar em outras áreas do seu negócio.
Como Adicionar Campos a Formulários de Registro WordPress
Agora que você sabe por que adicionar campos personalizados a formulários de registro é importante, vamos criar um no WordPress.
| Preços: A partir de R$ 49,50/ano |
| Plano Gratuito / Teste: Versão Lite gratuita disponível |
| Recursos de Destaque: |
| 🔹 Construtor de formulários de arrastar e soltar 🔹 Addon de Registro de Usuário para campos personalizados 🔹 Modelos pré-construídos para formulários de registro |
| Ideal para: Iniciantes que desejam formulários de registro WordPress sem código |
Para este tutorial, usaremos o WPForms, o melhor plugin de formulário de contato do WordPress. O construtor de formulários do WPForms facilita a criação de qualquer tipo de formulário para o seu site. E com o Registration Addon, criar formulários com campos de registro personalizados é muito fácil.
Por que não conferir esta análise do WPForms detalhada para todos os detalhes?
Então, vá em frente e adquira sua cópia do WPForms aqui. Você precisará da versão Pro para aproveitar os modelos de formulário de registro prontos. Em seguida, quando você tiver baixado o plugin, poderá aprender como instalar um plugin do WordPress aqui.
| Preços: A partir de R$ 49/ano |
| Plano Gratuito / Teste: Versão gratuita disponível no WordPress.org |
| Recursos de Destaque: |
| 🔹 Adicione tipos de campos personalizados ilimitados 🔹 Controle total sobre os metadados do usuário 🔹 Funciona com WPForms e WooCommerce |
| Ideal para: Proprietários de sites que precisam de controle avançado sobre os campos de dados do usuário |
Também usaremos o plugin Advanced Custom Fields para adicionar tipos de campos personalizados ao WordPress, que você poderá usar em seu formulário de registro.
Depois de baixar e instalar os plugins no seu painel do WordPress, você precisa passar para a Etapa 1 para construir seu formulário de registro de usuário.
Passo 1: Crie um Formulário de Registro de Usuário WordPress com um Plugin
Para começar a construir seu formulário de registro de usuário com campos personalizados, vá para WPForms » Addons no seu painel de administração do WordPress. Em seguida, localize o User Registration Addon e clique em Ativar.
Em seguida, vá para WPForms » Adicionar Novo 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.
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 seu formulário arrastando elementos para uma posição diferente. E adicionar novos campos 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 ver isso a seguir.
Etapa 2: Adicionar Campos Personalizados Extras ao Seu Formulário de Registro do WordPress
Para este tutorial, demonstraremos como adicionar campos de perfil personalizados aos seus formulários de registro. É aqui que o plugin Advanced Custom Fields mencionado anteriormente entra em jogo.
Então, para começar, você precisará adicionar campos de perfil personalizados ao seu site WordPress. Para fazer isso, vá para Custom Fields » Add New.
Em seguida, dê um nome ao seu grupo de campos como "User Profile". Depois disso, clique em Add New para adicionar um campo a esse grupo e insira os detalhes do nome e do rótulo.
Quando estiver satisfeito com os detalhes do tipo de entrada, clique em Publicar para ativar seu campo personalizado. Em seguida, para vê-lo em ação, navegue até o seu perfil do WordPress clicando em Users » Your Profile.
Como você pode ver na imagem abaixo, seu perfil agora tem um campo para sua URL do Facebook.
Agora que criamos o campo personalizado no WordPress, vamos adicioná-lo ao seu formulário de registro de usuário.
Vá para WPForms » Todos os Formulários para ver uma lista dos formulários que você criou. Em seguida, clique em 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 seu 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 querer adicionar uma caixa de seleção pedindo aos usuários para optarem por sua lista de e-mail. Esta é uma excelente maneira de aumentar seus assinantes.
Não se esqueça de clicar em Salvar para confirmar suas alterações.
Passo 3: Personalize as Configurações do Formulário de Registro WordPress para Campos Personalizados
O próximo passo é personalizar as configurações do seu formulário para que seu campo personalizado envie as informações para o lugar certo.
Portanto, clique na guia Configurações e navegue até Registro de Usuário. Nesta página, você pode configurar as configurações de registro de usuário, como:
- Mapear cada campo do formulário
- Selecionar a função de usuário padrão
- Ativar notificações para o e-mail do usuário
- Selecionar para qual página de confirmação redirecionar os usuários
E se você rolar até o final da página, verá uma nova seção para suas informações de metadados personalizadas.
Aqui você pode inserir a chave de metadados que você atribuiu ao campo personalizado que criou anteriormente. Quando terminar, clique em Salvar.
Passo 4: Configure as Notificações de Registro de Usuário no WordPress
Agora vamos ver a página de notificações indo para 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 em seu site.
Para obter ajuda na configuração dessas opções, consulte a documentação do WPForms sobre como configurar notificações de formulário no WordPress.
Passo 5: Adicione uma Mensagem de Confirmação para o Seu Formulário de Registro
Vamos ver como configurar as mensagens que os usuários verão quando enviarem um formulário de registro de usuário para esta etapa.
Isso é útil se você precisar que os usuários confirmem suas contas para concluir o processo de registro, pois você pode mostrar uma mensagem agradecendo por se registrarem e pedindo para ficarem atentos ao seu e-mail de validação.
Existem 3 tipos de confirmação no WPForms, e eles são os seguintes:
- Mensagem – Esta é a confirmação padrão. Quando os usuários preenchem seu formulário, uma mensagem aparece, informando que foi enviado com sucesso.
- Mostrar Página – Este tipo de confirmação envia os usuários para uma página da web específica em seu site agradecendo por se registrarem. Por exemplo, você pode mostrar sua página de login imediatamente após o registro.
- Ir para URL (Redirecionar) – Esta opção é usada quando você deseja enviar clientes para um site diferente.
Quando você escolher seu tipo de mensagem de confirmação, clique em Salvar e passe para adicionar seu formulário de registro de usuário com campos personalizados ao WordPress.
Etapa 6: Publique seu formulário de registro do WordPress com campos personalizados
O WPForms facilita muito a adição do seu formulário de registro ao seu site. Você pode publicar seu formulário de registro em uma postagem, página ou até mesmo na barra lateral do seu site no front-end.
Vamos ver como publicar seu formulário de registro de usuário em uma página do WordPress.
Para começar, vá para Páginas » Adicionar Nova para criar uma nova Página.
Em seguida, no editor do WordPress, clique no ícone de Mais (+) para adicionar um novo bloco de conteúdo. Na caixa de pesquisa, digite WPForms para revelar o bloco WPForms e clique para adicioná-lo à sua página.
Aqui, você pode escolher seu formulário de registro de usuário na caixa suspensa, que é adicionado à sua página para visualização.
Agora você pode prosseguir e adicionar qualquer informação adicional à sua página. E quando estiver satisfeito, clique em Publicar para lançar seu formulário em seu site.
FAQs Sobre Adicionar Campos Personalizados a Formulários de Registro do WordPress
Agora você sabe como criar um formulário de registro de usuário do WordPress com campos personalizados. Assim, os usuários podem se registrar em seu site e enviar todos os detalhes que você precisa para construir seus perfis.
Se você estiver interessado em aprender o que mais você pode fazer com o WPForms, confira nossos outros tutoriais de formulários do WordPress aqui:
- Como Criar um Formulário do WordPress com Upload de Arquivo
- Como Criar um Formulário Estilo Typeform
- Como Criar um Formulário de Contato no WordPress
- Como Criar um Formulário de Pedido Online no WordPress
- Como Criar um Formulário de Múltiplas Etapas no WordPress
E se desejar, siga-nos no Facebook e Twitter para mais dicas e tutoriais úteis.
