How to Create a Custom User Registration Form in WordPress

Are you looking to create a custom user registration form in WordPress? Great idea! By default, WordPress’ user registration form is pretty boring. Why not spice it up with your personal branding?

In this article, we’ll show you how to create a custom user registration form in WordPress, step by step.

Why Bother Adding a Custom User Registration Form?

It’s all about branding, Baby! The default WordPress user registration form shows their branding, not yours. It doesn’t mesh with the rest of your website’s overall “look.”

You can also add a custom user registration form to any page on your WordPress website. Plus, you can set it up so it redirects users once they’ve registered; meaning, you can send users to any landing page you desire. This is a great way to collect leads if, say, you redirect users to your email optin page.

So, now that you know the “why,” let’s move onto the “how.” From here on out, we’ll teach you exactly what you need to create a custom user registration form in WordPress.

How to Create a Custom User Registration Form in WordPress

Start by downloading the WPForms plugin. Then, install and activate it. Not sure how? No problem. You can hop over to our guide on how to install a WordPress plugin to get that all sorted out.

Keep in mind that you’ll need the Pro plan (or better) of WPForms in order to build a custom user registration form in WordPress. Fear not though. By using our coupon code, SAVE10, you can take 10% off of the cost right off the bat.

Após ativar o plugin, vá para WPForms » Addons para instalar o User Registration Addon. Simplesmente clique em “Install Addon” e depois em “Activate” assim que ele for instalado.

Tudo pronto? Ótimo. É hora de começar a criar seu formulário de registro de usuário personalizado no WordPress.

Inicie o construtor do WPForms indo para WPForms » Add New.

Dê um nome ao seu formulário e, em seguida, selecione o modelo “User Registration Form”.

Esta amostra / modelo terá os seguintes campos de registro de usuário pré-adicionados:

• Nome
• Nome de usuário
• E-mail
• Senha
• Pequena biografia

Se você gostar do que vê, pode seguir para a próxima etapa.

Se você quiser reorganizar os campos, pode fazer isso com o recurso de arrastar e soltar. Ou, você pode adicionar campos adicionais arrastando-os da coluna da esquerda. Ou, você pode remover quaisquer campos com os quais não esteja satisfeito. WPForms é conhecido por seus recursos de personalização. Divirta-se com isso.

Quando estiver pronto, clique em Salvar e siga para a próxima etapa.

Como Adicionar Campos Personalizados ao Seu Formulário de Registro de Usuário

O WPForms tem um recurso útil que permite conectar perfis de usuário personalizados ao seu formulário de registro de usuário. No entanto, para fazer isso, você precisará fazer ajustes no seu site WordPress: ou seja, você precisará adicionar campos de perfil de usuário adicionais.

Para conseguir isso, você precisará de um plugin WordPress adicional.

Qualquer plugin que use campos personalizados padrão do WordPress para adicionar e armazenar metadados funcionará com o WPForms. No entanto, para este tutorial, vamos usar o User Meta Manager.

Baixe, instale e ative o plugin User Meta Manager. Após a ativação, vá para a página Users » User Meta Manager e clique em “Add Custom Meta”.

Você precisará inserir uma chave para que o campo de perfil de usuário personalizado seja reconhecido internamente. Em seguida, você precisará escolher um tipo de campo. Para este tutorial, estamos usando um campo URL para adicionar um endereço de perfil do Facebook.

Em "Rótulo", você precisará inserir um rótulo para descrever o que é o campo. Isso será visível para os usuários em seu site quando eles estiverem preenchendo seu formulário.

Para adicionar o campo de metadados personalizado, clique em "Enviar". Em seguida, vá para Usuários » Seu Perfil para ver a mágica em ação.

Agora que você criou um campo de perfil de usuário personalizado, é hora de adicioná-lo ao formulário de registro de usuário personalizado no WordPress via WPForms. Para fazer isso, você precisará ir para WPForms » Todos os Formulários e editar o formulário que você salvou anteriormente (ou criar um novo).

Assim que tiver seu formulário na tela, clique em um campo da coluna da esquerda e arraste-o para o seu formulário. Para este tutorial, adicionaremos um campo Website / URL ao formulário.

Em seguida, como você adicionou uma opção de URL de perfil do Facebook para seus usuários, você vai querer que o novo campo reflita isso. Clique no campo para editá-lo. Em seguida, altere o rótulo de “Website / URL” para “URL do Perfil do Facebook” na seção Opções de Campo, no lado esquerdo. Você também pode adicionar uma descrição, se necessário.

Salve seu formulário quando terminar.

Em seguida, você precisará clicar no botão Configurações para acessar as configurações avançadas do formulário e o mapeamento de campos. Nesta página, clique na aba Registro de Usuário.

O WPForms agora mostrará os campos do seu formulário com um menu suspenso abaixo deles para selecionar o campo de registro do WordPress com o qual mapeá-lo.

O WPForms mapeará automaticamente seus campos padrão como Nome, E-mail, Senha, etc. Você também pode selecionar uma página para onde deseja que os usuários sejam redirecionados após enviarem o formulário.

A partir daqui, role para baixo até a seção “Meta de Usuário Personalizada”. Digite a chave de meta personalizada que você criou anteriormente e, em seguida, selecione o campo do formulário com o qual deseja mapeá-la.

Feito isso, clique em Salvar e siga para a última etapa.

Como Adicionar Seu Formulário Personalizado de Registro de Usuário no WordPress

Esta é a parte fácil. Tudo correrá bem a partir daqui.

Com o WPForms, você pode adicionar formulários de forma fácil e rápida às postagens, páginas ou widgets de barra lateral do seu site WordPress.

Para este exemplo, criaremos uma nova Página.

Na tela de edição da Página, você encontrará um botão WPForms logo acima da sua barra de ferramentas. Dê um clique firme nesse botão.

Agora, um pop-up deve aparecer na sua tela. Selecione o formulário que você criou no menu suspenso e, em seguida, clique no botão Inserir Formulário.

Pronto! Agora um shortcode para o seu formulário está na sua página. Clique em “Publicar” (ou “Atualizar” se você estiver editando uma Página antiga), e seu formulário estará ativo no seu site.

Prefere um widget de barra lateral? Sem problemas. Basta ir em Aparência » Widgets e arrastar o widget WPForms para a sua área de barra lateral.

Selecione o formulário que você criou no menu suspenso nas configurações do widget. Em seguida, clique em Salvar. É isso! Agora seu formulário de registro de usuário está na sua barra lateral.

Além disso, confira como criar um formulário AMP no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como criar um formulário de registro de usuário personalizado no WordPress.

Se você está procurando mais coisas incríveis que pode fazer com o WPForms, confira nossos posts sobre como criar uma pesquisa no WordPress e como criar um formulário de registro com pagamentos do PayPal.