Ir para o conteúdo principal

Como criar uma página de registro personalizado no WordPress

Divi: o tema WordPress mais fácil de usar

Divi: O melhor tema WordPress de todos os tempos!

mais Downloads 600.000Divi é o tema WordPress mais popular do mundo. É completo, fácil de usar e vem com mais de modelos livres 62. [Recomendado]

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 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 registro personalizado no WordPress?

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

Criar um formulário de registro personalizado permite que você adicione o formulário de registro a uma página em seu site. Isso ajuda você 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 registro e login no WordPress

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

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

Criando um formulário de login customizado

A primeira coisa que você precisa fazer é instalar e ativar os plugins 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 formulários de registro de usuários.

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

wpform-license-key

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

extensão de utilizador-registration-forma

O WPForms irá baixar 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 nova Para usar o construtor de vídeo WPForms.

Primeiro, você deve digitar um nome para o seu formulário e, em seguida, selecionar o modelo "Formulário de Registro de Usuário"(Formulário de inscrição de usuário).

wpforms construtor

WPForms irá criar um simples formulário de inscrição para você. Este exemplo terá os seguintes campos.

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

Você pode adicionar campos do painel esquerdo. Você só precisará arrastar campos para reorganizar o pedido.

Adicionando campos personalizados em 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.

Você está procurando os melhores temas e plugins do WordPress?

Baixe os melhores plugins e temas WordPress no Envato e crie facilmente o seu site. Já mais do que 49.720.000 downloads. [EXCLUSIVO]

Neste exemplo, usamos o plugin grátis Usuário Meta Gerente ".

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

Depois de ativar o plugin, 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ê deve primeiro digitar uma chave. Essa 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 « Rótulo Você deve inserir o rótulo que ficará visível para os usuários ao preencher este campo.

Antes de continuar, descubra Como exibir campos personalizados no WordPress

Clique no botão Enviar "(Soumettre) para adicionar o meta campo personalizado. Você pode então visitar a seção Utilisateurs »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 em WPForms.

ir a WPForms »Todas as formas » para editar seu formulário de registro personalizado ou para criar um novo.

Depois disso, clique em um campo no 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 Website/ URL Agora aparecerá na pré-visualização do seu formulário. Você só tem que clicar nele e o WPForms irá mostrar 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 esqueça de clicar no botão « Enregistrer No canto superior direito da tela, salve seu formulário.

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

WPForms irá exibir seus campos e um menu drop-down abaixo para permitir que você selecione o campo de registro que você pode " mapeador"(Entrar ou harmonizar).

Descubra nosso 8 premium WordPress plugins para criar campos personalizados

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

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

Você precisará rolar para a seção " Meta de usuário personalizado ". Aqui você pode inserir a meta key personalizada criada anteriormente e, em seguida, selecionar o campo do formulário que deseja mapear.

mapeador-a-campo-personalizar-wpforms

Crie facilmente seu site com Elementor

Elementor permite criar facilmente qualquer design de site com uma aparência profissional. Pare de pagar caro pelo que você pode fazer por si mesmo. [Grátis]

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

Como adicionar um formulário de registro no WordPress

Antes de começar esta parte, nós convidamos você a descobrir Como criar uma página de registro personalizada no WordPress.

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

O WPForms facilita a inclusão de widgets na barra lateral ou em 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 seu formulário no menu suspenso e clicar no botão Adicionar formulário ".

Você vai notar que o shortcode " WPForms Aparecerá no editor do conteúdo do seu artigo. Agora você poderá publicar ou salvar seus artigos / página e visualizar seu formulário.

VISUALIZAR-de-forma, personaliza

O WPForms também permite que você adicione seu formulário de registro personalizado à 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 esqueça de salvar as configurações do widget.

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

Form-personalizar-wordpress

Isso conclui a criação de um formulário de registro personalizado. Mas antes de seguir em frente, sugerimos que você leia o artigo WPForms: O melhor plugin WordPress para criar um formulário de contato

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

1. Login de administrador personalizado do WP

WP Custom Admin Login é um plugin WordPress premium para personalizar a 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áginas soberbas que serão totalmente para escolher.

Mesmo que você não tenha habilidades de codificação, você 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 plano de fundo em sua página.

Download | Demonstração | Web Hosting

2. Flex-Register

Flex-Register é um plugin para WordPress que permite que você adicione um formulário de registro ou faça o login em uma mesa de luz. Uma atualização da página não será necessária e funcionará imediatamente após a instalação. Nenhuma configuração será necessária.

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

Crie facilmente sua loja online

Baixe gratuitamente o WooCommerce, os melhores plugins de e-commerce para vender seus produtos físicos e digitais no WordPress. [FREE]

Download | Demonstração | Web Hosting

3. Login Ninja

Este plugin WordPress permite que você personalize sua página de login. É mais do que apenas uma personalização do seu formulário de login. Você pode personalizar a página inteira, alterando a cor da página, adicionando uma imagem em segundo plano, adicionando um logotipo e muito mais.

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

Download | Demonstração | Web Hosting

Outros recursos recomendados

Você gostaria de criar outros tipos de formulários? Não hesite em consultar esta lista de recursos recomendados.

Conclusão

Voila! É isso para este tutorial. Espero que isso lhe permita criar 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.

...

Este artigo contém 1 comentário

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios estão marcados com *

Este site usa Akismet para reduzir indesejados. Saiba mais sobre como seus dados de comentários são usados.

Cool WordPress temas que eu encontrei em
E há mais temas e modelos 50 000 para você escolher!

De volta ao topo
8 ações
ação6
chilrear2
Enregistrer
Whatsapp