Cum să personalizați formularul de resetare a parolei WordPress

Publicat: 2022-05-16

Căutați să vă creați propriile formulare de resetare a parolei WordPress?

Prin crearea unui formular personalizat de resetare a parolei, veți oferi o experiență de utilizator mai puternică, personalizând aceste pagini de utilizator pentru a se potrivi cu tema site-ului dvs., afișarea logo-ului și oferirea de conținut suplimentar. Dacă conduceți o companie de comerț electronic sau un site de membru, este deosebit de important să aveți un branding consistent pe site-ul dvs.

Cum îmi resetez parola WordPress?

Vă puteți reseta parola WordPress utilizând linkul pentru parola pierdută din WordPress. Acesta vă va trimite un e-mail cu un link pe care îl puteți face clic pentru a vă reseta parola.

Pentru o experiență de utilizator mai bună, un formular personalizat de resetare a parolei vă permite să modificați aspectul formularului și conținutul notificărilor prin e-mail. Vă vom arăta cum să creați un formular personalizat de resetare a parolei, să trimiteți utilizatorul la pagină și să îi permitem să își reseta parola cu ușurință.

Cum se creează un formular de resetare a parolei în WordPress

Pentru a crea un formular personalizat de resetare a parolei, veți avea nevoie de abonamentul la versiunea premium a WPForms. Licența Pro include addonul de înregistrare a utilizatorului care vă permite să creați resetarea parolei personalizate, înregistrarea utilizatorului și formulare de conectare pentru site-ul dvs.

În acest articol

  • 1. Instalați WPForms
  • 2. Instalați programul de completare pentru înregistrarea utilizatorului
  • 3. Selectați și publicați șablonul de formular
  • 4. Instalați și utilizați fragmente de cod
  • 5. Adăugați un link pentru resetarea parolei la formularul dvs. de conectare
  • 6. Teste de formă finală
  • 7. Opriți solicitările de resetare a parolei spam

Să începem!

WPForms este cel mai bun plugin WordPress Form Builder. Ia-l gratuit!

1. Instalați WPForms

Mai întâi, conectați-vă la contul dvs. WPForms. După ce v-ați autentificat, faceți clic pe fila Descărcări.

Săgeată care evidențiază fila Descărcări WPForms

Aceasta este o pagină cu toate licențele disponibile. Pentru a descărca pluginul, faceți clic pe butonul Descărcare WPForms de lângă licența pro. Acest lucru va salva un fișier arhivat al pluginului WPForms pe computer.

Descărcați butonul WPForms

După ce ați descărcat fișierul zip, mergeți la site-ul dvs. WordPress unde doriți să instalați WPForms. Apoi, pe tabloul de bord admin, faceți clic pe Plugins » Add New și apoi pe butonul Încărcați plugin .

Butonul de încărcare a pluginului pe WordPress

De aici, faceți clic pe butonul Alegeți fișierul și selectați fișierul zip WPForms pe care tocmai l-ați descărcat.

Săgeata roșie îndreptată spre butonul Alegeți fișierul

După ce fișierul este încărcat, faceți clic pe butonul Instalați acum .

Instalați acum wpforms

Odată ce pluginul este instalat, faceți clic pe butonul Activare Plugin pentru a activa WPForms pe site-ul dvs.

Săgeata roșie indicând butonul „Activați pluginul”.

După activarea pluginului, nu uitați să vă verificați cheia de licență WPForms pentru a primi actualizări automate și suport pentru plugin. Adăugarea cheii de licență vă va permite, de asemenea, să instalați și să activați cu ușurință suplimentele WPForms din interiorul tabloului de bord WordPress.

2. Instalați programul de completare pentru înregistrarea utilizatorului

Acum vom instala suplimentul de care avem nevoie pentru a crea formularele de resetare a parolei.

În zona dvs. de administrare WordPress, mergeți la WPForms » Addons .

suplimente WPForms

