Så här customize du WordPress Reset Password Page

Vill du skapa en customized page för återställning av password i WordPress?

Standardformuläret för återställning av lösenord i WordPress har standard WordPress.org-branding och ändras inte för att matcha your theme. Detta är inte den bästa upplevelsen, särskilt om du runar en membership site eller klientportal.

I den här artikeln visar vi dig hur du enkelt customize sidan för återställning av password för WordPress användare.

Varför Customize sidan Återställ lösenord i WordPress?

Din website i WordPress levereras med ett kraftfullt system för hantering av användare som allow people to create a user account, logging in, and reset their password.

Som standard visar dessa pages varumärket och logotypen för WordPress. Ibland är detta inte ett stort problem, särskilt om du eller ditt team är de enda som loggar in på admin area.

Men om du run en ecommerce store eller membership site, då kan dina customers också behöva logga in.

Du kan ge användarna en mycket bättre upplevelse genom att customize dessa pages så att de matchar din websites design och varumärke. Om du vill kan du också add to extra content, t.ex. din logga eller en lista över senaste inlägg.

Du kanske redan har följt våra andra guider om hur du lägger till ett anpassat registreringsformulär för användare och login page. Låt oss nu ta en titt på hur du customize sidan för återställning av lösenord. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda:

Metod 1: Customize sidan Återställ lösenord med hjälp av Formidable Forms (Easy)

Det enklaste sättet att ersätta WordPress page för återställning av lösenord är genom att använda Formidable Forms. Detta plugin låter dig ersätta standard-sidan för återställning av lösenord med hjälp av en shortcode.

Denna metod tillåter dig inte att edit formuläret för återställning av password, men you can add your own content around it. Du kan till exempel add to text, images och annat content med hjälp av WordPress standard editor för post.

Först måste du installera Formidable Forms plugin. Mer information finns i vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering måste du också installera Formidable Forms Lite. Detta gratis plugin ger core-grunden för premium-pluginets mer avancerade funktioner.

När du har gjort det, gå till Formidable Forms ” Global Settings page i din dashpanel och välj ’Click to enter a license key manually’.

Du hittar license key i ditt account på Formidable Forms website. När du har enter denna information går du vidare och klickar på knappen ”Save License”.

Därefter måste du installera Addon för användarregistrering genom att gå till Formidable ” Add-Ons. På den här vyn hittar du addon för användarregistrering och klickar på knappen ”Install”.

Nu är du redo att skapa en customize-sida för återställning av lösenord genom att gå till Pages ” Add New.

Börja med att ge sidan en Rubrik och klicka sedan på + knappen. I popupen som dyker upp börjar du skriva ”Shortcode”.

Klicka bara på det högra blocket för att lägga till det på page.

Du kan nu add to följande shortcode: [frm-reset-password].

Klart är att du kan lägga till annat content som du vill visa på sidan för återställning av password.

När du är nöjd med hur sidan är uppbyggd klickar du på knappen ”Publicera” för att göra den live.

Slutligen måste du berätta för WordPress att använda den här sidan i stället för standard återställningssidan för password. För att göra det, heada till Formidable ” Global Settings och klicka sedan på tabben ”Registration” i menyn.

Härifrån behöver du bara öppna dropdown ’Reset Password Page’ och välja den sida du just skapade.

Glöm inte att klicka på knappen ”Update” högst upp på vyn för att store dina settings.

Du kan nu besöka din WordPress website för att se den customize reset password page i action.

Metod 2: Customize alla medlemssidor med hjälp av ”Theme My Login” (gratis)

För att ge en konsekvent användarupplevelse är det en bra idé att använda samma Styling på all your membership pages. Theme My Login är ett gratis plugin som allow you att ersätta de built-in WordPress dashboard, login, logga ut, registrering, glömt lösenord, och reset password pages.

Det är ej den mest anpassningsbara lösningen, men all pages kommer att använda your WordPress theme.

Det första du behöver göra är att installera och aktivera Theme My Login plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Vid aktivering skapar Theme My Login automatiskt URL:er för dina customize-vyer för login, logga ut, registrering, borttappat lösenord och återställning av lösenord. Du kan se dessa URL:er genom att gå till Theme My Login ” General page.

