Cum să adăugați autentificare OAuth în WordPress (pas cu pas)

Am învățat că, cu cât faci mai ușor pentru utilizatori să se conecteze pe site-ul tău, cu atât este mai probabil ca aceștia să devină membri activi și să interacționeze cu conținutul tău.

Aici intervine autentificarea OAuth – permite oamenilor să se conecteze pe site-ul tău WordPress cu un singur clic, folosind conturile lor sociale existente, cum ar fi Google, Facebook sau X.

Dar iată problema: deși autentificarea OAuth sună simplu în teorie, configurarea corectă poate fi dificilă. Am testat diverse pluginuri și metode pe site-uri WordPress reale pentru a găsi cea mai fiabilă soluție.

Astăzi, împărtășesc metoda mea dovedită pentru adăugarea autentificării OAuth în WordPress. Vă voi arăta cum să o configurați corect, să evitați capcanele comune și să o faceți să funcționeze fără probleme pe site-ul dvs.

De ce să adaugi autentificarea OAuth în WordPress?

Adăugarea autentificării OAuth facilitează și securizează accesul utilizatorilor, fără a fi nevoie să creeze sau să își amintească noi parole.

Iată de ce merită:

• Mai puține probleme cu parolele: Utilizatorii se pot conecta cu conturi pe care le folosesc deja, deci nu trebuie să își amintească noi credențiale sau să reseteze parolele.
• Securitate mai puternică: OAuth folosește furnizori de încredere precum Google, Facebook și GitHub, mulți dintre aceștia suportând autentificarea în doi factori.
• Înregistrări mai rapide: Un proces de conectare rapid înseamnă că mai mulți utilizatori finalizează înregistrarea, în loc să renunțe.
• Mai puțin spam și conturi false: Deoarece utilizatorii se conectează prin conturi verificate, este mai greu pentru boți să creeze profiluri false.
• Experiență utilizator îmbunătățită: Per total, creează un proces de conectare mai fluid și mai convenabil pentru vizitatorii dvs.

Acum, vă voi arăta cum să o configurați în WordPress:

Cum să adăugați autentificarea OAuth în WordPress

Configurarea autentificării OAuth în WordPress este mai ușoară decât ați crede. Cu pluginul potrivit, puteți permite utilizatorilor să se conecteze cu conturile lor sociale existente, în doar câteva clicuri.

Recomand utilizarea Nextend Social Login. Este un plugin popular pentru rețele sociale conceput pentru a adăuga opțiuni de autentificare socială de la furnizori precum Google, Facebook și X direct pe site-ul dvs.

Odată ce îl configurați, utilizatorii vor vedea butoane de autentificare socială pe paginile de conectare și înregistrare. Acest lucru le face simplu să acceseze site-ul dvs. fără a crea un cont nou.

Pasul 1: Instalați și activați pluginul Nextend Social Login

Mai întâi, trebuie să instalați și să activați pluginul Nextend Social Login. Pentru detalii, consultați acest tutorial despre cum să instalați un plugin WordPress.

După activarea pluginului, accesați pagina Setări » Nextend Social Login din tabloul de bord WordPress.

Pentru acest tutorial, vă voi arăta cum să adăugați autentificarea OAuth cu Google. Nextend Social Login oferă, de asemenea, autentificare prin Facebook, X (fostul Twitter), Reddit și altele. Procesul poate fi ușor diferit în funcție de furnizorul pe care îl alegeți.

Pasul 2: Creați o aplicație Google

Mai întâi, faceți clic pe butonul „Getting Started” din secțiunea Google a pluginului.

Acest lucru vă va duce la o pagină cu instrucțiuni pe ecran pentru crearea aplicației dvs. Google.

După ce ați revizuit instrucțiunile, faceți clic pe link pentru a accesa Google Cloud Console.

Aici, este posibil să vi se solicite să vă conectați cu credențialele contului dvs. Google.

Odată ajuns în consolă, faceți clic pe meniul derulant de selectare a proiectului din partea de sus a paginii. Apoi, în fereastra pop-up care apare, selectați „New project”.

Apoi, trebuie să dați un nume proiectului dvs.

Puteți, de asemenea, să adăugați o organizație și o locație dacă doriți, apoi faceți clic pe butonul „Create”.

