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

Deseja personalizar seu formulário de redefinição de senha do WordPress?

Seja adicionando CSS personalizado ou instalando plugins diferentes, os usuários do WordPress não são estranhos à personalização. Esse é um dos motivos pelos quais o WordPress é tão popular.

Com a criação de um formulário personalizado de redefinição de senha, é possível proporcionar uma experiência de usuário mais sólida, personalizando essas páginas de usuário para que correspondam ao seu tema do WordPress, exibam seu logotipo e ofereçam conteúdo adicional.

Nesta publicação, forneceremos um guia passo a passo para personalizar o formulário de redefinição de senha do WordPress.

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

Como faço para redefinir minha senha do WordPress?

Você pode redefinir sua senha do WordPress usando o link de senha perdida no WordPress. Isso lhe enviará um e-mail com um link no qual você poderá clicar para redefinir sua senha.

Para melhorar a experiência do usuário, um formulário de redefinição personalizado permite ajustar a aparência e o conteúdo da notificação por e-mail. 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 a 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 complemento 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 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 instalar o plug-in, faça login na sua conta do WPForms e clique na guia Downloads.

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

Depois de fazer o download do arquivo zip, vá para o site do WordPress onde deseja instalar o WPForms. Em seguida, no painel de administração, clique em Plugins " Add New e, depois, no botão Upload Plugin.

A partir daí, clique no botão Choose File (Escolher arquivo) e selecione o arquivo zip do WPForms que você acabou de baixar.

Depois que o arquivo for carregado, clique no botão Install Now (Instalar agora).

Depois que o plug-in for instalado, clique no botão Ativar plug-in para ativar o WPForms em seu site.

Depois de ativar o plug-in, lembre-se de verificar sua chave de licença do WPForms para receber atualizações automáticas e suporte ao plug-in. Adicionar sua chave de licença também permitirá que você instale e ative facilmente os complementos do WPForms de dentro do painel do WordPress.

2. Instale o complemento de registro de usuário

Agora, instalaremos o complemento necessário para criar os formulários de redefinição de senha.

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

Se você não vir nenhum complemento para o seu nível de licença, clique no botão Refresh Addons para forçar uma atualização.

Para procurar um complemento de registro de usuário, digite o nome dele no campo Search Addons (Pesquisar complementos ) localizado no canto superior direito da página.

Depois de encontrá-lo, basta clicar no botão Install Addon.

Isso instalará e ativará automaticamente o addon para você. Qualquer addon instalado e pronto para uso mostrará Status: Active.

3. Use o modelo de formulário de redefinição de senha

Para criar seu formulário de redefinição de senha, vá para WPForms " Add New. Procure por "Password Reset" na biblioteca de modelos, passe o mouse sobre a opção User Password Reset Form (Formulário de redefinição de senha do usuário) e clique em Use Template (Usar modelo).

Depois de selecionar o modelo, o formulário de redefinição de senha será carregado na tela.

Em seguida, você pode personalizar o formulário de redefinição de senha adicionando quantos campos desejar. Você pode até mesmo alterar o texto do botão Enviar.

Não é uma boa ideia adicionar ou excluir nenhum campo desse modelo, pois ele atende a uma finalidade altamente específica da maneira ideal.

Vamos dar uma olhada nas configurações de redefinição de e-mail na próxima etapa.

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

Para personalizar o e-mail de solicitação de redefinição de senha, clique em Settings (Configurações ) na barra lateral e, em seguida, clique no menu User Registration (Registro de usuário ).

Aqui, você pode personalizar o assunto e a mensagem do e-mail de redefinição ou usar a mensagem padrão como está.

Se você quiser editar a mensagem de e-mail de redefinição, certifique-se de não remover o {user_registration_password_reset} tag inteligente. Essa tag inteligente cria o link de redefinição para o usuário clicar.

Role mais para baixo e verá uma opção para ocultar o formulário de redefinição de senha dos usuários conectados. Se você ativar essa opção, poderá editar a mensagem a ser exibida quando um usuário conectado abrir o formulário.

Excelente!

Depois de personalizar as configurações, não se esqueça de clicar em Save (Salvar ) na parte superior.

Na próxima etapa, incorporaremos o formulário em uma 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 permite que você coloque seu formulário em uma página nova ou existente diretamente do construtor de formulários.

Depois que o formulário for salvo, 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 Create New Page (Criar nova página ).

Dê um nome apropriado à sua página e clique em Let's Go (Vamos lá).

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