För att ersätta någon av dessa pages behöver you helt enkelt skapa en new page med exakt denna URL.

För att skapa en WordPress customized sida för återställning av password, gå till Page ” Add New. Här klickar du på ikonen ”+” och börjar skriva ”Shortcode”.

När det rätta blocket visas, ge det ett click för att add to the page.

Inuti blocket, add to följande shortcode:

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

Du kan nu lägga till extra content som du vill visa på sidan för återställning av password, till exempel din logga. När du är nöjd med hur sidan är uppbyggd klickar du på ”Save draft”.

Därefter går du till Pages ” All Pages och hittar sidan för återställning av password som du just skapade.

Håll bara musen över page och click på knappen ”Quick Edit” när den dyker upp.

I fältet ”Slug” skriver du in ”lostpassword”.

Därefter öppnar du dropdown-menyn ”Status” och väljer ”Publicerad”.

När det är gjort, gå vidare och klicka på ”Update. Nu, om du besöker din WordPress blogg, kommer du att se den förlorade password page live.

För att ersätta de andra built-in WordPress membership pages, följ bara stegen som beskrivs ovan, men se till att du använder rätt URL slug och shortcode.

Om du till exempel vill skapa en custom page för återställning av lösenord, måste du använda [theme-my-login action="resetpass"] shortcode. Du måste också ändra ”URL slug” till resetpassword.

Metod 3: Skapa en återställningssida för lösenord med WPForms (helt anpassningsbar)

Om du vill ersätta standard password reset page med ett helt customize formulär, rekommenderar vi att du använder WPForms.

Detta plugin har en ”User Password Reset Form” template som du kan customize med din egen text, images och branding. Du kan till och med add to och remove fält för att samla in exakt den information du vill ha från medlemmarna.

Det första du behöver göra är att installera och aktivera WPForms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Vid aktivering, heada till WPForms ” Settings och enter din license key. Du hittar den här informationen i ditt account på WPForms website.

När du har enter license key måste du installera User Registration addon, som allowar dig att skapa custom user registration, password reset, and login forms för din site.

I adminpanelen går du till WPForms ” Addons och hittar Addon för registrering av användare.

Klicka bara på ”Install Addon” för att downloada det och klicka sedan på ”Activate” för att aktivera det.

Du är nu redo att skapa ditt eget customiserade formulär för återställning av lösenord genom att gå till WPForms ” Add New page. Här skriver du in en rubrik för det nya formuläret.

När det är gjort rullar du till mallen ”User Password Reset Form” och klickar på knappen ”Use Template”.

WPForms kommer nu att hämta formulärmallen för återställning av lösenord för användare.

Om du vill customize ett fält med din egen text, etikett eller description klickar du bara för att välja det och använder sedan inställningarna i menyn till vänster.

Templatet har till exempel en knapp för ”Submit”. Om du vill visa en annan etikett för knappen klickar du bara för att selecta fältet och skriver sedan ett new message i ”Submit Button Text”.

You can also change what happens when a user submits their password reset request by going to Settings ” Confirmations.

Här öppnar du dropdown ’Confirmation Type’ och väljer om du vill redirecta användaren till en annan page eller URL eller helt enkelt visa ett message som ber dem att kolla inboxen efter ett email med lösenordsåterställning.

Du kan också customize meddelandet genom att skriva in det i den lilla textredigeraren. Du kan t.ex. påminna användarna om att kontrollera sina foldrar med skräppost.

Pro Tips: Om dina email regelbundet skickas till skräppost rekommenderar vi att du använder en SMTP-tjänst provider för att förbättra din email deliverability.

När du är nöjd med hur formuläret är uppbyggt, clickar du på knappen ”Save” högst upp till höger på vyn.

För att ersätta standardsidan för återställning av lösenord i WordPress måste du skapa en page med sluggen ”onepassword”. Du kan sedan add formuläret till den page.

Det enklaste sättet att göra detta är att klicka på knappen ”Embed” i WPForms editor. Välj sedan ”Create New Page”.

