[Cum să] Adăugați linkuri de conectare / deconectare pentru o experiență îmbunătățită a utilizatorului WooCommerce

WooCommerce

WooCommerce este cel mai popular plugin de comerț electronic în ecosistemul WordPress. Cu toate acestea, are o problemă de utilizare puțin sâcâitoare. În mod implicit, WooCommerce nu arată dacă un utilizator este conectat sau nu la site-ul dvs. de comerț electronic.

Cuprins[Spectacol]

Adăugați un link de deconectare Woocommerce la meniul Woocommerce

Uneori, acest lucru poate fi confuz pentru clienții dvs. Deoarece majoritatea magazinelor de comerț electronic populare (cum ar fi eBay sau Amazon) prezintă un buton de autentificare în meniul lor, clienții se pot aștepta la fel în și magazinele dvs. de comerț electronic.

Cu toate acestea, în cazul unui magazin alimentat de WooCommerce, un utilizator va trebui să viziteze pagina „contul meu” pentru a crea un cont sau pentru a verifica dacă este conectat sau nu.

woocommerce contul meu - link de deconectare

În acest tutorial, vă vom explica cum să adăugați opțiunea Logare / Deconectare în meniul de sus al WooCommerce magazin. Acesta este unul dintre cele mai populare sfaturi și trucuri de la CollectiveRay.com - deci stați la curent dacă doriți să aflați mai multe sfaturi și trucuri!

Creați un meniu principal principal

Pasul 1: Înainte de a continua, asigurați-vă că ați adăugat un meniu ca meniu principal al temei dvs. De asemenea, asigurați-vă că ați făcut o copie de rezervă completă pentru WordPress în cazul în care ceva nu merge bine

Dacă nu ați adăugat un meniu ca meniu principal, conectați-vă la administratorul dvs. WordPress, accesați Aspect >> Meniu. Sub Setări meniu creați un meniu și bifați caseta „Top menu principal”.

meniu woocommerce

Sfat de vârf: Dacă nu vă simțiți confortabil să faceți modificări de cod, vă recomandăm să angajați un dezvoltator WordPress. Faceți clic aici pentru a afla cum să angajați dezvoltatorul WordPress ideal: https://www.collectiveray.com/wordpress-developers-for-hire

Pasul 2: Adăugați codul de mai jos în fișierul functions.php al temei dvs.

add_filter ('wp_nav_menu_items', 'add_loginout_link', 10, 2);
funcție add_loginout_link ($ articole, $ args) {
  if (is_user_logged_in () && $ args-> theme_location == 'principal') {
    $ articole. = ' Deconectați-vă ';
  } elseif (! is_user_logged_in () && $ args-> theme_location == 'principal') {
    $ articole. = ' Autentificare ';
  } returnează $ articole;
}

UPDATE: Tocmai am fost sfătuiți de un cititor / comentator util al site-ului care a spus că acum ar trebui să se utilizeze wc_get_page_id în loc de woocommerce_get_page_id (acum învechit)

Dacă nu vă simțiți confortabil să faceți singuri modificări de cod, puteți verifica unele dintre aceste concerte Fiver foarte apreciate, dar ieftine.

Verificați linkul de conectare / deconectare Woocommerce

După ce ați modificat funcțiile.php pentru a adăuga linkurile de conectare / deconectare Woocommerce, este timpul să vedeți rezultatul modificărilor dvs. Dacă ați făcut corect modificările, veți vedea rezultatul de mai jos.

linkuri de conectare / deconectare woocommerce

Ai terminat! Acum puteți vedea că opțiunea Logare / Deconectare este afișată în meniul de sus al magazinului dvs. Acest truc este util mai ales dacă ați creat o afacere bazată pe caseta de abonament pe care am detaliat-o aici.

Acum că v-am arătat cum să faceți acest lucru pentru WooCommerce, poate că este timpul să faceți același lucru și să creați un link de deconectare WordPress. Acesta este adesea cazul dacă ați decis să dezactivați bara de administrare, dar doriți totuși opțiunea de a vă deconecta, doar pentru a fi în siguranță.

Dacă sunteți doar în căutarea unei modalități de a încheia sesiunile conectate, pur și simplu vizitați următoarele pe site-ul dvs. web.

