Como Personalizar a Página de Redefinição de Senha do WordPress

As primeiras impressões importam – até mesmo na sua página de redefinição de senha. ✨

Ao testar as opções de personalização do WordPress, descobrimos que uma página de redefinição de senha bem projetada pode melhorar a aparência profissional do seu site e a experiência do usuário.

Passamos um tempo testando vários métodos para personalizar a página de redefinição do WordPress em nossos ambientes de demonstração, comparando diferentes abordagens para encontrar as soluções mais práticas.

Esta pesquisa revelou várias maneiras eficazes de aplicar a marca e melhorar essa parte frequentemente negligenciada do seu site.

Neste guia, compartilharemos os métodos mais confiáveis que descobrimos para personalizar sua página de redefinição de senha do WordPress.

Por que personalizar a página de redefinição de senha no WordPress?

A principal razão para personalizar sua página de senha esquecida é fornecer uma experiência de usuário melhor e mais profissional.

Isso é especialmente importante se você administra uma loja de eCommerce ou um site de associação onde os clientes interagem diretamente com essas páginas.

Por padrão, o WordPress exibe seu próprio logotipo e marca. Embora isso seja bom para um site onde apenas você e sua equipe fazem login, pode parecer pouco profissional para os clientes e quebrar a consistência do design do seu site.

Criar uma página personalizada permite que você substitua a marca padrão pela sua. Você pode combinar o design do seu site, adicionar seu logotipo e até incluir conteúdo extra útil para gerar mais confiança com seus usuários.

Você pode já ter seguido nossos outros guias sobre como adicionar um formulário de registro de usuário personalizado e uma página de login.

Agora, vamos ver como personalizar a página de redefinição de senha. Basta usar os links rápidos abaixo para ir direto para o método que você deseja usar:

Método 1: Personalizando a Página de Redefinição de Senha Usando Formidable Forms (Fácil)

Para uma solução direta, o Formidable Forms permite substituir a página padrão de redefinição de senha do WordPress usando um shortcode simples, tornando-o muito amigável para iniciantes.

Você também pode adicionar seu próprio conteúdo ao redor, como texto, imagens e outros elementos usando o editor de posts padrão do WordPress.

No entanto, lembre-se de que este método não permite editar completamente o formulário de redefinição de senha em si.

Durante nossa pesquisa, descobrimos que o Formidable Forms é confiável por mais de 300.000 sites e tem uma avaliação de 4,7/5 estrelas no WordPress.org.

Para saber mais, consulte nossa análise do Formidable Forms.

Passo 1: Instale o Formidable Forms e o Addon

Primeiro, você precisa instalar a versão gratuita do plugin. No seu painel do WordPress, navegue até Plugins » Adicionar Novo e pesquise por ‘Formidable Forms’. Instale e ative o plugin.

Para desbloquear os recursos de registro de usuário, você precisará da versão premium. Após comprá-la, você pode instalar o arquivo do plugin Formidable Forms Pro (geralmente baixado da sua conta Formidable Forms) e ativá-lo junto com a versão gratuita.

Para saber mais, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Depois de fazer isso, vá para a página Formidable Forms » Configurações Globais no seu painel e selecione ‘Clique para inserir uma chave de licença manualmente’.

Você pode encontrar a chave de licença em sua conta no site do Formidable Forms. Após inserir essas informações, prossiga e clique no botão ‘Salvar Licença’.

Em seguida, você deve instalar o add-on de Registro de Usuário indo para Formidable » Add-Ons. Nesta tela, encontre o add-on de Registro de Usuário e clique em seu botão de ‘Instalar’ .

Passo 2: Crie a Página Personalizada

Agora você está pronto para criar uma página personalizada de redefinição de senha indo para Páginas » Adicionar Nova.

Para começar, dê um título à página e clique no botão +. No pop-up que aparecer, comece a digitar 'Shortcode'.

Simplesmente clique no bloco correto para adicioná-lo à página.

Agora você pode adicionar o seguinte shortcode: [frm-reset-password].

Neste ponto, você pode adicionar qualquer outro conteúdo que desejar exibir na página de redefinição de senha.

Passo 3: Publique e Configure a Página

Quando estiver satisfeito com o layout da página, clique no botão 'Publicar' para torná-la ativa.

Finalmente, você precisa dizer ao WordPress para usar esta página em vez da página padrão de redefinição de senha. Para fazer isso, vá para Formidable » Configurações Globais e clique na aba 'Registro' no menu.

A partir daqui, abra o menu suspenso 'Página de Redefinição de Senha' e escolha a página que você acabou de criar.

Não se esqueça de clicar no botão 'Atualizar' no topo da tela para salvar suas configurações.

