Você quer criar um formulário de registro personalizado para seus usuários?

O formulário de registro padrão do WordPress exibe a marca do WordPress e não corresponde ao tema do WordPress do seu site.

Se você nunca instalou o WordPress, descubra neste tutorial Como instalar e configurar o seu blog

Neste tutorial, mostraremos como criar um formulário de registro personalizado no WordPress.

Por que adicionar um formulário de inscrição personalizado no WordPress

A página de registro padrão do WordPress exibe a marca e o logotipo do WordPress. Não corresponde necessariamente ao resto do seu site.

A criação de um formulário de registro personalizado permite que você adicione o formulário de registro a uma página do seu site. Isso ajuda a fornecer uma experiência de usuário mais consistente durante o processo de registro.

Antes de continuar, você pode descobrir Como personalizar as páginas de inscrição e login do WordPress

Um formulário de registro personalizado também permite que os usuários sejam redirecionados após o registro. Você também pode exibir campos de perfil adicionais, combiná-los com o formulário de login personalizado e conectá-los ao seu departamento de marketing por e-mail.

Dito isso, vamos dar uma olhada rápida em como criar um formulário de registro personalizado no WordPress.

Criação de um formulário de login personalizado

A primeira coisa que você precisa fazer é instalar e ative o plugin WPForms. Para mais detalhes, confira nosso guia passo a passo sobre como instalar um plugin do WordPress.

Você precisará pelo menos do plano Pro »Para acessar os formulários de cadastro do usuário.

Após a ativação, você deve visitar " WPForms »Configurações Para inserir sua chave de licença WPForms. Você pode obter essa chave na sua conta WPForms.

wpform-license-key

Então vá para " WPForms> Addons ". Clique no botão instalar Addon »Na extensão« Formas de registo do utilizador ".

extensão de utilizador-registration-forma

O WPForms fará o download e instalará a extensão. Você terá que clicar no botão "Enable" para começar a usar a extensão.

A extensão do ativar-on-wordpress

Agora você está pronto para criar seu formulário de registro personalizado.

Você deve visitar " WPForms> Adicionar novo Para usar o WPForms Video Builder.

Primeiro, você precisa inserir um nome para o seu formulário e, em seguida, selecionar o modelo "Formulário de registro do usuário"(Formulário de inscrição de usuário).

wpforms construtor

O WPForms criará um formulário de registro simples para você. Este exemplo terá os seguintes campos.

  • Sobrenome primeiro nome
  • Nome de usuário
  • E-mail
  • Senha
  • Biografia curta

Você pode adicionar campos no painel esquerdo. Você só precisará arrastar os campos para reorganizar sua ordem.

Adicionar campos personalizados ao seu formulário de registro personalizado

O WPForms também permite adicionar campos de perfil ao seu formulário. Para fazer isso, você precisará de um plugin especializado.

Neste exemplo, usamos o plug-in gratuito Usuário Meta Gerente ". 

A primeira coisa que você precisa fazer é instalar e ativar o plug-in " Usuário Meta Gerente ". Para mais detalhes, consulte o nosso guia em Como instalar (adicionar) um plugin no WordPress

Depois de ativar o plug-in, você precisa ir para o seguinte local Usuários> Gerenciar usuários E adicione metas para continuar.

adicionar meta-des-por-usuário personaliza

Mas, você precisa inserir uma chave primeiro. Esta chave permitirá que você saiba como o campo de perfil de usuário personalizado será reconhecido internamente.

Então você tem que escolher um tipo de campo. Neste exemplo, usamos um campo de URL para adicionar o URL do perfil do Facebook. Sob « O rótulo », Você deve inserir a etiqueta que ficará visível aos usuários ao preencher este campo.

Antes de continuar, descubra Como exibir campos personalizados no WordPress

Clique no botão Submeter "(Soumettre) para adicionar o meta campo personalizado. Você pode então visitar a seção Utilisateurs »O seu perfil Para ver o campo.

nova-field-facebook-profile

Agora que criamos um campo personalizado, vamos adicioná-lo ao formulário de registro personalizado no WPForms.

ir a  WPForms »Todos os formulários » para modificar seu formulário de registro personalizado ou para criar um novo.

Depois disso, clique em um campo do painel esquerdo para adicioná-lo ao seu formulário. Neste exemplo, adicionamos um campo " URL do site Para a nossa forma.

Adicionar-um-novo-field-wpforms

O campo Site/ URL Agora aparecerá na visualização do seu formulário. Você só precisa clicar nele e o WPForms exibirá suas propriedades no painel esquerdo.

Precisamos mudar o rótulo do site " Site / URL Para " URL perfil Facebook". Você também pode adicionar uma descrição para o campo.

modificando um campo de início de sessão de encaixe WordPress WPForms

Não se esqueça de clicar no botão « Enregistrer No canto superior direito da tela para salvar seu formulário.

Então você tem que clicar no botão parametros (Configurações) para as configurações avançadas do formulário. Na página Configurações ", Clique no" Registro do usuário ".

