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]

Deseja 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 inscrição 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 adicionar o formulário de registro a uma página do seu site. Ajuda a fornecer uma experiência mais consistente ao usuário 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 redirecionar 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 email marketing.

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

Criando um formulário de login personalizado

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 os formulários de registro 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> Complementos ". 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 nova Para usar o WPForms Video Builder.

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

wpforms construtor

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

  • Nome - 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.

Adicionando campos personalizados em seu formulário de inscrição 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 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ê deve primeiro inserir 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 »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 editar seu formulário de registro personalizado ou 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 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 na aba« Registro do usuário ".

O WPForms exibirá seus campos e um menu suspenso 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ê notará que WPForms " mapas »Automaticamente seus campos padrão como nome, email, 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 a seção " 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

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 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 exibirá um menu de contexto. Você deve selecionar 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 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 adicionar seu formulário de registro personalizado à barra lateral. Visite o menu 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 seu site para ver seu formulário de inscrição personalizado em ação.

Form-personalizar-wordpress

Isso conclui a criação de um formulário de inscrição personalizado. Mas antes de avançar, 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 executa a mesma tarefa, confira nossos plug-ins do WordPress 3 abaixo.

1. Login de administrador personalizado do WP

O WP Custom Admin Login é um plugin premium do WordPress 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 excelentes modelos de páginas 25 que podem escolher totalmente.

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

O Flex-Register é um plugin do WordPress que permite adicionar um formulário de registro ou fazer 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 cuidará da correspondência do seu formulário com o estilo do tema WordPress ativo no seu site. Como um recurso, ele 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 muito mais.

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]

Descarregar | Demo | hospedagem na web

3. Login Ninja

Este plugin do 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, banimento automático e manual de IPs que o atacam por força bruta, um registro detalhado de todas as atividades relacionadas à conexão, redirecionamento de usuários com base Funções e nomes de usuário, recebendo notificações por email para todos os eventos de login, uma interface gráfica do usuário fácil de usar, documentação detalhada e muito mais.

Descarregar | Demo | hospedagem na web

Outros recursos recomendados

Deseja criar outros tipos de formulários? não hesite em consultar 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.

...

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.

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