Como personalizar o formulário de redefinição de senha do WordPress

Pretende personalizar o seu formulário de reposição de palavra-passe do WordPress?

Quer seja através da adição de CSS personalizado ou da instalação de diferentes plugins, os utilizadores do WordPress não são estranhos à personalização. É uma das razões pelas quais o WordPress é tão popular.

Ao criar um formulário personalizado de redefinição de palavra-passe, pode proporcionar uma experiência de utilizador mais forte, personalizando estas páginas de utilizador para corresponderem ao seu tema do WordPress, apresentarem o seu logótipo e oferecerem conteúdo adicional.

Neste post, vamos dar-lhe um guia passo-a-passo para personalizar o seu formulário de redefinição de palavra-passe do WordPress.

Personalize seu formulário de redefinição de senha agora

Como posso redefinir a minha palavra-passe do WordPress?

Pode redefinir a sua palavra-passe do WordPress utilizando a ligação de perda de palavra-passe no WordPress. Será enviado um e-mail com um link no qual pode clicar para redefinir a sua palavra-passe.

Para uma melhor experiência do utilizador, um formulário de reposição personalizado permite-lhe ajustar o aspeto e o conteúdo da notificação por correio eletrónico. Mostraremos como personalizar o formulário de redefinição de senha, enviar o usuário para a página do formulário de senha e permitir que ele redefina sua senha facilmente.

Como criar um formulário personalizado de redefinição de senha no WordPress

Para criar um formulário personalizado de redefinição de senha, você precisará assinar a versão premium do WPForms. A licença Pro inclui o addon User Registration que permite criar formulários personalizados de redefinição de senha, registro de usuário e login para o seu site WordPress.

Vamos lá começar!

1. Instalar o WPForms

Primeiro, baixe e instale o WPForms. Para este tutorial, você precisará da versão profissional em vez do WPForms Lite. Se precisar de ajuda, consulte este guia para instalar plug-ins do WordPress.

Depois de ter instalado o plugin, inicie sessão na sua conta WPForms e clique no separador Downloads.

Esta é uma página com todas as suas licenças disponíveis. Para fazer o download do plugin, clique no botão Download WPForms ao lado da licença pro. Isso salvará um arquivo zipado do plugin WPForms no seu computador.

Depois de ter descarregado o seu ficheiro zip, vá para o seu site WordPress onde gostaria de instalar o WPForms. Em seguida, no painel de administração, clique em Plugins " Adicionar novo e, em seguida, no botão Carregar plug-in.

A partir daqui, clique no botão Escolher ficheiro e selecione o ficheiro zip do WPForms que acabou de transferir.

Após o carregamento do ficheiro, clique no botão Instalar agora.

Quando o plugin estiver instalado, clique no botão Activate Plugin para ativar o WPForms no seu site.

Após ativar o plugin, lembre-se de verificar sua chave de licença do WPForms para receber atualizações automáticas e suporte ao plugin. Adicionar a sua chave de licença também lhe permitirá instalar e ativar facilmente os addons do WPForms a partir do seu painel de controlo do WordPress.

2. Instalar a extensão de registo do utilizador

Agora vamos instalar o addon de que precisamos para criar os formulários de redefinição de palavra-passe.

Na sua área de administração do WordPress, vá para WPForms " Addons no menu da barra lateral esquerda.

Se não vir quaisquer addons para o seu nível de licença, clique no botão Atualizar Addons para forçar uma atualização.

Para procurar um addon de Registo de utilizador, escreva o seu nome no campo Procurar addons, localizado no canto superior direito da página.

Depois de o encontrar, basta clicar no botão Install Addon.

Isto irá instalar e ativar automaticamente a extensão para si. Qualquer addon que esteja instalado e pronto a usar mostrará Status: Ativo.

3. Utilizar o modelo de formulário de reposição da palavra-passe

Para criar seu formulário de redefinição de senha, vá para WPForms " Adicionar novo. Procure por "Password Reset" na biblioteca de modelos, passe o mouse sobre a opção User Password Reset Form e clique em Use Template.

