Como Personalizar o Formulário de Redefinição de Palavra-passe do WordPress

O formulário padrão de redefinição de palavra-passe do WordPress é bastante básico. Cumpre a sua função, mas não é exatamente sinónimo de "profissional" nem corresponde à imagem da sua marca.

Sem uma solução de formulário de palavra-passe personalizado no WordPress, está a perder a oportunidade de manter a consistência da sua marca. Além disso, não pode adicionar instruções úteis ou personalizar as mensagens para orientar os utilizadores durante o processo de redefinição de forma fluida.

É aqui que o complemento WPForms User Registration é útil. Permite-lhe criar um formulário de redefinição de palavra-passe totalmente personalizado que realmente parece pertencer ao seu site.

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

Crie o Seu Formulário Personalizado de Redefinição de Palavra-passe Agora! 🚀

Como Criar um Formulário Personalizado de Redefinição de Palavra-passe no WordPress

Para criar um formulário personalizado de redefinição de palavra-passe, terá de subscrever a versão premium do WPForms. A licença Pro inclui o complemento User Registration, que lhe permite criar formulários personalizados de redefinição de palavra-passe, registo de utilizador e início de sessão para o seu site WordPress. Vamos começar!

Passo 1: Instalar o Plugin WPForms

Primeiro, descarregue e instale o WPForms. Para este tutorial, necessitará da versão pro em vez do WPForms Lite. Se precisar de ajuda, consulte este guia para instalar plugins do WordPress.

Depois de instalar 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 descarregar o plugin, clique no botão Download WPForms ao lado da licença pro. Isto guardará um ficheiro zip do plugin WPForms no seu computador.

Depois de descarregar o seu ficheiro zip, dirija-se ao seu site WordPress onde pretende instalar o WPForms. Em seguida, no painel de administração, clique em Plugins » Adicionar Novo e depois no botão Carregar Plugin.

A partir daqui, clique no botão Escolher Ficheiro e selecione o ficheiro zip do WPForms que acabou de descarregar. Após o carregamento do seu ficheiro, clique no botão Instalar Agora.

Assim que o plugin for instalado, clique no botão Ativar Plugin para ativar o WPForms no seu site. Após ativar o plugin, lembre-se de verificar a sua chave de licença WPForms para receber atualizações automáticas e suporte do plugin.

Adicionar a sua chave de licença também lhe permitirá instalar e ativar facilmente os complementos WPForms a partir do painel do WordPress.

Passo 2: Ativar o Complemento User Registration

Agora que o WPForms está pronto, necessitará do addon User Registration para criar formulários personalizados de redefinição de palavra-passe. Na sua área de administração do WordPress, navegue até WPForms » Addons no menu lateral esquerdo.

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

Para procurar o addon User Registration, digite o seu nome no campo Search Addons localizado no canto superior direito da página.

Assim que o encontrar, clique simplesmente no botão Install Addon.

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

Passo 3: Utilizar o Modelo de Formulário de Redefinição de Palavra-passe

Agora, é hora de construir o seu formulário personalizado de redefinição de palavra-passe no WordPress. Navegue até WPForms » Add New no seu painel para começar a criar o seu novo formulário.

Procure por “Password Reset” na biblioteca de modelos, depois passe o rato sobre a opção User Password Reset Form e clique em Use Template.

Assim que selecionar o modelo, o formulário de redefinição de palavra-passe será carregado no seu ecrã. Este modelo foi concebido especificamente para a funcionalidade de redefinição de palavra-passe e vem com todos os campos essenciais já configurados.

O formulário inclui automaticamente um campo Email onde os utilizadores podem inserir o seu endereço de email registado. Este é o componente central que faz funcionar o processo de redefinição de palavra-passe.

Eu personalizo sempre o título e a descrição do formulário para corresponder à marca do website. Clique no título do formulário no topo para o editar. Poderá alterá-lo do padrão para algo como “Redefinir a sua Palavra-passe” ou “Esqueceu-se da sua Palavra-passe?”

Não é boa ideia adicionar ou remover quaisquer campos deste modelo, pois serve um propósito altamente específico da melhor forma possível. Vejamos as definições do email de redefinição no próximo passo.

Passo 4: Configurar o E-mail de Redefinição de Palavra-passe

Agora é hora de ajustar como funciona o seu processo de redefinição de palavra-passe. Navegue até Settings » User Registration no seu construtor de formulários para aceder a todas as opções de redefinição de palavra-passe.

A primeira coisa que vai querer fazer é ativar a funcionalidade Password Reset. Eu certifico-me sempre de que este interruptor está ligado, caso contrário os seus utilizadores não conseguirão redefinir as suas palavras-passe através do seu formulário personalizado.

