Gostaria de criar um formulário personalizado para permitir que os usuários façam login no seu site? Nosso complemento User Registration oferece opções especiais para usar o modelo User Login Form como um formulário de login.
Este tutorial explica as etapas para criar um formulário de login de usuário no WPForms.
Observação: para usar nosso modelo de formulário de login de usuário, é necessário ter o complemento User Registration instalado e ativado em seu site.
Acesso ao modelo de formulário de login
Depois de ativar e configurar o complemento Registro de usuário, vá para WPForms " Add New. Na página de configuração, procure por "User Login". Em seguida, passe o mouse sobre o modelo User Login Form e clique em Use Template.
O modelo está pronto para ser usado como está, portanto, você não precisa personalizar o formulário. No entanto, mostraremos a você como personalizar o formulário de login abaixo.
Personalização do formulário de login
Para isso, vá para Settings " User Registration (Configurações " Registro do usuário) no construtor de formulários. Aqui, você verá a opção Hide form if user is logged in (Ocultar formulário se o usuário estiver conectado ).
Ocultar o formulário de login para usuários conectados é uma ótima maneira de melhorar a experiência do usuário, pois ajuda a reduzir a confusão.
No campo Logged In Message, você poderá personalizar a mensagem que os usuários conectados verão se tentarem acessar o formulário de login.
Aqui está um exemplo da aparência dessa mensagem no frontend.
Quando estiver satisfeito com o formulário de login, lembre-se de salvá-lo antes de sair do construtor de formulários e incorporá-lo em uma página.
Observação: para obter mais ideias e detalhes sobre como personalizar seu formulário de login, consulte nossa publicação no blog sobre como criar uma página de login personalizada.
É isso aí! Agora você sabe como criar um formulário de login personalizado no WPForms.
Em seguida, você gostaria de permitir que os usuários redefinissem suas senhas caso as esquecessem? Não deixe de conferir nosso tutorial sobre como criar um formulário de redefinição de senha para saber como.