Agora você pode visitar seu site WordPress para ver a página personalizada de redefinição de senha em ação.

Método 2: Personalize Todas as Páginas de Membros Usando 'Theme My Login' (Grátis)

Para proporcionar uma experiência de usuário consistente, é uma boa ideia usar a mesma estilização em todas as suas páginas de associação.

Um plugin gratuito popular com mais de 60.000 instalações ativas, o Theme My Login aplica a estilização do seu tema a todas as páginas de associação para um visual consistente.

Não é a solução mais personalizável, mas todas as suas páginas usarão o tema do seu WordPress.

Passo 1: Instale o Plugin

A primeira coisa que você precisa fazer é instalar e ativar o plugin Theme My Login. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Ao ser ativado, o Theme My Login cria automaticamente URLs para suas telas personalizadas de login, logout, registro, recuperação de senha e redefinição de senha. Você pode ver essas URLs acessando a página Theme My Login » Geral.

Para substituir qualquer uma dessas páginas, você simplesmente precisa criar uma nova página e atribuir a ela o slug de URL específico que o Theme My Login espera (por exemplo, 'login' para a página de login).

Passo 2: Crie uma Nova Página e Adicione o Shortcode

Para criar uma página personalizada de redefinição de senha no WordPress, vá para Página » Adicionar Nova. Aqui, clique no ícone de ‘+’ e comece a digitar ‘Shortcode’.

Quando o bloco correto aparecer, clique nele para adicioná-lo à página.

Dentro do bloco, adicione o seguinte shortcode:

[theme-my-login action="lostpassword"]

Agora você pode adicionar qualquer conteúdo extra que desejar exibir na página de redefinição de senha, como seu logotipo.

Passo 3: Salve e Edite Rapidamente a Página

Quando estiver satisfeito com a configuração da página, clique em ‘Salvar rascunho’.

Depois disso, vá para Páginas » Todas as Páginas e encontre a página de redefinição de senha que você acabou de criar.

Simplesmente passe o mouse sobre a página e clique no botão ‘Edição Rápida’ quando ele aparecer.

Passo 4: Defina o Slug e Publique

No campo ‘Slug’, digite ‘lostpassword’.

Depois disso, abra o menu suspenso ‘Status’ e selecione ‘Publicado’.

Com isso feito, prossiga e clique em ‘Atualizar’. Agora, se você visitar seu blog WordPress, verá a página de recuperação de senha no ar.

Para substituir as outras páginas de associação integradas do WordPress, você pode seguir o mesmo processo. Apenas certifique-se de usar o slug de URL e o shortcode corretos para cada página:

• Página de Login: Use o slug login e o shortcode [theme-my-login].
• Página de Logout: Use o slug logout e o shortcode [theme-my-login action="logout"].
• Página de Registro: Use o slug register e o shortcode [theme-my-login action="register"].
• Página de Redefinição de Senha: Use o slug resetpass e o shortcode [theme-my-login action="resetpass"].

Método 3: Crie uma Página de Redefinição de Senha Usando WPForms (Completamente Personalizável)

O WPForms é a opção mais flexível para criar formulários personalizados de redefinição de senha. Seu editor intuitivo de arrastar e soltar permite que você crie formulários totalmente personalizados sem escrever nenhum código.

Ele inclui um modelo integrado de Formulário de Redefinição de Senha de Usuário que você pode facilmente personalizar com seu próprio texto, imagens e marca. Você também pode adicionar ou remover campos para coletar exatamente as informações que precisa dos usuários.

Com mais de 6 milhões de instalações ativas, o WPForms é confiável por um grande número de sites WordPress e é altamente avaliado no WordPress.org.

No WPBeginner, nós o usamos para criar nossas pesquisas anuais e formulários de contato e descobrimos que ele é super amigável para iniciantes. Para detalhes, veja nossa análise do WPForms.

Passo 1: Instale o WPForms e o Addon

A primeira coisa que você precisa fazer é instalar e ativar o plugin WPForms. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, vá para WPForms » Configurações e insira sua chave de licença. Você pode encontrar essas informações em sua conta no site do WPForms.

Após inserir a chave de licença, você precisará instalar o addon de Registro de Usuário, que permite criar formulários personalizados de registro de usuário, redefinição de senha e login para o seu site.

No painel, vá para WPForms » Addons e encontre o Addon de Registro de Usuário.

Simplesmente clique em ‘Instalar Addon’ para baixá-lo e, em seguida, clique em ‘Ativar’ para torná-lo ativo.

Passo 2: Crie o Formulário a Partir de um Modelo

Agora você está pronto para criar seu próprio formulário personalizado de redefinição de senha indo para a página WPForms » Adicionar Novo. Aqui, digite um título para o novo formulário.