Dacă nu vedeți niciun supliment pentru nivelul de licență, faceți clic pe butonul Actualizează suplimente pentru a forța o reîmprospătare.

O săgeată roșie care indică butonul portocaliu „Actualizați suplimente”.

Pentru a căuta un supliment de înregistrare a utilizatorului, introduceți numele acestuia în câmpul Căutare suplimente situat în colțul din dreapta sus al paginii.

O săgeată care evidențiază câmpul „Search Addons” din WPForms

După ce l-ați găsit, faceți clic pe butonul Instalați supliment .

O săgeată roșie îndreptată către butonul de instalare addon

Acest lucru va instala și va activa automat suplimentul pentru dvs. Orice supliment care este instalat și gata de utilizare va afișa Status: Active .

Săgeata roșie care indică utilizarea pluginului de înregistrare activă

3. Selectați și publicați șablonul de formular

Pentru a vă crea formularul de resetare a parolei, accesați WPForms » Adăugați nou . Căutați „Resetare parolă” în biblioteca de șabloane, apoi treceți cu mouse-ul peste opțiunea Formular de resetare a parolei utilizatorului și faceți clic pe Utilizare șablon .

Evidențierea butonului „Utilizați șablon”.

Apoi, puteți personaliza formularul de resetare a parolei adăugând sau eliminând câte câmpuri doriți. Vă recomandăm să o păstrați cât mai simplu posibil. După ce ați terminat de personalizat formularul, trebuie să îl încorporam în pagina de resetare a parolei.

Mai întâi, în colțul din dreapta sus al editorului de formulare, faceți clic pe butonul Salvare .

butonul Salvare pentru a salva formularul

După ce formularul dvs. a fost salvat, faceți clic pe butonul Încorporați de lângă acesta.

Butonul de încorporare a formularului

Deoarece aceasta va fi o nouă pagină de resetare a parolei, vom selecta Creare pagină nouă.

Creați o pagină nouă pentru a încorpora formularul

Denumiți-vă pagina așa cum ar fi Pagina de resetare a parolei, astfel încât să o puteți găsi cu ușurință mai târziu. Formularul dvs. va fi acum încorporat în noua pagină.

Acest pas următor este extrem de important.

Trebuie să ne asigurăm că am denumit adresa URL corect, așa că vom actualiza numele melcului.

Pentru a face acest lucru, mergeți la tabloul de bord de administrare WordPress și faceți clic pe Pagini » Toate paginile . Găsiți pagina nouă și faceți clic pe Editare rapidă . Acum vei vedea asta:

Casetă de editare rapidă cu parola pierdută ca slug

Asigurați-vă că secțiunea de lângă Slug a pierdut parola (un cuvânt) scrisă în ea. Acest lucru va conecta totul împreună. Dacă procedați astfel, pagina dvs., de exemplu, va avea adresa URL finală astfel: www.example.com/lostpassword.

Acum suntem gata să adăugăm fragmentul de cod.

4. Instalați și utilizați fragmente de cod

Pentru a trimite utilizatorii către noua pagină de resetare a parolei, va trebui să setăm o redirecționare folosind un fragment de cod personalizat. Nu-ți face griji, este mai ușor decât pare.

Mai întâi, vom instala pluginul gratuit Code Snippets WordPress. Pe tabloul de bord WordPress, accesați Pluginuri » Adăugați nou .

adăugați un nou plugin wordpress

De acolo, căutați Fragmente de cod și faceți clic pe Instalați acum .

Pluginul Fragmente de cod

După ce ați făcut clic pe Activare , acum este timpul să adăugați codul nostru. Pe tabloul de bord WordPress, faceți clic pe Fragmente » Adăugați nou .

Buton Adăugați un nou fragment de cod

După ce ați intitulat fragmentul dvs. (ne-am dus la Noua pagină de resetare a parolei), copiați și inserați următorul cod în câmp:

 add_filter( 'lostpassword_url', 'my_lost_password_page', 10, 2 );
