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

O formulário padrão de redefinição de senha do WordPress é bastante básico. Dá conta do recado, mas não é exatamente "profissional" ou não combina com a aparência da sua marca.

Sem uma solução WordPress de formulário de senha personalizada, você está perdendo a oportunidade de manter a consistência da marca intacta. Além disso, não pode adicionar instruções úteis ou personalizar as mensagens para guiar os utilizadores através do processo de reposição sem problemas.

É aí que o addon WPForms User Registration vem a calhar. Ele permite criar um formulário de redefinição de senha totalmente personalizado que realmente parece pertencer ao seu site.

Pode combinar as cores, os tipos de letra e o design geral do seu site, ao mesmo tempo que fornece instruções claras e úteis. Por isso, sem mais demoras, siga os passos deste guia para personalizar o seu formulário de redefinição de palavra-passe do WordPress!

Crie seu formulário personalizado de redefinição de senha agora! 🚀

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 começar!

Passo 1: Instalar o plugin 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 plugin, faça login na sua conta WPForms e clique na aba 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. Isto irá guardar um ficheiro 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 descarregar. Depois de carregar o seu 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. Depois de ativar o plugin, lembre-se de verificar sua chave de licença do WPForms para receber atualizações automáticas e suporte ao plugin.

A adição da 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.

Passo 2: Ativar a extensão de registo do utilizador

Agora que o WPForms está pronto para ser usado, você precisará do complemento User Registration para criar formulários personalizados de redefinição de senha. 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 o addon 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.

Passo 3: Utilizar o modelo de formulário de reposição de palavra-passe

Agora, é hora de criar seu formulário de senha personalizado no WordPress. Vá para WPForms " Adicionar novo no seu painel para começar a criar seu novo formulário.

Procure "Password Reset" na biblioteca de modelos e, em seguida, passe o cursor sobre a opção Formulário de reposição da palavra-passe do utilizador e clique em Utilizar modelo.

Depois de selecionar o modelo, o formulário de reposição da palavra-passe será carregado no seu ecrã. Este modelo foi concebido especificamente para a funcionalidade de reposição da palavra-passe e inclui todos os campos essenciais já configurados.

O formulário inclui automaticamente um campo E-mail onde os utilizadores podem introduzir o seu endereço de e-mail registado. Este é o componente principal que faz com que o processo de reposição da palavra-passe funcione.

Eu sempre personalizo o título e a descrição do formulário para que correspondam à marca do site. Clique no título do formulário na parte superior para editá-lo. Pode alterá-lo do padrão para algo como "Redefinir sua senha" ou "Esqueceu sua senha?"

Não é uma boa ideia adicionar ou eliminar quaisquer campos deste modelo, porque serve um objetivo altamente específico da melhor forma. Vamos ver as definições de reposição do correio eletrónico no passo seguinte.

Etapa 4: Configurar o e-mail de redefinição de senha

Agora é hora de ajustar o funcionamento do processo de redefinição de senha. Vá para Configurações " Registro de usuário no seu construtor de formulários para acessar todas as opções de redefinição de senha.

A primeira coisa que deve fazer é ativar a funcionalidade de redefinição de palavra-passe. Certifico-me sempre de que esta opção está activada, caso contrário os utilizadores não poderão redefinir as respectivas palavras-passe através do formulário personalizado.

Depois de activada, pode personalizar a linha de assunto do e-mail de reposição. O padrão pode funcionar, mas eu prefiro que ele corresponda à voz da minha marca. Algo como "Redefinir sua senha [nome do site]" parece mais pessoal do que um texto genérico.

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 configurações, certifique-se de clicar em Salvar na parte superior. No próximo passo, vamos incorporar o formulário numa nova página.

Etapa 5: Personalizar a aparência do formulário de redefinição de senha

O seu formulário de redefinição de palavra-passe é funcional, mas agora é altura de lhe dar um aspeto fantástico. Um formulário bem concebido cria confiança e faz com que o processo de redefinição pareça mais profissional.

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, e depois pode personalizar o seu aspeto diretamente no editor de blocos.

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 apropriado à sua página e clique em Let's Go. Depois disso, o WPForms abrirá o editor de blocos do WordPress, onde você encontrará seu formulário de redefinição de senha incorporado.

Agora, use 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, vá em frente e prima Publicar para o lançar. O seu formulário de redefinição de palavra-passe está agora ativo 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.

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

É uma boa prática tornar a sua página de redefinição de palavra-passe fácil de encontrar para os seus utilizadores. Para isso, adicione 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. No ecrã Menus, clique no formulário de reposiçã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 a 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. Aqui está 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 Web site, poderá ser uma boa ideia criar também um formulário de início de sessão personalizado com a marca do seu Web site.