Com isso feito, role até o modelo ‘Formulário de Redefinição de Senha do Usuário’ e clique no botão ‘Usar Modelo’.

O WPForms carregará agora o modelo de Formulário de Redefinição de Senha do Usuário.

Para personalizar qualquer campo com seu próprio texto, rótulo ou descrição, basta clicar para selecioná-lo e, em seguida, usar as configurações no menu do lado esquerdo.

Por exemplo, o modelo tem um botão ‘Enviar’. Para mostrar um rótulo de botão diferente, basta clicar para selecionar o campo e, em seguida, digitar uma nova mensagem em ‘Texto do Botão Enviar’.

Você também pode alterar o que acontece quando um usuário envia sua solicitação de redefinição de senha indo para Configurações » Confirmações.

Aqui, abra o menu suspenso ‘Tipo de Confirmação’ e escolha se deseja redirecionar o usuário para uma página ou URL diferente ou simplesmente exibir uma mensagem pedindo para verificar a caixa de entrada para um e-mail de redefinição de senha.

Você também pode personalizar a mensagem digitando-a no pequeno editor de texto. Por exemplo, você pode lembrar os usuários de verificar suas pastas de spam.

Quando estiver satisfeito com a configuração do formulário, clique no botão ‘Salvar’ no canto superior direito da tela.

Passo 3: Incorpore o Formulário em uma Nova Página

Para substituir a página padrão de redefinição de senha do WordPress, você criará uma nova página para o seu formulário. Em uma etapa posterior, você definirá o slug desta página como 'lostpassword'.

A maneira mais fácil de fazer isso é clicar no botão ‘Incorporar’ no editor do WPForms e selecionar ‘Criar Nova Página’.

Agora, digite um título para a nova página. Você alterará o slug em uma etapa posterior, portanto, pode usar o que quiser.

Com isso feito, clique em ‘Vamos Lá’.

Isso o levará ao editor de páginas do WordPress, onde o formulário já foi adicionado à nova página. Agora você pode fazer quaisquer alterações nesta página, como adicionar mais texto, um logotipo personalizado ou categorias e tags.

Quando estiver satisfeito com a aparência da página, clique no botão ‘Salvar rascunho’.

Passo 4: Defina o Slug e Publique

Depois disso, vá para Páginas » Todas as Páginas e encontre a página de redefinição de senha que você acabou de criar.

Aqui, clique no botão ‘Edição Rápida’.

No campo ‘Slug’, digite ‘lostpassword’.

Depois disso, abra o menu suspenso ‘Status’ e selecione ‘Publicado’.

Agora, você precisa dizer ao WPForms para usar esta nova página como sua página personalizada de redefinição de senha.

Passo 5: Instalar e Ativar o WPCode

Agora, você precisa garantir que o link padrão 'Esqueceu sua senha?' no formulário de login do WordPress aponte para sua nova página personalizada. A maneira mais fácil de fazer isso é usando o plugin gratuito WPCode.

O WPCode é o melhor plugin de snippets de código usado por mais de 2 milhões de sites WordPress. Ele facilita a adição de código personalizado no WordPress sem ter que editar o arquivo functions.php.

Com o WPCode, até mesmo iniciantes podem editar o código de seu site sem arriscar erros e digitações que podem causar muitos erros comuns do WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o plugin gratuito WPCode. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Passo 6: Criar um Novo Snippet

Ao ativar, acesse Snippets de Código » Adicionar Snippet.

Aqui, você encontrará trechos prontos que permitem fazer upload de tipos de arquivo adicionais para o WordPress, desativar páginas de anexos, desativar completamente os comentários e muito mais.

Simplesmente passe o mouse sobre ‘Adicionar Seu Código Personalizado’ e clique em ‘Usar snippet’ quando ele aparecer.

Para começar, digite um título para o snippet de código personalizado. Pode ser qualquer coisa que ajude você a identificar o snippet no painel do WordPress.

Depois disso, abra o menu suspenso ‘Tipo de Código’ e selecione ‘Trecho PHP’.

No editor de código, adicione o seguinte snippet de código:

add_filter( 'lostpassword_url', 'my_lostpassword_url' );
function my_lostpassword_url() {
return site_url('/lostpassword/');
}

Em seguida, role até a seção ‘Inserção’. O WPCode pode adicionar código a diferentes locais, como após cada postagem, apenas no frontend ou apenas no administrador.

Para usar o código PHP personalizado em todo o seu site, blog ou loja WooCommerce, clique em ‘Inserção Automática’ se ainda não estiver selecionado. Em seguida, abra o menu suspenso ‘Localização’ e escolha ‘Executar em Todos os Lugares’.