Uma vez ativado, pode personalizar a linha de assunto do email de redefinição. O padrão pode funcionar, mas prefiro torná-lo correspondente à voz da minha marca. Algo como “Redefinir a sua Palavra-passe [Nome do Site]” soa mais pessoal do que texto genérico.

Se quiser editar a mensagem do email de redefinição, certifique-se de não remover a smart tag {user_registration_password_reset}. Esta smart tag cria o link de redefinição para o utilizador clicar.

Percorra mais para baixo e verá uma opção para ocultar o seu formulário de redefinição de palavra-passe de utilizadores com sessão iniciada. Se ativar esta opção, pode editar a mensagem a apresentar quando um utilizador com sessão iniciada abrir o formulário.

Excelente! Depois de ter personalizado as definições, certifique-se de que clica em Guardar no topo. No próximo passo, iremos incorporar o formulário numa nova página.

Passo 5: Personalizar a Aparência do Formulário de Redefinição de Palavra-passe

O seu formulário de redefinição de palavra-passe está funcional, mas agora é hora de o tornar apelativo. Um formulário bem concebido gera confiança e faz com que o processo de redefinição pareça mais profissional.

O WPForms tem um assistente de incorporação conveniente 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 a sua aparência diretamente no editor de blocos.

Depois de o seu formulário ter sido guardado, clique no botão Incorporar. Como queremos incorporar o nosso formulário numa nova página de redefinição de palavra-passe, selecionaremos a opção Criar Nova Página .

Dê um nome apropriado à sua página e, em seguida, clique em Vamos a Isso. Depois disso, o WPForms abrirá o editor de blocos do WordPress, onde encontrará o seu formulário de redefinição de palavra-passe incorporado.

Agora, utilize as opções de bloco do WPForms à direita para usar as funcionalidades de estilo do formulário e personalizar os seus rótulos, campos e botões em poucos cliques.

Quando estiver satisfeito com o seu formulário, prossiga e prima Publicar para o lançar. O seu formulário de redefinição de palavra-passe está agora ativo e pronto a usar!

Mas ainda não terminámos. É importante garantir que este formulário é fácil de encontrar para os seus utilizadores, caso necessitem de redefinir a sua palavra-passe. No próximo passo, adicionaremos o formulário de redefinição de palavra-passe à navegação principal do seu site.

Passo 6: Adicionar o Formulário de Redefinição de Palavra-passe 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. Faremos isso adicionando a página do formulário recém-criada à barra de navegação do seu site no topo.

Isto é fácil de fazer. Simplesmente abra o seu painel de controlo do WordPress e vá a Aparência » Menus. Pode já ter um menu de navegação adicionado ao seu site.

Nesse caso, terá apenas de adicionar a página de redefinição de palavra-passe ao menu. Uma vez na tela de Menus, clique no seu formulário de redefinição de palavra-passe na coluna da esquerda e, em seguida, prima Adicionar ao Menu.

Com isto, a página de redefinição de 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. Terá apenas de nomear o seu menu primeiro e, em seguida, premir o botão azul Criar Menu na parte inferior.

Quando tiver feito isso, pode adicionar páginas ao seu menu usando os passos mostrados acima. Aqui está um exemplo de como a navegação se parece para nós:

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

Opcional: Adicionar Redirecionamento ao Formulário Personalizado de Redefinição de Palavra-passe

Se estiver a criar um formulário personalizado para redefinir palavras-passe no seu site, pode ser uma boa ideia criar também um formulário de início de sessão personalizado e com a sua marca para o seu site.

Adicionalmente, certifique-se de adicionar uma redireção para substituir a página de login padrão do WordPress pela nova página personalizada. Mas se a sua página de login padrão ainda estiver acessível, deverá adicionar uma redireção para o formulário de redefinição de palavra-passe.

Desta forma, se um utilizador clicar na ligação "Perdeu a sua palavra-passe?" da página de login do WordPress, será redirecionado para a página personalizada de redefinição de palavra-passe que acabou de criar acima, em vez do formulário padrão de redefinição de palavra-passe do WordPress.

Não se preocupe; é mais fácil do que parece. Primeiro, vamos instalar o plugin gratuito WPCode para WordPress. No seu painel do WordPress, vá para Plugins » Adicionar Novo.

A partir daí, pesquise por WPCode e clique em Instalar Agora.

Depois de clicar em Ativar, é hora de adicionar o nosso código. No seu painel do WordPress, clique em Snippets de Código » + Adicionar Snippet.