Depois de selecionar o modelo, o formulário de reposição da palavra-passe será carregado no seu ecrã.

Em seguida, pode personalizar o formulário de redefinição da palavra-passe, adicionando os campos que desejar. Pode até alterar o texto do botão de envio.

Não é boa ideia acrescentar ou eliminar quaisquer campos deste modelo, uma vez que este serve um objetivo altamente específico da melhor forma.

Vejamos as definições de reposição do correio eletrónico no passo seguinte.

4. Configurar o e-mail de redefinição de senha

Para personalizar o e-mail de pedido de reposição da palavra-passe, clique em Definições na barra lateral e, em seguida, clique no menu Registo de utilizadores.

Aqui, pode personalizar o assunto e a mensagem do e-mail de reposição ou utilizar a mensagem predefinida tal como está.

Se pretender editar a mensagem de correio eletrónico de reposição, certifique-se de que não remove o {user_registration_password_reset} etiqueta inteligente. Esta etiqueta inteligente cria a ligação de reposição para o utilizador clicar.

Desloque-se mais para baixo e verá uma opção para ocultar o formulário de reposição da palavra-passe dos utilizadores com sessão iniciada. Se ativar esta opção, pode editar a mensagem a apresentar quando um utilizador com sessão iniciada abre o formulário.

Excelente!

Depois de personalizar as definições, certifique-se de que clica em Guardar na parte superior.

No passo seguinte, vamos incorporar o formulário numa nova página.

5. Publique seu formulário personalizado de redefinição de senha

O WPForms tem um prático assistente de incorporação que lhe permite colocar o seu formulário dentro de uma página nova ou existente diretamente a partir do construtor de formulários.

Depois de o formulário ter sido guardado, clique no botão Incorporar.

Como queremos incorporar nosso formulário em uma nova página de redefinição de senha, selecionaremos a opção Criar nova página .

Dê um nome adequado à sua página e clique em Vamos lá.

Depois disso, o WPForms abrirá o editor de blocos do WordPress, onde encontrará o formulário de redefinição de senha incorporado.

Antes de publicar o formulário, pode efetuar algumas personalizações de estilo fantásticas aqui.

Basta usar as opções do bloco WPForms à direita para usar os recursos de estilo de formulário e personalizar seus rótulos, campos e botões com apenas alguns cliques.

Quando estiver satisfeito com o seu formulário, prima Publicar para o lançar.

O formulário de redefinição da palavra-passe está agora disponível e pronto a ser utilizado!

Mas ainda não terminámos. É importante garantir que este formulário é fácil de encontrar pelos seus utilizadores, caso necessitem de redefinir a sua palavra-passe.

Na próxima etapa, adicionaremos o formulário de redefinição de senha à navegação principal do seu site.

6. Adicionar o formulário de reposição de palavra-passe ao menu de navegação

É uma boa prática tornar a página de redefinição de palavra-passe fácil de encontrar para os seus utilizadores.

Para o fazer, adicionamos a página de formulário recém-criada à barra de navegação do seu site, na parte superior.

Isto é fácil de fazer. Basta abrir o painel de controlo do WordPress e ir a Aparência " Menus.

É possível que já tenha um menu de navegação adicionado ao seu sítio. Nesse caso, basta adicionar a página de reposição da palavra-passe ao menu.

Uma vez no ecrã Menus, clique no formulário de redefinição da palavra-passe na coluna da esquerda e, em seguida, prima Adicionar ao menu.

Deste modo, a página de reposição da palavra-passe será adicionada à pilha de páginas atualmente no seu menu à direita.

Prima o botão Guardar menu para o atualizar.

O processo para criar um menu pela primeira vez é quase semelhante. Só tem de dar um nome ao seu menu e, em seguida, premir o botão azul Criar menu na parte inferior.

Depois de o ter feito, pode adicionar páginas ao seu menu utilizando os passos apresentados acima.

Eis um exemplo do aspeto da navegação para nós:

Tudo o que precisamos de fazer agora é adicionar um redireccionamento para que os visitantes que tentem aceder à sua página de redefinição padrão do WordPress sejam automaticamente redireccionados para a sua nova página de redefinição de palavra-passe personalizada.