Depois disso, você está pronto para rolar até o topo da tela e clicar no alternador ‘Inativo’ para mudá-lo para ‘Ativo’.

Passo 7: Ativar o Snippet

Finalmente, clique em ‘Salvar Snippet’ para tornar o snippet PHP ativo.

Agora, tente visitar a tela de login integrada do WordPress.

Se você clicar no link ‘Perdeu sua senha?’, você será redirecionado para a página personalizada de redefinição de senha que acabou de criar.

Dependendo de como seu site está configurado, você pode precisar atualizar os links de redefinição de senha em outras páginas.

Se você criou uma página de login personalizada para o WordPress usando um plugin como o WPForms, também recomendamos adicionar o novo link de redefinição de senha a este formulário.

Melhores Práticas para Sua Página Personalizada de Redefinição de Senha

Sua página de redefinição de senha deve ser simples, confiável e fácil de confiar. Se os usuários não conseguirem redefinir suas senhas rapidamente, eles podem abandonar seu site completamente.

É por isso que é importante testar tudo e manter a experiência clara. Aqui estão as melhores práticas que você deve seguir:

• Teste Tudo Após a Configuração: Certifique-se de que o link "Esqueceu sua senha?" funcione corretamente e que os usuários recebam o e-mail de redefinição sem problemas.
• Mantenha a Consistência da Sua Marca: Use seu logotipo, cores e fontes para que a página pareça parte do seu site, não uma tela padrão do WordPress.
• Mantenha a Página Simples e Focada: Evite distrações. O objetivo é ajudar os usuários a redefinir suas senhas rapidamente e sem confusão.
• Certifique-se de que os E-mails Sejam Entregues Corretamente: Use um plugin SMTP como o WP Mail SMTP para evitar que os e-mails de redefinição vão para as pastas de spam.
• Verifique a Segurança Geral do Seu Site: Use senhas fortes e limite as tentativas de login para reduzir o risco de ataques.
• Atualize Links Antigos de Redefinição de Senha: Substitua quaisquer links padrão de redefinição do WordPress em menus, formulários ou e-mails pela sua nova página personalizada.

Quando você acerta esses pontos básicos, torna muito mais fácil para os usuários recuperarem o acesso – e evita solicitações de suporte desnecessárias.

Perguntas Frequentes Sobre a Personalização da Página de Redefinição de Senha do WordPress

Aqui estão algumas perguntas que nossos leitores fizeram com frequência sobre a personalização da página de redefinição de senha do WordPress:

Como criar uma página de "esqueci a senha" no WordPress?

Você pode criar uma página personalizada de "esqueci a senha" usando um plugin construtor de páginas como o SeedProd. Ele permite que você crie uma página de redefinição amigável e a vincule ao seu formulário de login.

Como personalizar uma página de login do WordPress?

Você pode personalizar sua página de login do WordPress com o SeedProd usando seu construtor de arrastar e soltar. Ele permite que você altere o layout, adicione seu logotipo e combine o design com sua marca.

Para mais informações, veja nosso tutorial sobre como criar uma página de login personalizada no WordPress.

Onde as senhas são armazenadas no WordPress?

O WordPress armazena senhas no banco de dados, especificamente na tabela wp_users. Elas são criptografadas (hashed), portanto, não são salvas como texto simples.

Como redefinir a senha do WordPress sem e-mail?

Você pode redefinir sua senha do WordPress sem e-mail acessando seu banco de dados através do phpMyAdmin ou usando o painel de controle da sua hospedagem. A partir daí, você pode atualizar manualmente a senha.

Para instruções detalhadas, dê uma olhada em nosso guia sobre como redefinir uma senha do WordPress a partir do phpMyAdmin.

Como criar um site com uma página protegida por senha?

Você pode criar uma página protegida por senha usando o MemberPress configurando regras de acesso. Isso permite que você restrinja o conteúdo para que apenas usuários logados ou inscritos possam visualizá-lo.

Para começar, você pode consultar nosso guia sobre como proteger com senha uma página ou postagem no WordPress.

Guias Especializados sobre Personalização de Páginas do WordPress

Esperamos que este tutorial tenha ajudado você a aprender como personalizar a página de redefinição de senha do WordPress. Você também pode querer ver alguns tutoriais sobre como melhorar a segurança de login do WordPress:

• Como Criar uma Página de Login Personalizada do WordPress (Guia Definitivo)
• Como e por que você deve limitar as tentativas de login no WordPress
• Dicas Essenciais para Proteger sua Área de Administrador do WordPress
• Como Adicionar Perguntas de Segurança à Tela de Login do WordPress
• Como Adicionar uma URL de Login Personalizada no WordPress (Passo a Passo)

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.