După ce adăugați un proiect, veți reveni la tabloul de bord. De aici, comutați la fila „Ecran de consimțământ OAuth” din coloana din stânga.

Continuați și faceți clic pe butonul „Începeți”.

Acum, trebuie să adăugați un nume pentru aplicația dvs. Acesta este numele pe care utilizatorii îl vor vedea atunci când li se cere consimțământul pentru a se conecta.

Apoi, introduceți adresa dvs. de e-mail de afaceri în câmpul „Adresă de e-mail de suport pentru utilizatori”, astfel încât oamenii să vă poată contacta cu întrebări.

Faceți clic pe butonul „Următorul” pentru a continua.

După aceea, trebuie să selectați o audiență pentru autentificarea dvs. OAuth în WordPress.

Puteți alege opțiunea „Intern” dacă aplicația dvs. este destinată utilizării private în cadrul unei organizații Google Workspace (anterior G Suite). Aceasta înseamnă că numai utilizatorii din domeniul companiei dvs. vor putea să se conecteze.

Pe de altă parte, opțiunea „Extern” este cea mai potrivită dacă aplicația sau site-ul dvs. web este destinat utilizării publice. Aceasta permite oricui are un cont Google să se conecteze.

Când îl configurați pentru prima dată, aplicația va fi în modul de testare. Aceasta înseamnă că numai utilizatorii pe care îi adăugați manual ca utilizatori de testare pot să se conecteze.

 După aceea, introduceți adresa (adresele) dvs. de e-mail în secțiunea „Informații de contact”. 

Aici Google vă va notifica cu privire la orice modificări ale proiectului dvs. Puteți adăuga și mai multe adrese de e-mail.

În final, pur și simplu acceptați politica serviciilor Google API.

În cele din urmă, faceți clic pe butonul „Creare”.

Odată ce procesul este complet, veți fi direcționat către pagina „Prezentare generală OAuth”.

De aici, faceți clic pe butonul „Creare client OAuth”.

Pe ecranul următor, va trebui să creați un ID client OAuth.

Alegeți opțiunea „Aplicație web” din meniul derulant Tip aplicație.

Apoi, adăugați un nume pentru ID-ul dvs. de client.

Acum, derulați în jos la secțiunea „URI-uri de redirecționare autorizate” și faceți clic pe butonul „+ Adăugare URL”.

Aici, trebuie să adăugați URL-ul unic furnizat de pluginul Nextend Social Login pe tabloul de bord WordPress.

Acest URL îi spune Google singura adresă validă la care să trimită utilizatorii înapoi după ce se conectează, ceea ce este un pas cheie de securitate care previne deturnarea.

După ce ați adăugat URL-ul, faceți clic pe butonul „Creare”.

Va apărea o fereastră pop-up cu credențialele dvs.

Pur și simplu copiați ID-ul client și Secretul client de aici și stocați-le undeva în siguranță.

Este esențial să tratați Secretul client ca pe o parolă și să nu îl partajați niciodată public, deoarece acesta vă protejează aplicația și datele utilizatorilor.

Apoi, reveniți la pagina „Ecran de consimțământ OAuth” din meniul din stânga.

Găsiți butonul etichetat „Publicare aplicație” pentru a muta aplicația dvs. din starea „Testare” în starea „Producție”.

Aceasta va deschide o fereastră pop-up, unde puteți face clic pe butonul „Confirmare”.

Vă rugăm să rețineți că, după ce trimiteți, procesul oficial de verificare și revizuire al Google poate dura uneori câteva zile pentru a fi finalizat.

Pasul 3: Verificați configurația Google

Acum, reveniți la tabloul de bord WordPress și comutați la fila „Setări” pentru Google din partea de sus.

După aceea, adăugați Client ID și Client Secret pe care le-ați copiat anterior și faceți clic pe butonul „Salvează modificările”.

Odată ce faceți acest lucru, Nextend Social Login va afișa o fereastră pop-up în care vă va cere să verificați configurația.

Continuați și faceți clic pe butonul „Verifică setările”.

După aceea, în timp ce vă aflați pe pagina de setări a furnizorului Google, derulați în jos și bifați „Activare” sub opțiunea „Google”. 

Rețineți că dacă omiteți acest pas, opțiunea de conectare Google OAuth nu va apărea pe ecranul dvs.