O WPForms exibirá seus campos e um menu suspenso abaixo para você selecionar qual campo de registro você pode " mapeador"(Entrar ou harmonizar).

Descubra nossos 8 premium WordPress plugins para criar campos personalizados

Você notará que WPForms " mapas »Automaticamente seus campos padrão como nome, e-mail, senha, etc….

Você pode selecionar uma página para a qual deseja que os usuários sejam redirecionados depois que validarem o formulário.

Você precisará rolar para baixo até " Meta de usuário personalizado ". Aqui você pode inserir a meta-chave personalizada criada anteriormente e, em seguida, selecionar o campo do formulário que deseja "mapear".

mapeador-a-campo-personalizar-wpforms

Não esqueça de salvar suas configurações

Como adicionar um formulário de inscrição no WordPress

Antes de iniciar esta parte, convidamos você a descobrir Como criar uma página de registro personalizado no WordPress

Se estiver pronto, vamos adicionar um formulário no WordPress

O WPForms facilita a adição de widgets na barra lateral ou nas suas páginas e artigos. Você deve começar editando um artigo / página.

Na tela de edição, você notará o novo botão WPForms.

Adicionar-um-form-wpforms

Clicar nele abrirá um menu de contexto. Você deve selecionar o seu formulário no menu suspenso e clicar no botão "  Adicionar formulário ".

Você notará que o código curto " WPForms Aparecerá no editor de conteúdo do seu artigo. Agora você poderá publicar ou salvar seus artigos / página e, em seguida, visualizar seu formulário.

VISUALIZAR-de-forma, personaliza

O WPForms também permite adicionar seu formulário de registro personalizado na barra lateral. Visite o cardápio  Aparência >> Widgets >>e adicione um widget WPForms Para uma barra lateral.

forma-of-the-bar-Side

Você deve selecionar o formulário que deseja exibir no menu suspenso nas configurações do widget. Não se esqueça de salvar as configurações do widget.

É isso, agora você pode visitar o seu site para ver o seu formulário de registro personalizado em ação.

Form-personalizar-wordpress

 

Isso encerra a criação de um formulário de registro personalizado. Mas antes de prosseguir, sugerimos que você leia o artigo WPForms: o melhor plugin do WordPress para criar um formulário de contato

Se você está procurando outras soluções premium para criar obviamente realizar a mesma tarefa, confira nossos 3 WordPress plugins abaixo.

1. Login de administrador personalizado do WP

O login de administrador personalizado do WP é um WordPress Plugin Premium de personalização da página de login padrão do WordPress. Ele permite que você personalize esta página a partir do WordPress Customizer e vem com mais de 25 modelos de página impressionantes que podem ser escolhidos completamente.

Plug-in Wordpress Wp de login de administrador personalizado para fazer uma página de login de administrador personalizada

Mesmo que você não possua habilidades de codificação, poderá criar uma página de login excepcional em pouco tempo. Sua interface visual é muito intuitiva, o que permitirá que você configure sua página de login de acordo com suas preferências. Ele suporta vídeos e imagens que podem ser usados ​​como pano de fundo na sua página.

Descarregar | Demo | hospedagem na web

2. Flex-Register

Flex-Register é um WordPress Plugin que permite adicionar um formulário de registro ou login em um lightbox. Não será necessário atualizar a página e funcionará imediatamente após a instalação. Portanto, nenhuma configuração será necessária.

Flex register bootstrap 3 lightbox para registrar wordpress

Ele também cuidará de combinar seu formulário com o estilo do tema WordPress ativo em seu site. Como recurso, oferece, entre outras coisas: um design limpo e código bem comentado, sua aparência totalmente personalizável, compatibilidade com a maioria dos ds Temas do WordPress popular, suporte a vários navegadores e muito mais.

Download | Demonstração | hospedagem na web

3. Login Ninja

Ce WordPress Plugin permite que você personalize sua página de login. É mais do que apenas personalizar seu formulário de login. Você pode personalizar a página inteira, alterando sua cor, adicionando uma imagem de fundo, adicionando um logotipo e muito mais.Plug-in wordpress de login Ninja

Suas outras características são: proteção de login e formulários de registro com captcha, banimento automático e manual de IPs que atacam por força bruta, um log detalhado de todas as atividades relacionadas à conexão, redirecionamento de usuários baseado em funções e nomes de usuário, recebimento de notificações por e-mail para todos os eventos de login, interface gráfica fácil de usar, documentação detalhada e muito mais.

Download | Demonstração | hospedagem na web

Outros recursos recomendados

Você gostaria de criar outros tipos de formulários? sinta-se à vontade para verificar esta lista de recursos recomendados. 

Conclusão

Voila! É isso neste tutorial. Espero que isso permita que você crie facilmente um formulário personalizado de registro no WordPress. Também convidamos você a consultar nosso recursos se você é um blogueiro iniciante

Se você tiver alguma sugestão ou comentário, será bem-vindo. Mas, se você gostou não hesite em  compartilhe este artigo em suas diferentes redes sociais.

...