Vill du allow användare att dölja/visa sitt password på olika vyer för login på din site i WordPress?
WordPress lägger automatiskt till en knapp för att visa/dölja lösenord på standard login page. Men du kanske vill add to en dölj/visa lösenord knapp till andra login skärmar, viss om du run en membership site eller en online store.
I den här artikeln visar vi dig hur du kan allow användare att dölja/visa sitt password på olika vyer för login i WordPress.
Vad är knappen Dölj/visa password på vyn för inloggning i WordPress?
Om du skyddar din site med ett långt och komplext password blir det svårare för andra att ta sig in på din WordPress website.
Det finns dock många olika sätt som människor kan försöka stjäla ditt password på. Ibland räcker det inte att bara använda ett starkt password för att hålla din website säker.
Det är här funktionen för att dölja/visa password kommer in i bilden.
Om du headar över till din WordPress login URL och börjar skriva in ditt lösenord, kommer du att notera att WordPress maskerar ditt password som standard. Varje siffra, bokstav eller symbol som du skriver in i fältet ”Password” visas som en punkt.
Även om någon tittar på vyn medan du skriver kan de inte se ditt password. Detta är viss import om du loggar in på din WordPress blogg på en offentlig plats som t.ex. ett bibliotek.
Ibland kan det dock vara bra att visa användarens password medan de skriver.
De säkraste lösenorden består av en blandning av stora och små bokstäver, symboler och siffror. Dessa komplicerade password kan vara svåra att skriva utan att göra några misstag. Genom att visa lösenordet kan användarna upptäcka eventuella stavfel eller andra misstag innan de klickar på knappen ”Logga in”.
Den goda nyheten är att WordPress gör det enkelt att remove denna maskering. Klicka bara på iconen med ögat bredvid fältet ”Lösenord”, så visar WordPress lösenordet medan du skriver.
För att dölja passwordet igen klickar du på ögonsymbolen.
Den här utvalda funktionen fungerar direkt för den vanliga vyn för login i WordPress. Det finns dock andra platser där du kanske vill använda funktionen för att dölja/visa password.
Med detta sagt, låt oss titta på hur du kan allow användare att dölja/visa sitt password på några av de vanligaste vyerna för login i WordPress. Om du föredrar att hoppa direkt till en viss metod, kan du använda länkarna under.
- Metod 1. Hur man tillåter användare att dölja / visa lösenord på WooCommerce login vy
- Metod 2. Hur man tillåter användare att dölja / visa lösenord på medlemskapets inloggningsskärmar
Metod 1. Hur man tillåter användare att dölja/visa password på WooCommerce login vy
Många onlinebutiker låter sina kunder save sin information genom att skapa ett account. Detta gör det lättare för kunden att köpa från din online store i framtiden.
Användarregistrering kan också vara ett sätt att få besökarens email address, så att you kan skicka marknadsföringsmail till dem och uppmuntra dem att köpa fler produkter och tjänster. För mer details, se vårt expertval av de bästa tjänsterna för e-postmarknadsföring för småföretag.
Om du använder WooCommerce för att skapa din store, skapar pluginet automatiskt en My Account page. Om någon besöker den här sidan kommer WooCommerce att visa dem ett inloggningsformulär så länge de för närvarande inte är inloggade på ett account.
Om du tittar på fältet ”Password” ser du en välbekant icon för att dölja/visa lösenord. Besökaren kan välja att dölja eller visa sitt password genom att clicka på denna icon.
Även om WooCommerce skapar sidan Mitt konto automatiskt, kanske du vill lägga till inloggningsformuläret till andra områden på din website. Till exempel kanske du vill uppmuntra kunder att logga in på sitt account när de försöker gå till kassan.
Det finns också en chans att du av misstag har tagit bort WooCommerces standard My Account page.
Den goda nyheten är att du kan add WooCommerce login-formuläret till vilken sida, post eller widget-ready area som helst med hjälp av följande shortcode:
[woocommerce_my_account]
För steg-för-steg-instruktioner, se vår guide för nybörjare om hur man lägger till en shortcode.
När du har addat shortcode, besök bara din website. You will now see a WooCommerce login form with a hide/show password button.
Metod 2. Hur man tillåter användare att dölja / visa lösenord på medlemskapets inloggningsskärmar
En website med medlemskap är ett sätt att tjäna pengar online genom att allow användare att betala för premium content, funktioner och tillgång till en community.
MemberPress är det bästa WordPress plugin för medlemskap. Det kommer med allt du behöver för att godkänna Payments, skapa olika medlemsnivåer, begränsa åtkomst till content baserat på dessa nivåer, och mycket mer.
Det är också enkelt att sätta upp. För mer information, se vår steg-för-steg guide för att skapa en WordPress MemberPress site.
När du har aktiverat pluginet kan MemberPress automatiskt skapa alla de pages du behöver för att göra din WordPress website till en avancerad membership site. Detta inkluderar en login-skärm där medlemmarna kan välja att dölja eller visa sitt password, som du kan se i följande image.
För att skapa en login page för medlemskap går du bara till MemberPress ” Settings.
Klicka sedan på tabben ”Pages”. Du kommer nu att se alla sidor som MemberPress kan skapa automatiskt, inklusive MemberPress login page.
För att gå vidare och skapa alla dessa pages klickar du bara på knappen Update Options.
Om du nu går till Pages ” All Pages, kommer du att se att MemberPress har skapat en Login page där användare kan dölja eller visa sitt password.
När du har skapat en login page är det en bra idé att add to din WordPress menu så att medlemmarna lätt kan hitta den. För mer information kan du läsa vår guide om hur du lägger till en navigation menu i WordPress.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du tillåter användare att dölja/visa password på vyn för login på WordPress. You may also want to see our ultimate WordPress security guide and our expert picks of the best chattsupport software for small businesses.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
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!
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.
Administratör
Deb says
hide show password has not been updated for over a year and I cant find an alternative. Need solution for woocommerce.
WPBeginner Support says
For that message, you would want to take a look at our article here: https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Administratör
Shahraar Khan says
I think showing the password is awful. but may be needed at time. thanx for the plugin link
Shahraar Khan