Além disso, certifique-se de que adiciona 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 reposiçã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.

Recomendo 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!

Perguntas frequentes sobre como personalizar o formulário de redefinição de senha

Aqui estão algumas perguntas comuns que recebo sobre como personalizar o formulário de redefinição de senha do WordPress com o WPForms.

Posso personalizar o modelo de correio eletrónico de redefinição da palavra-passe?

Sim, é possível personalizar o e-mail de redefinição de senha que os usuários recebem. Nas definições de Notificações do seu formulário, pode modificar a linha de assunto, o conteúdo do e-mail e até adicionar a sua própria marca.

Normalmente, incluo instruções claras e defino expectativas sobre o que acontece a seguir. Pode utilizar etiquetas inteligentes para personalizar a mensagem com o nome do utilizador ou outros detalhes da sua submissão.

Como redirecionar os utilizadores depois de enviarem o formulário de redefinição da palavra-passe?

Existem algumas opções para isso. Vá para Configurações " Confirmações no seu construtor de formulários e escolha Mostrar página ou Ir para URL (Redirecionar).

Muitas vezes, redirecciono os utilizadores para uma página personalizada "verifique o seu e-mail" que lhes dá passos claros a seguir. Isto parece mais profissional do que mostrar apenas uma mensagem de sucesso genérica.

Posso acrescentar campos adicionais ao formulário de redefinição da palavra-passe?

Com certeza. Embora a redefinição de senha básica precise apenas de um campo de e-mail, é possível adicionar perguntas de segurança, números de telefone ou outros campos de verificação usando qualquer um dos tipos de campo disponíveis no WPForms.

Lembre-se que adicionar demasiados campos pode desencorajar os utilizadores de preencherem o formulário. Tento mantê-lo simples, mas sem deixar de obter a verificação de que necessito.

O que acontece se um utilizador introduzir um e-mail que não está registado?

O addon Registo de utilizadores tratará disto automaticamente. Se alguém introduzir um e-mail que não existe na sua base de dados de utilizadores, não receberá um e-mail de reposição, mas também não receberá uma mensagem de erro (isto evita que as pessoas procurem endereços de e-mail válidos).

Do ponto de vista do utilizador, este verá sempre a mesma mensagem de confirmação. Esta é uma funcionalidade de segurança que aprecio muito.

Como posso estilizar o formulário de redefinição de palavra-passe de forma a corresponder ao meu tema?

O WPForms dá-lhe várias opções de estilo diretamente no construtor de formulários. Clique no seu formulário incorporado no editor de páginas para aceder ao painel de estilo, onde pode escolher entre temas pré-criados ou personalizar cores, tipos de letra e espaçamento.

Para uma personalização mais avançada, pode adicionar CSS personalizado ao seu tema. Considero que as opções de estilo incorporadas resolvem a maioria dos casos sem necessidade de código.

Posso desativar a reposição da palavra-passe predefinida do WordPress e utilizar apenas o meu formulário personalizado?

Sim, mas isso requer algum trabalho técnico. Terá de adicionar código personalizado ao ficheiro functions.php do seu tema para substituir o comportamento de reposição de palavra-passe predefinido do WordPress.

Normalmente, recomendo manter ambas as opções disponíveis. O seu formulário de palavra-passe personalizado do wordpress pode ser o método principal, enquanto a reposição predefinida do WordPress serve de cópia de segurança para os utilizadores que dela necessitem.

Como posso evitar envios de spam no meu formulário de redefinição de palavra-passe?

O WPForms inclui várias funcionalidades anti-spam que pode ativar. Ative o campo Captcha personalizado ou ative o hCaptcha na guia Configurações " Geral do seu formulário.

Também pode limitar as submissões de formulários por endereço IP ou ativar a funcionalidade honeypot. Descobri que estes métodos funcionam bem em conjunto para impedir a maior parte do spam sem frustrar os utilizadores reais.

Posso controlar o número de pedidos de reposição de palavra-passe que recebo?

Sim, o WPForms regista automaticamente todas as entradas de formulários, incluindo pedidos de reposição de palavra-passe. Vá para WPForms " Entradas para ver detalhes de envio, datas e informações do usuário.

Se precisar de análises mais detalhadas, pode ligar o seu formulário ao Google Sheets utilizando o suplemento do Google Sheets para seguir padrões ao longo do tempo. Isto ajuda-me a detetar atividade invulgar ou a identificar se os utilizadores estão a ter problemas com partes específicas do processo.

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ário no WordPress. Além disso, talvez queira saber como 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.

Crie o seu formulário Wordpress agora

Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece 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.