https://<yoursite.com>/wp-login.php?action=logout 

Veți primi un mic ecran de confirmare care vă va întreba „Sigur doriți să vă deconectați?” - după ce faceți clic pe link, veți fi deconectat.

Ecran de deconectare WordPress

Ca întotdeauna, există mai multe modalități de a face acest lucru. 

Adresa URL de deconectare WordPress este ceva ce puteți utiliza de fapt în meniul dvs., dacă doriți să creați un buton de deconectare WordPress. Pur și simplu conectați adresa URL de mai sus și, bineînțeles, acest lucru va permite utilizatorului dvs. să încheie orice sesiune curentă.

Meniu Deconectare

 

Dacă acest lucru nu funcționează dintr-un anumit motiv, poate fi necesar să vă modificați funcțiile.php pentru a activa această funcționalitate. 

add_filter ('wp_nav_menu_items', 'add_login_logout_link', 10, 2); funcție add_login_logout_link ($ articole, $ args) {ob_start (); wp_loginout ('index.php'); $ loginoutlink = ob_get_contents (); ob_end_clean (); $ articole. = ' '. $ loginoutlink. ' '; returnează $ articole; }

 

Notă: această metodă de mai sus funcționează și este activată dacă utilizați meniuri personalizate WordPress, adică funcția de meniu disponibilă în secțiunea de administrare de sub Aspect> Meniuri.)

Cod scurt de deconectare WordPress

La fel ca în cazul majorității funcțiilor, veți găsi că există și un conecteaza care poate fi utilizat pentru a genera un cod scurt de deconectare WordPress. Pe lângă diversele configurații pe care le puteți efectua, acest plugin vă oferă posibilitatea de a utiliza următoarele coduri scurte în postările și paginile dvs.

[deconectare] - Un link de deconectare standard, în care utilizatorul rămâne pe ecranul de conectare după ce a fost deconectat. [logout_to_home] - Un link care deconectează utilizatorul și îl redirecționează către pagina dvs. de pornire. [logout_to_current] - Un link care deconectează utilizatorul și îl redirecționează înapoi la pagina / URL curentă.

Pluginul are, de asemenea, diverse opțiuni pentru a configura aspectul și textul, sau experiența reală a utilizatorului.

Autentificare WooCommerce

De la achiziționarea WooCommerce de către Automattic, WooCommerce a integrat din ce în ce mai multe funcționalități de la WordPress.com în WooCommerce. Una dintre caracteristicile mari a fost capacitatea de a vă conecta la WooCommerce.com prin contul dvs. WordPress.com

Dar este posibil ca aceasta să nu fie situația ideală pentru clienții dvs. care de obicei ar avea acum un cont WordPress.com, astfel încât o astfel de funcționalitate ar fi folosităless pentru ei.

Deci, cum puteți crea un sistem de conectare / deconectare a contului cu care sunt familiarizați? Aici intră în joc Conectarea socială WooCommerce!

Conectare socială Woocommerce

WooCommerce Social Login este o extensie premium WooCommerce care permite conectarea socială pentru Seamless creații de conturi și plăți. Acesta este IMEN. Pentru că știați că înregistrările de conturi reprezintă o barieră foarte importantă în calea vânzărilor? 

De fapt, potrivit Statista, puteți pierde până la 21% din clienții dvs. din cauza acestei probleme a procesului lung de creare a contului înainte de check-out.

Deci, cum atenuați acest obstacol? Aici intră în joc extensia WooCommerce Social Login.

Instalând această extensie în magazinul dvs. online WooCommerce, puteți permite utilizatorilor să se autentifice folosind conturile lor Facebook, Twitter, Google, Amazon, LinkedIn, PayPal, Disqus, Yahoo sau VK, în loc să fie nevoiți să creeze un nou cont de utilizator cu un nou cont. set de acreditări. Apoi, utilizatorul poate face clic pe sigla rețelei preferată și se poate conecta la site-ul dvs. folosind aceasta. De altfel, dacă te interesează crearea propriului logo personalizat cu o aplicație gratuită, consultați articolul nostru.

woocommerce social checkout checkout