Apoi, comutați la secțiunea „Butoane” din partea de sus.

Aici, puteți alege un stil de buton pentru autentificarea dvs. Google OAuth. Puteți, de asemenea, să creați un buton personalizat cu cod personalizat dacă doriți.

Odată ce ați terminat, pur și simplu faceți clic pe butonul „Salvează modificările” pentru a salva modificările.

Acum, trebuie să comutați la fila Setări globale » Formular de conectare din partea de sus.

Aici, bifați caseta „Afișează butoanele de conectare” pentru opțiunea „Formular de conectare”, astfel încât utilizatorii să poată opta cu ușurință pentru opțiunea de conectare OAuth de aici.

Puteți, de asemenea, să configurați setările rămase după cum doriți.

Apoi, faceți clic pe butonul „Salvează modificările”. Acum puteți repeta întregul proces cu diferite aplicații terțe pentru a adăuga autentificarea OAuth pentru acestea.

Odată ce ați terminat, pur și simplu vizitați site-ul dvs. WordPress pentru a vedea autentificarea OAuth în acțiune.

Bonus: Adăugați autentificarea fără parolă în WordPress cu Linkuri de Autentificare

În timp ce OAuth simplifică autentificarea prin utilizarea conturilor sociale existente, autentificarea fără parolă cu linkuri magice oferă o altă modalitate de a îmbunătăți experiența utilizatorului prin eliminarea completă a parolelor.

Această metodă permite utilizatorilor să ocolească credențialele de conectare WordPress. Pur și simplu fac clic pe un link securizat trimis pe e-mailul lor pentru a se conecta la conturile lor.

Cu un plugin precum Magic Login, utilizatorii trebuie doar să introducă adresa lor de e-mail, iar un link de conectare unic este trimis în inbox-ul lor. Făcând clic pe link se acordă acces instantaneu, fără a fi nevoie de parole.

Acest lucru reduce fricțiunea la conectare, menținând în același timp conturile securizate. Este deosebit de util pentru site-urile web unde doriți să minimizați barierele de intrare.

În plus, deoarece aceste linkuri de conectare sunt sensibile la timp și unice, ele oferă un strat suplimentar de securitate împotriva atacurilor de tip brute-force.

Pentru a începe, consultați tutorialul nostru despre cum să adăugați autentificare fără parolă în WordPress.

Întrebări frecvente despre autentificarea OAuth

Iată câteva întrebări pe care cititorii noștri le pun înainte de a adăuga autentificarea OAuth în WordPress:

Ce este autentificarea OAuth?

OAuth este o modalitate sigură pentru utilizatori de a se conecta pe site-ul dvs. web folosind conturile lor existente de la servicii precum Google, Facebook sau X. Acest lucru îi scutește de a crea și de a reține o altă parolă nouă doar pentru site-ul dvs.

Este sigur să adăugați autentificare socială pe site-ul meu WordPress?

Da, este foarte sigur. OAuth este un protocol standard utilizat de companiile tehnologice majore, care se bazează pe token-uri în loc de parole. Site-ul dvs. web nu trebuie niciodată să gestioneze sau să stocheze informațiile sensibile de conectare ale utilizatorilor dvs. de pe conturile sociale.

Pot adăuga alte opțiuni de conectare socială în afară de Google?

Absolut. Pluginul Nextend Social Login suportă multe alte platforme. Puteți adăuga cu ușurință butoane de conectare pentru Facebook, X (fostul Twitter), LinkedIn și multe altele, în funcție de serviciile pe care le folosește cel mai mult audiența dvs.

Costă bani adăugarea autentificării OAuth la WordPress?

Puteți începe gratuit. Pluginul Nextend Social Login are o versiune gratuită care include opțiuni populare precum Google și Facebook. Pentru mai mulți furnizori și funcționalități avansate, oferă și o versiune pro.

Sper că acest articol v-a ajutat să învățați cum să adăugați autentificarea OAuth în WordPress. De asemenea, ați putea dori să consultați ghidul nostru pentru începători despre cum să adăugați autentificarea Google printr-un singur clic în WordPress și tutorialul nostru despre adăugarea CAPTCHA în formularul de conectare și înregistrare WordPress.

Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.