Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como permitir que os usuários ocultem/mostrem senhas na tela de login do WordPress

Nota editorial: Ganhamos uma comissão de links de parceiros no WPBeginner. As comissões não afetam as opiniões ou avaliações de nossos editores. Saiba mais sobre Processo editorial.

Deseja permitir que os usuários ocultem ou mostrem suas senhas nas várias telas de login do seu site WordPress?

O WordPress adiciona automaticamente um botão mostrar/ocultar senha à página de login padrão. No entanto, talvez você queira adicionar um botão ocultar/mostrar senha a outras telas de login, principalmente se você tiver um site de associação ou uma loja on-line.

Neste artigo, mostraremos como você pode permitir que os usuários ocultem/exibam suas senhas em diferentes telas de login do WordPress.

How to allow users to hide/show passwords on WordPress login screen

O que é o botão Ocultar/Mostrar senha na tela de login do WordPress?

Proteger seu site com uma senha longa e complexa tornará mais difícil para as pessoas invadirem seu site WordPress.

No entanto, há muitas maneiras diferentes de as pessoas tentarem roubar sua senha. Às vezes, o simples uso de uma senha forte não é suficiente para manter seu site seguro.

É aqui que entra o recurso de ocultar/mostrar senha.

Se você acessar o URL de login do WordPress e começar a digitar sua senha, perceberá que o WordPress mascara sua senha por padrão. Cada número, letra ou símbolo que você digita no campo “Senha” é mostrado como um ponto.

The hide/show password field on the WordPress login page

Mesmo que alguém esteja observando a tela enquanto você digita, essa pessoa não poderá ver a sua senha. Isso é particularmente importante se você estiver fazendo login no seu blog WordPress em um local público, como uma biblioteca.

No entanto, às vezes pode ser útil mostrar a senha do usuário enquanto ele digita.

As senhas mais seguras usam uma combinação de letras maiúsculas e minúsculas, símbolos e números. Essas senhas complicadas podem ser difíceis de digitar sem cometer erros. Ao mostrar a senha, os usuários poderão identificar erros de digitação ou outros erros antes de clicar no botão “Log In”.

A boa notícia é que o WordPress facilita a remoção desse mascaramento. Basta clicar no ícone de olho ao lado do campo “Senha” e o WordPress mostrará a senha enquanto você a digita.

The show/hide password field on a WordPress login screen

Para ocultar a senha novamente, basta clicar no símbolo do olho.

Esse recurso funciona imediatamente na tela de login padrão do WordPress. No entanto, há outros lugares em que você pode querer usar o recurso ocultar/mostrar senha.

Dito isso, vamos ver como você pode permitir que os usuários ocultem ou mostrem suas senhas em algumas das telas de login mais comuns do WordPress. Se você preferir ir direto para um método específico, use os links abaixo.

Método 1. Como permitir que os usuários ocultem/apresentem senhas na tela de login do WooCommerce

Muitas lojas on-line permitem que os clientes salvem suas informações criando uma conta. Isso facilita para o cliente comprar em sua loja on-line no futuro.

O registro do usuário também pode ser uma forma de obter o endereço de e-mail do visitante, para que você possa enviar e-mails de marketing e incentivá-lo a comprar mais produtos e serviços. Para obter mais detalhes, consulte nossa seleção de especialistas dos melhores serviços de marketing por e-mail para pequenas empresas.

Se você estiver usando o WooCommerce para criar sua loja, o plug-in criará uma página My Account automaticamente. Se alguém visitar essa página, o WooCommerce mostrará a ele um formulário de login, desde que ele não esteja conectado a uma conta no momento.

Se você observar o campo “Password” (Senha), verá um ícone familiar de ocultar/mostrar senha. O visitante pode optar por ocultar ou mostrar sua senha, bastando clicar nesse ícone.

The WooCommerce login screen

Embora o WooCommerce crie a página My Account automaticamente, talvez você queira adicionar o formulário de login a outras áreas do seu site. Por exemplo, talvez você queira incentivar os compradores a fazer login em suas contas quando tentarem finalizar a compra.

Também há uma chance de você ter excluído acidentalmente a página My Account padrão do WooCommerce.

A boa notícia é que você pode adicionar o formulário de login do WooCommerce a qualquer página, post ou área pronta para widget usando o seguinte shortcode:

[woocommerce_my_account]

Para obter instruções passo a passo, consulte nosso guia para iniciantes sobre como adicionar um shortcode.

Depois de adicionar o shortcode, basta acessar seu site. Agora você verá um formulário de login do WooCommerce com um botão ocultar/mostrar senha.

Método 2. Como permitir que os usuários ocultem/mostrem senhas nas telas de login de associação

Um site de associação é uma forma de ganhar dinheiro on-line, permitindo que os usuários paguem por conteúdo premium, recursos e acesso a uma comunidade.

OMemberPress é o melhor plug-in de associação do WordPress. Ele vem com tudo o que você precisa para aceitar pagamentos, criar diferentes níveis de associação, restringir o acesso ao conteúdo com base nesses níveis e muito mais.

Também é fácil de configurar. Para obter mais informações, consulte nosso guia passo a passo para criar um site WordPress MemberPress.

Depois de ativar o plug-in, o MemberPress pode criar automaticamente todas as páginas necessárias para transformar seu site WordPress em um site de associação avançado. Isso inclui uma tela de login em que os membros podem optar por ocultar ou mostrar sua senha, como você pode ver na imagem a seguir.

The show/hide password field on a membership website

Para criar uma página de login de associação, basta acessar MemberPress ” Configurações.

Em seguida, clique na guia “Páginas”. Agora você verá todas as páginas que o MemberPress pode criar automaticamente, incluindo a página de login do MemberPress.

The MemberPress membership plugin settings

Para avançar e criar todas essas páginas, basta clicar no botão Update Options (Opções de atualização).

Agora, se você for para Páginas ” Todas as páginas, verá que o MemberPress criou uma página de login em que os usuários podem ocultar ou mostrar a senha.

The MemberPress login settings

Depois de criar uma página de login, é uma boa ideia adicioná-la ao menu do WordPress para que os membros possam encontrá-la facilmente. Para obter mais informações, consulte nosso guia sobre como adicionar um menu de navegação no WordPress.

Esperamos que este artigo tenha ajudado você a aprender como permitir que os usuários ocultem/mostrem senhas na tela de login do WordPress. Talvez você também queira ver nosso guia definitivo de segurança do WordPress e nossas escolhas de especialistas sobre o melhor software de bate-papo ao vivo para pequenas empresas.

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

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

6 ComentáriosDeixe uma resposta

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Shelton says

    Hi there, I am looking for something like this for the woocommerce side of things, i.e. the sign up/log in page that is within the website.

    The closest I got is a Jquery something, but I have no idea how to install any of that.

    • WPBeginner Support says

      We will be sure to keep an eye out for an alternative we would recommend for updating this article.

      Administrador

  3. Deb says

    hide show password has not been updated for over a year and I cant find an alternative. Need solution for woocommerce.

  4. Shahraar Khan says

    I think showing the password is awful. but may be needed at time. thanx for the plugin link

    Shahraar Khan

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.