function my_lost_password_page( $lostpassword_url, $redirect ) {
return home_url( '/lostpassword/?redirect_to=' . $redirect );
} 

Important: codul trebuie să aibă doar 4 rânduri. De asemenea, vă recomandăm să păstrați bifată opțiunea implicită „Run snippet everywhere”.

Apoi, derulați în jos și faceți clic pe butonul Salvați modificările și activați . Notă: puteți adăuga, de asemenea, o descriere și etichete, dar nu este necesar.

5. Adăugați un link pentru resetarea parolei la formularul dvs. de conectare

Motivul pentru care trebuie să ne asigurăm că acest lucru a fost făcut este ca oamenii să aibă opțiunea de a-și reseta parolele. Dacă nu ați făcut-o deja, creați rapid un formular de conectare cu șablonul nostru.

În continuare, vom adăuga acum un link pentru parola uitată la formularul de conectare. Pentru a face acest lucru, vom personaliza câmpul Parolă .

Vom adăuga un link în descriere aici, astfel încât să se afișeze chiar sub câmp. Putem folosi eticheta inteligentă {url_lost_password} pentru link.

Faceți clic pe câmpul de parolă pentru a începe. În Descriere, lipiți asta în:

Forgotten your password? <a href={url_lost_password} >Click here</a> to reset it.

Link personalizat pentru parola uitată

Formularul dvs. va avea acum mesajul „Ați uitat parola? Faceți clic aici pentru a-l reseta linkul.

6. Teste de formă finală

Acum vrem să ne asigurăm că totul funcționează corect. În această etapă, vom avea două pagini cu două forme:

  • O pagină de conectare a utilizatorului cu „linkul pentru parola uitată” din formular
  • O nouă pagină de link pentru resetarea parolei cu formularul de „resetare parolă”.

Pentru a vă asigura că totul funcționează, accesați pagina dvs. de conectare a utilizatorului . Faceți clic pe linkul de resetare a parolei:

Link de resetare a parolei pentru pagina de testare pentru autentificarea utilizatorului

Veți fi apoi redirecționat către noua pagină de resetare a parolei (www.yourwebsite.com/lostpassword va fi adresa URL). Dacă nu, repetați cu atenție pașii anteriori și asigurați-vă că au fost urmați doi pași importanți:

  • Fragmentul de cod a fost copiat exact așa cum este menționat la pasul 4
  • Pagina dvs. de resetare a parolei a pierdut parola ca slug

7. Opriți solicitările de resetare a parolei spam

În cele din urmă, preveniți solicitările de resetare a parolei spam. Solicitările constante de resetare a parolei pot reprezenta un risc pentru securitatea site-ului și ar putea indica că cineva încearcă să pătrundă pe site-ul dvs. sau cineva care încearcă să phishing pentru o parolă. Oricum, e enervant.

Pentru a opri acești spamboți, putem limita accesul la site-ul și la pagina dvs. de autentificare urmând ghidul nostru pentru prevenirea resetărilor neautorizate de parole în WordPress și eliminarea acestor solicitări de spam!

Apoi, personalizați pagina de resetare a parolei

După ce ați încorporat formularul de resetare a parolei în noua pagină, veți dori să-l marcați.

De ce? Prin marcarea formularului și a paginii de resetare a parolei, vei consolida noțiunea clientului că ești o companie legitimă și vei crește credibilitatea generală a mărcii tale.

Urmați ghidul nostru complet pentru crearea și personalizarea paginilor de formular pe WordPress.

Creați-vă formularul WordPress acum

Sunteți gata să vă construiți formularul? Nu uitați să vă înscrieți pentru WPForms Pro, deoarece include add-ul de înregistrare a utilizatorului, o mulțime de șabloane gratuite și o garanție de rambursare a banilor de 14 zile.

Dacă acest articol v-a ajutat, vă rugăm să ne urmăriți pe Facebook și Twitter pentru mai multe tutoriale și ghiduri WordPress gratuite.