Após clicar nisso, verá a biblioteca pré-feita com diferentes opções de código que pode escolher. Clique em Usar Snippet na opção Adicionar o seu Código Personalizado (Novo Snippet),

Depois de ter dado um título ao seu snippet (escolhemos "Nova Página de Redefinição de Palavra-passe"), clique no menu suspenso Tipo de Código à direita da Pré-visualização do Código e selecione Snippet PHP.

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

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

Em seguida, role para baixo até à secção de Inserção, onde pode especificar o método e a localização da inserção.

Recomendo manter a seleção de localização padrão Executar em Todo o Lado e Inserção Automática para o Método de Inserção.

Quando terminar, clique no botão Guardar Snippet no canto superior direito. Em seguida, clique no interruptor ao lado dele para ativar o snippet de código.

Excelente! Agora, os utilizadores serão sempre direcionados para a sua página personalizada de redefinição de palavra-passe sempre que clicarem na ligação de palavra-passe perdida.

Mudar de um formulário padrão de redefinição de palavra-passe do WordPress para um formulário personalizado do WPForms traz-lhe muitos benefícios, além de uma marca melhorada.

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

Para mais detalhes, pode seguir o nosso guia para impedir 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 Palavra-passe

Aqui estão algumas perguntas comuns que recebo sobre a personalização do formulário de redefinição de palavra-passe do WordPress com o WPForms.

Posso personalizar o modelo de e-mail de redefinição de palavra-passe?

Sim, pode personalizar o e-mail de redefinição de palavra-passe que os utilizadores 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.

Eu costumo incluir instruções claras e definir expectativas sobre o que acontece a seguir. Pode usar Etiquetas Inteligentes para personalizar a mensagem com o nome do utilizador ou outros detalhes da sua submissão.

Como posso redirecionar os utilizadores após submeterem o formulário de reposição de palavra-passe?

Tem algumas opções para isto. Vá a Definições » Confirmações no seu construtor de formulários e escolha Mostrar Página ou Ir para URL (Redirecionar).

Muitas vezes redireciono os utilizadores para uma página personalizada de “verifique o seu email” que lhes dá os próximos passos claros. Isto parece mais profissional do que apenas mostrar uma mensagem de sucesso genérica.

Posso adicionar campos adicionais ao formulário de reposição de palavra-passe?

Absolutamente. Embora a reposição básica de palavra-passe necessite apenas de um campo de email, pode adicionar perguntas de segurança, números de telefone ou outros campos de verificação utilizando quaisquer dos tipos de campo disponíveis no WPForms.

Apenas lembre-se que adicionar demasiados campos pode desencorajar os utilizadores de completar o formulário. Tento mantê-lo simples, mas ainda assim obter a verificação de que preciso.

O que acontece se um utilizador introduzir um email que não está registado?

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

Da perspetiva do utilizador, verão a mesma mensagem de confirmação independentemente. Esta é uma funcionalidade de segurança que aprecio muito.

Como posso estilizar o formulário de reposição de palavra-passe para corresponder ao meu tema?

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

Para personalização mais avançada, pode adicionar CSS personalizado ao seu tema. Considero que as opções de estilização integradas tratam da maioria dos casos sem necessidade de código.

Posso desativar a reposição de palavra-passe padrão do WordPress e usar apenas o meu formulário personalizado?

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

Geralmente recomendo manter ambas as opções disponíveis. O seu formulário personalizado de palavra-passe do WordPress pode ser o método principal, enquanto a reposição padrão do WordPress serve como backup para os utilizadores que precisam dela.

Como posso impedir submissões de spam no meu formulário de reposição de palavra-passe?

O WPForms inclui várias funcionalidades anti-spam que pode ativar. Ative o campo Captcha Personalizado ou ative o hCaptcha no separador Definiçõ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 parar a maioria do spam sem frustrar utilizadores reais.

Posso rastrear quantos pedidos de reposição de palavra-passe recebo?

Sim, o WPForms regista automaticamente todas as entradas do formulário, incluindo os pedidos de reposição de palavra-passe. Vá a WPForms » Entradas para ver os detalhes da submissão, datas e informações do utilizador.

Se precisar de análises mais detalhadas, pode ligar o seu formulário ao Google Sheets usando o complemento Google Sheets para rastrear 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 a sua página de reposição de palavra-passe

Depois de ter incorporado o seu formulário de reposição de palavra-passe na sua nova página, irá querer dar-lhe a sua marca.

Porquê? Ao dar a marca ao seu formulário e página de reposição de palavra-passe, 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, pode querer aprender 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 corresponder às cores da sua marca.

Crie o Seu Formulário WordPress Agora

Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.

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