Antes de publicar o formulário, você pode fazer algumas personalizações de estilo incríveis aqui.

Basta usar as opções de bloco do 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 formulário, pressione Publish para iniciá-lo.

Seu formulário de redefinição de senha já está ativo e pronto para ser usado!

Mas ainda não terminamos. É importante garantir que esse formulário seja fácil de ser encontrado pelos usuários, caso eles precisem redefinir a senha.

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

6. Adicionar formulário de redefinição de senha ao menu de navegação

É uma boa prática tornar a página de redefinição de senha fácil de encontrar para seus usuários.

Faremos isso adicionando a página de formulário recém-criada à barra de navegação de seu site na parte superior.

Isso é fácil de fazer. Basta abrir o painel do WordPress e ir para Appearance " Menus.

Talvez você já tenha um menu de navegação adicionado ao seu site. Nesse caso, basta adicionar a página de redefinição de senha ao menu.

Quando estiver na tela Menus, clique no formulário de redefinição de senha na coluna da esquerda e pressione Add to Menu (Adicionar ao menu).

Com isso, a página de redefinição de senha será adicionada à pilha de páginas atualmente em seu menu à direita.

Pressione o botão Save Menu para atualizá-lo.

O processo para criar um menu pela primeira vez é quase semelhante. Você só precisa dar um nome ao menu primeiro e, em seguida, pressionar o botão azul Create Menu (Criar menu) na parte inferior.

Depois de fazer isso, você pode adicionar páginas ao seu menu usando as etapas mostradas acima.

Aqui está um exemplo de como a navegação se parece para nós:

Tudo o que precisamos fazer agora é adicionar um redirecionamento para que os visitantes que tentarem acessar a página padrão de redefinição do WordPress sejam automaticamente redirecionados para a nova página personalizada de redefinição de senha.

Opcional: Adicionar redirecionamento ao formulário personalizado de redefinição de senha

Se você estiver criando um formulário personalizado para redefinir senhas em seu site, talvez seja uma boa ideia criar também um formulário de login personalizado com a marca do seu site, juntamente com um redirecionamento para substituir a página de login padrão do WordPress pela nova página personalizada.

Mas se a página de login padrão ainda estiver acessível, você deverá adicionar um redirecionamento para o formulário de redefinição de senha.

Dessa forma, se um usuário 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 plug-in gratuito do WPCode para WordPress. Em seu painel do WordPress, vá para Plugins " Add New.

A partir daí, pesquise WPCode e clique em Install Now (Instalar agora).

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

Depois de clicar nisso, você verá a biblioteca pré-fabricada com diferentes opções de código que você pode escolher. Clique em Use Snippet na opção Add Your Custom Code (New Snippet),

Depois de dar um título ao snippet (escolhemos "New Password Reset Page"), clique no menu suspenso Code Type (Tipo de código) à direita da Code Preview (Visualização de código) e selecione PHP Snippet.

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

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

Em seguida, role para baixo até a seção Inserção, onde é possível especificar o método e o local de inserção. Recomendamos manter a seleção de local padrão Run Everywhere (Executar em todos os lugares ) e Auto Insert (Inserção automática ) para o Insert Method (Método de inserção).

Quando terminar, clique no botão Save Snippet (Salvar snippet ) no canto superior direito. Em seguida, clique no botão de alternância próximo a ele para ativar o snippet de código.

Excelente! Agora, os usuários sempre chegarão à sua página personalizada de redefinição de senha sempre que clicarem no link de senha 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 de melhorar a marca.

Por exemplo, você pode adicionar recursos de proteção contra spam usando o antispam integrado do WPForms, juntamente com opções úteis, como definir um tempo mínimo para enviar um formulário para manter os spambots afastados.

Para obter mais detalhes, você pode seguir nosso guia para evitar redefinições de senha não autorizadas no WordPress e eliminar essas solicitações de spam!

E aí está! Agora você 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 incorporar o formulário de redefinição de senha à sua nova página, você deverá marcá-lo.

Por quê? Ao marcar o formulário e a página de redefinição de senha, você solidificará a noção para o cliente de que é uma empresa legítima e aumentará a credibilidade geral da sua marca.

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

Além disso, talvez você queira saber como personalizar uma página protegida por senha no WordPress.

Confira também nosso guia sobre como personalizar as cores do tema do WordPress e estilizar seus formulários para que correspondam às cores de sua marca.

Por fim, talvez você queira dar uma olhada nesta lista dos melhores serviços de e-mail transacional.

Crie seu formulário WordPress agora

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

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