Deci, atunci când un client vă vizitează site-ul pentru prima dată, cu această extensie, acesta poate doar să faceți clic pe butonul rețelei sociale preferate și, în esență, să obțină un cont creat pe site-ul dvs. cu un singur clic.

Acest lucru reduce bariera și aveți, de asemenea, mai multe conturi de utilizator validate pe care le-ați putea folosi în cele din urmă pentru diferite tipuri de mesagerie (dacă opt-in).

De ce să utilizați WooCommerce Social Login?

  • Vă oferă posibilitatea de a vă sincroniza conturile clienților cu cele mai populare rețele sociale
  • Creează și crează cliențiiless care nu necesită procesul lung de creare și verificare a contului
  • Reduceți fricțiunea, crește vânzările și repetați achizițiile și reduceți abandonul coșului
  • Conectările sociale sunt un mod acceptat și de încredere de a vă conecta la site-uri terțe

Aceasta este o primă care merită prețul său de doar 79 USD. Veți face banii înapoi de multe ori în schimb.

Verificați autentificarea socială WooCommerce

Orice altceva ați dori să știți despre deconectare

Este ceva ce ați dori să știți și care lipsește este acest articol? Ne-ar plăcea să primim comentariile dvs., astfel încât să putem continua să îmbunătățim această postare!  

IMH

Vrei un site rapid?

Pe cine pacalesc? Nu suntem toți?

Deci, de ce atât de mulți dintre noi ne luptăm?

Cea mai mare provocare este de obicei găsirea unei companii de găzduire rapidă și de încredere.

Cu toții am trecut prin coșmaruri - suportul durează o veșnicie sau nu ne rezolvă problema, dând mereu vina pe ceva de partea ta... 

Dar cel mai mare dezamăgire este că site-ul web se simte întotdeauna lent.

At CollectiveRay găzduim cu găzduire InMotion și site-ul nostru este rapid prost. Rulăm pe o stivă personalizată de configurare a serverului LightSpeed ​​pe MariaDB cu un motor PHP7.4 și administrat prin Cloudflare. 

În combinație cu optimizările noastre front-end, serverăm în mod fiabil 6000 de utilizatori în fiecare zi, cu vârfuri de peste 50 de utilizatori simultan. 

Doriți să obțineți o configurare rapidă ca a noastră? Transferați gratuit site-ul dvs. la găzduirea InMotion și obțineți o reducere de 50% la prețurile actuale.

Încercați InMotion Hosting cu 50% REDUCERE pentru CollectiveRay vizitatori DOAR în mai 2024!

Gazduire InMotion 50% REDUCERE pt CollectiveRay vizitatori

Despre autor
David Attard
David a lucrat în sau în jurul industriei online și digitale în ultimii 21 de ani. Are o vastă experiență în industriile software și web design folosind WordPress, Joomla și nișele din jurul lor. A lucrat cu agenții de dezvoltare software, companii internaționale de software, agenții de marketing locale și acum este șeful operațiunilor de marketing la Aphex Media - o agenție SEO. În calitate de consultant digital, se concentrează pe a ajuta companiile să obțină un avantaj competitiv folosind o combinație a site-ului lor web și a platformelor digitale disponibile astăzi. Combinația sa de experiență tehnologică, combinată cu o puternică perspicacitate în afaceri, aduce un avantaj competitiv scrierilor sale.

Inca un lucru... Știați că și persoanele care împărtășesc lucruri utile precum această postare arată MĂRĂTOARE? ;-)
Te rugăm să ne contactezi lasa un util comentează cu gândurile tale, apoi împărtășește acest lucru grupurilor tale de Facebook care ar găsi acest lucru util și să profităm împreună de beneficii. Vă mulțumim că ați împărtășit și ați fost drăguți!

Dezvaluirea: Această pagină poate conține linkuri către site-uri externe pentru produse pe care le iubim și le recomandăm din toată inima. Dacă cumpărați produse pe care vi le sugerăm, este posibil să câștigăm o taxă de recomandare. Astfel de taxe nu influențează recomandările noastre și nu acceptăm plăți pentru recenzii pozitive.

Autor (i) prezentat (e) pe:  Logo-ul revistei Inc   Sigla Sitepoint   Logo CSS Tricks    sigla webdesignerdepot   Sigla WPMU DEV   si multe altele ...