Opcional: Adicionar redireccionamento ao formulário personalizado de reposição de palavra-passe

Se estiver a criar um formulário personalizado para redefinir palavras-passe no seu site, poderá ser uma boa ideia criar também um formulário de início de sessão personalizado para o seu site, juntamente com um redireccionamento para substituir a página de início de sessão predefinida do WordPress pela nova página personalizada.

Mas se a sua página de início de sessão predefinida ainda estiver acessível, deve adicionar um redireccionamento para o formulário de redefinição da palavra-passe.

Desta forma, se um utilizador clicar no botão "Lost your password?" da página de login do WordPress, eles serão redirecionados para a página personalizada de redefinição de senha que você acabou de criar acima, em vez do formulário padrão de redefinição de senha do WordPress.

Não se preocupe; é mais fácil do que parece.

Primeiro, vamos instalar o plugin gratuito WPCode WordPress. No seu painel de controlo do WordPress, vá a Plugins " Adicionar novo.

A partir daí, procure WPCode e clique em Instalar agora.

Depois de clicar em Activate (Ativar), é altura de adicionar o nosso código. No seu painel de controlo do WordPress, clique em Code Snippets " + Add Snippet.

Depois de clicar nisso, verá a biblioteca pré-criada com diferentes opções de código que pode escolher. Clique em Usar snippet na opção Adicionar seu código personalizado (novo snippet),

Depois de dar um título ao snippet (optamos por "Página de redefinição de nova senha"), clique no menu suspenso Tipo de código à direita da Visualização de código e selecione Snippet de PHP.

Agora, pode copiar e colar o seguinte código no editor:

Não se esqueça de substituir reset-password no código acima com o slug da sua nova página personalizada de redefinição de senha.

Em seguida, desloque-se para baixo até à secção Inserção, onde pode especificar o método de inserção e a localização. Recomendamos que mantenha a seleção de localização predefinida Executar em todo o lado e Inserção automática para o Método de inserção.

Quando terminar, clique no botão Salvar snippet no canto superior direito. Em seguida, clique no botão de alternância ao lado para ativar o snippet de código.

Excelente! Agora, os utilizadores irão sempre parar à sua página personalizada de reposição da palavra-passe sempre que clicarem na hiperligação da palavra-passe perdida.

Mudar de um formulário padrão de redefinição de senha do WordPress para um formulário de redefinição personalizado do WPForms traz muitos benefícios além da melhoria da marca.

Por exemplo, pode adicionar funcionalidades de proteção contra spam utilizando o anti-spam incorporado no WPForms, juntamente com opções úteis como a definição de um tempo mínimo para submeter um formulário para manter os spambots afastados.

Para mais detalhes, pode seguir o nosso guia para evitar redefinições de palavra-passe não autorizadas no WordPress e eliminar estes pedidos de spam!

E aí está! Agora está pronto para criar e lançar um formulário personalizado de redefinição de senha no WordPress.

Em seguida, personalize sua página de redefinição de senha

Depois de ter incorporado o formulário de redefinição de palavra-passe na sua nova página, vai querer marcá-lo.

Porquê? Ao colocar a marca do seu formulário e página de redefinição de palavra-passe, irá solidificar a noção para o seu cliente de que é uma empresa legítima e aumentar a credibilidade geral da sua marca.

Siga o nosso guia completo para criar e personalizar páginas de formulários no WordPress.

Além disso, poderá querer aprender a personalizar uma página protegida por palavra-passe no WordPress.

Consulte também o nosso guia sobre como personalizar as cores do seu tema WordPress e estilizar os seus formulários para corresponderem às cores da sua marca.

Por último, poderá querer consultar esta lista dos melhores serviços de correio eletrónico transacional.

Crie o seu formulário WordPress agora

Pronto para criar seu formulário? Lembre-se de se inscrever no WPForms Pro, pois ele inclui o addon User Registration, muitos modelos gratuitos e uma garantia de reembolso de 14 dias.

Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.