Skriv nu in en rubrik för den nya page. Du kommer att ändra sluggen i ett senare steg, så du kan använda vad du vill.

När du har gjort det klickar du på ”Let’s Go”.

Detta tar dig till WordPress page editor, med formuläret redan adderat till den nya page. Du kan nu göra ändringar på den här sidan, till exempel lägga till mer text, en customizer-logotyp eller kategorier och tags.

När du är nöjd med hur page ser ut klickar du på knappen ”Save draft”.

Därefter går du till Pages ” All Pages och hittar sidan för återställning av password som du just skapade.

Här klickar du på knappen ”Quick Edit”.

I fältet ”Slug” skriver du in ”lostpassword”.

Därefter öppnar du dropdown-menyn ”Status” och väljer ”Publicerad”.

Nu måste du redirecta besökare till den custom password reset page i stället för den built-in WordPress page. Det enklaste sättet att göra detta är att använda det gratis tillägget WPCode.

WPCode är det bästa code snippets plugin som används av över 2 miljoner WordPress-webbplatser. Det gör det enkelt att add to custom code i WordPress utan att behöva edit filen functions.php.

Med WPCode kan även Beginnare editera koden på sin website utan att riskera misstag och stavfel som kan orsaka många vanliga WordPress error.

Det första du behöver göra är att installera och aktivera det gratis pluginet WPCode. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering, head över till Code Snippets ” Add Snippet.

Här hittar du färdiga snippets som tillåter dig att ladda upp ytterligare filtyper till WordPress, inaktivera bilagssidor, helt inaktivera kommentarer och mycket mer.

Bara hovera musen över ”Add Your Custom Code” och klicka sedan på ”Use snippet” när det dyker upp.

Till att börja med skriver du in en titel för det anpassade code snippet. Det kan vara vad som helst som hjälper dig att identifiera snippet i WordPress dashboard.

Därefter öppnar du dropdown ’Code Type’ och väljer ’PHP Snippet’.

I code editor, add to följande code snippet:

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

Därefter rullar du till ”Insertion” section. WPCode kan add koden till olika locations, såsom efter varje post, endast front-end eller endast admin.

För att använda den custom PHP-koden på hela din website, blogg eller WooCommerce store, click on ”Auto Insert” om det inte redan är valt. Öppna sedan dropdown ’Location’ och välj ’Run Everywhere’.

Efter det är du redo att rulla högst upp på vyn och klicka på ”Inaktiverad” toggle så att den ändras till ”Aktiv”.

Slutligen klickar du på ”Save Snippet” för att göra PHP snippet live.

Försök nu att besöka den built-in WordPress login vy.

Om du klickar på länken ”Lost your password?” kommer du att redirectas till den customized page för återställning av lösenord som du just skapat.

Beroende på hur din site är uppbyggd kan du behöva update länkarna för återställning av password på andra pages.

Om du har skapat en customized login page för WordPress med hjälp av ett plugin som WPForms, rekommenderar vi också att du lägger till länken för återställning av new password i detta formulär.

Expertguider för att customize pages i WordPress

Nu när du vet hur du customize WordPress återställa password sida, kanske du gillar att se några WordPress tutorials på customizing andra pages.

• Så här skapar du en customize login page i WordPress (Ultimate Guide)
• Så här customize du en lösenordsskyddad page i WordPress
• Bästa tillägg för skydd av content i WordPress (expertval)
• Så här customize du sökresultatsidan i WordPress
• Så här lägger du till en Custom Author Profile Page på din WordPress-webbplats
• Vad du ska göra när du är utelåst från WordPress Admin (wp-admin)
• Så här skapar du en customize home page i WordPress
• Så här skapar du en separat page för blogginlägg i WordPress
• Viktiga tips för att skydda ditt admin area i WordPress
• Så här förbättrar du din template för 404 pages i WordPress

Vi hoppas att denna tutorial hjälpte dig att lära dig hur du customize WordPress reset password page. Du kanske också vill lära dig hur du skapar en gratis email address för företag eller kontrollera vår lista över måste-ha plugins för att få din site att växa.

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.