Ghidul complet pentru codul scurt de conectare WooCommerce

O pagină de conectare este un element important al unui magazin WooCommerce. Este ca o poartă de acces pentru clienții dvs. pentru a le accesa conturile, a urmări comenzile și a finaliza achizițiile. Dar ce se întâmplă dacă întregul proces este excesiv de complicat și nu reușește să-și atingă scopul?

Ei bine, de aceea trebuie să încercați și să personalizați codurile scurte de conectare la WooCommerce. Ele vă ajută să creați și să personalizați paginile de conectare în câteva minute și să ofere clienților o experiență ușor de utilizat.

Deci, indiferent dacă doriți un formular de conectare simplu, o pagină combinată de autentificare și înregistrare sau o pagină de înregistrare de sine stătătoare pentru campanii vizate, codurile scurte de conectare WooCommerce îl fac ușor de realizat.

În acest articol, vom discuta tot ceea ce este legat de codul scurt de conectare WooCommerce, pornind de la cum să creați o pagină de conectare folosind codul scurt pentru a o personaliza pentru o experiență mai bună a utilizatorului.

Deci, să începem.

Tipuri de pagini de conectare WooCommerce

O pagină de conectare poate arăta ca un simplu gateway, dar este mai mult decât un gateway - este un câmp pentru nume de utilizator și parolă!

Există diferite tipuri de pagini de conectare, în funcție de nevoile dvs. de afaceri și de preferințele utilizatorului. Să explorăm opțiunile:

1. Pagina de conectare clasică : aceasta este o pagină de conectare simplă. Este nevoie doar de utilizatori să-și introducă acreditările și boom - sunt în.
2. Pagina de conectare socială : acest tip de pagină de conectare permite utilizatorilor să folosească conturile lor de rețele sociale preferate pentru a se conecta.
3. Pagina de conectare personalizată : acest tip de pagină de conectare este personalizată pentru a se potrivi cu identitatea mărcii dvs. Pentru a face acest lucru, trebuie să adăugați sigla și culorile mărcii dvs. și să adăugați mesaje de bun venit pentru a încuraja utilizatorii să se conecteze.
4. Pagina de conectare în mai mulți pași : Acest tip de pagină de conectare este ideală pentru cei care doresc să adauge un nivel suplimentar de securitate paginii lor de conectare. Acesta descompune întregul proces în pași gestionați, cum ar fi introducerea unui nume de utilizator, a parolei și a unui cod de verificare.
5. Pagina de conectare unică (SSO) : în sfârșit, acest tip de pagină de conectare permite utilizatorilor să utilizeze aceleași acreditări pentru mai multe aplicații.

Acestea au fost și câteva tipuri de pagini de conectare. Ce crezi, care se potrivesc magazinului tău WooCommerce? Este o pagină de conectare clasică sau o pagină de socializare? Ei bine, alegerea este a ta. Nu uitați să îl faceți personalizat și ușor de utilizat.

Importanța personalizării paginii de conectare WooCommerce

O pagină de autentificare plictisitoare și generică poate fi o oprire completă pentru clienții dvs. Personalizarea acesteia îmbunătățește aspectul paginii și, de asemenea, adaugă valoare magazinului dvs.

Dar necesită efort, iar dacă vă întrebați de ce trebuie să vă investiți timpul în asta, iată câteva motive de top pentru care merită efortul.

• Zone exclusive: creați secțiuni restricționate accesibile numai utilizatorilor conectați.
• Experiență îmbunătățită a utilizatorului: îmbunătățește călătoria utilizatorului, eliminând nevoia de detalii din nou și din nou pentru a face o achiziție.
• Acces simplificat: Permite utilizatorilor să se conecteze și să își gestioneze informațiile într-un singur loc.
• Conversii sporite: o pagină de conectare ușor de utilizat și atractivă din punct de vedere vizual ajută la reducerea ratelor de respingere și încurajează clienții să-și finalizeze achizițiile.
• Securitate sporită: adăugați funcții precum CAPTCHA sau autentificarea cu doi factori pentru a proteja datele utilizatorului.

Personalizarea paginii dvs. de conectare WooCommerce nu este doar o actualizare estetică, ci o îmbunătățire importantă .

Acum că știți motivele din spate, să trecem la acțiune și să vedem cum să creați și să personalizăm o pagină de conectare folosind codul scurt de conectare WooCommerce.

Cum se creează o pagină de conectare folosind codul scurt de conectare WooCommerce?

Deci totul începe cu codul scurt My Account în WooCommerce. Acest cod scurt de conectare WooCommerce simplu – [woocommerce_my_account] vă permite să adăugați întreaga zonă Contul meu pe orice pagină.

Aici clienții tăi se pot conecta, pot vedea comenzile anterioare, își pot actualiza detaliile și își pot gestiona contul.

Deci, dacă doriți ca clienții să se poată înregistra și de pe această pagină, asigurați-vă că înregistrarea este activată în setările WooCommerce.

• Mai întâi, accesați WordPress admin dashboard . Acum navigați la Pages pentru a crea o pagină nouă. Dacă nu doriți să creați o pagină nouă, faceți clic pe orice pagină existentă pentru a o edita.
• Acum, faceți clic pe pictograma + pentru a adăuga un nou bloc pe pagină.
• Din opțiuni, căutați Shortcode.
• Va apărea o casetă. Aici puteți copia și lipi codul scurt de conectare WooCommerce: [woocommerce_my_account]

Notă: Acest cod scurt va afișa un formular de conectare împreună cu înregistrarea utilizatorului și detaliile contului.

• În cele din urmă, faceți clic pe butonul Publish sau Update pentru a activa pagina pe site-ul dvs.

În acest fel, ați creat o pagină de conectare; acum urmați acești pași pentru a seta pagina ca pagină de conectare implicită:

• Accesați WooCommerce > Settings > Advanced .
• Sub My account page , selectați pagina de mai sus pentru opțiunea Contul meu.

În cele din urmă, vizitați pagina de conectare și asigurați-vă că totul funcționează fără probleme.

Cu acești pași, ați creat o pagină de conectare complet funcțională .

Deci, dacă doriți o pagină separată de înregistrare, autentificare și cont, trebuie să personalizați pagina folosind codurile scurte de conectare WooCommerce.

Personalizarea paginii de conectare WooCommerce

1. Pagina de înregistrare: adăugați codul scurt [sa_woocommerce_registration_form] la pagina dvs. de înregistrare, după ce ați activat primul fragment de mai jos. Dacă utilizatorii sunt autentificați, mesajul va afișa „Sunteți deja înregistrat”.

/**
 * Cod scurt pentru înregistrarea utilizatorului WooCommerce.
 *
 * @author StoreApps
 */
add_shortcode( 'sa_woocommerce_registration_form', 'storeapps_custom_registration_form');
funcția storeapps_custom_registration_form() {
	if ( is_user_logged_in() ) {
		intoarce'
 Ești deja înregistrat.
		

 ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	$html = wc_get_template_html('myaccount/form-login.php');
	$dom = nou DOMDocument();
	$dom->encoding = 'utf-8';
	$dom->loadHTML( utf8_decode( $html ) );
	$xpath = nou DOMXPath( $dom);
	$form = $xpath->query( '//form[contains(@class,"register")]' );
	$form = $form->item( 0 );
	echo $dom->saveHTML( $form );
	return ob_get_clean();
}

2. Pagina de conectare: pentru pagina de conectare, utilizați codul scurt [sa_woocommerce_registration_form] după ce activați al doilea fragment. Dacă utilizatorul este autentificat, va fi afișat un mesaj „Ești deja autentificat”.

/**
 * Cod scurt pentru autentificarea utilizatorului WooCommerce
 *
 * @author StoreApps
 */
add_shortcode( 'sa_woocommerce_login_form', 'storeapps_custom_login_form');
funcția storeapps_custom_login_form() {
	if ( is_user_logged_in() ) {
		intoarce'
 Sunteți deja autentificat.
		

 ';
	}
	ob_start();
	do_action('woocommerce_before_customer_login_form');
	woocommerce_login_form( array( 'redirect' => wc_get_page_permalink( 'myaccount' ) ) );
	return ob_get_clean();
}

3. Pagina Contului meu: păstrați codul scurt [woocommerce_my_account] pe pagina Contul meu pentru a afișa toate detaliile contului de utilizator.
4. Redirecționare după înregistrare: De asemenea, puteți adăuga o redirecționare după înregistrare, astfel încât clienții să fie direcționați către pagina Contul meu odată ce se înregistrează (formularul de autentificare se ocupă deja de acest lucru în mod implicit).
5. Redirecționați utilizatorii conectați: pentru a preveni erorile atunci când utilizatorii conectați accesează paginile de conectare sau de înregistrare, utilizați fragmentul de mai jos. Acest lucru îi va redirecționa automat către pagina Contul meu.

/**
 * Redirecționați autentificarea/înregistrarea către contul meu
 *
 * @author StoreApps
 */
add_action( 'template_redirect', 'storeapps_redirect_to_myaccount_after_logged_in');
funcția storeapps_redirect_to_myaccount_after_logged_in() {
	if ( is_page() && is_user_logged_in() && ( has_shortcode( get_the_content(), 'sa_woocommerce_login_form' ) || are_shortcode( get_the_content(), 'sa_woocommerce_registration_form' ) ) {
		wp_safe_redirect(wc_get_page_permalink('myaccount'));
		Ieșire;
	}
}

Notă: Pentru ca acest lucru să funcționeze, va trebui să adăugați fragmentele la secțiunea PHP personalizată din fișierul functions.php și CSS personalizat în fișierul style.css al temei dvs. principale.

Cele mai bune plugin-uri pentru a îmbunătăți autentificarea WooCommerce

Iată câteva dintre cele mai bune pluginuri WooCommerce care vă pot ajuta să vă personalizați pagina de conectare fără a vă implica în codurile scurte de conectare WooCommerce :

Conectare rapidă pentru WordPress

Paginile de conectare sunt grozave pentru site-ul dvs., dar ce ziceți să le facem și mai inteligente?

În timp ce paginile de conectare tradiționale sunt utile, ce zici de oferirea unui acces și mai rapid pentru clienți, clienți sau colaboratori temporari ? Aici intervine Express Login pentru WordPress de la StoreApps.

Login Express pentru WordPress le permite utilizatorilor să se conecteze instantaneu cu link-uri securizate și de conectare automată. Nu sunt necesare nume de utilizator sau parole - doar o experiență de utilizator fără probleme!

• Redirecționați oriunde: trimiteți utilizatorii direct la finalizarea comenzii, la coș sau la orice pagină ascunsă fără efort.
• Linkuri cu expirare automată: setați linkuri de conectare cu date de expirare pentru un plus de securitate.
• Export de linkuri în bloc: creați și partajați cu ușurință linkuri de conectare pentru campaniile de e-mail.
• Plugin ușor de utilizat: acest plugin este ușor de utilizat. Tot ce ai nevoie este să-l instalezi, să-l activezi și ești gata!

Cu Express Login pentru WordPress, nu-i lăsați pe utilizatori să-și zgârie capul după nume de utilizator și parole.

Spune-ți la revedere luptei de conectare și salută comoditatea și securitatea.

Încercați acum Login Express pentru WordPress

Membru suprem

Ultimate Member este un plugin puternic pentru a simplifica gestionarea utilizatorilor. Vă permite să creați formulare personalizate de înregistrare și autentificare, profiluri de utilizator și acces bazat pe roluri .

De asemenea, oferă un constructor drag-and-drop care vă permite să proiectați forme uimitoare fără efort.

• Formulare personalizate: creați formulare personalizabile de conectare, înregistrare și profil de utilizator.
• Acces bazat pe roluri: Atribuiți diferite roluri de utilizator cu permisiuni personalizate.
• Generator de glisare și plasare: Proiectați forme fără efort.
• Logica condiționată: Afișați câmpurile de formular pe baza intrării utilizatorului.

În general, este o alegere excelentă pentru a construi comunități captivante sau site-uri de membru pe WooCommerce.

Înregistrarea utilizatorului

Înregistrarea utilizatorului este un alt plugin prietenos pentru începători pentru a crea formulare de autentificare și înregistrare personalizabile. Oferă șabloane pre-proiectate, logică condiționată și integrări terță parte pentru experiențe de utilizator fără întreruperi.

• Șabloane pre-proiectate: trageți rapid lucrurile cu modele de formulare gata făcute.
• Logica condiționată: afișați câmpurile pe baza intrărilor utilizatorului.
• Integrari terțe: conectați-vă fără probleme cu instrumentele de marketing prin e-mail și CRM-urile.
• Formulare în mai mulți pași: Împărțiți formularele lungi în mai mulți pași pentru o experiență mai bună a utilizatorului.

În general, acest plugin este ideal pentru proprietarii de magazine WooCommerce care doresc formulare personalizabile și scalabile .

ÎnregistrareMagic

RegistrationMagic este un alt plugin care vă poate ajuta să creați formulare avansate de autentificare și înregistrare. De asemenea, acceptă integrarea plăților, atribuirea rolului utilizatorului și analiza detaliată a formularelor .

• Integrarea plăților: Acceptați plăți direct prin formularele de înregistrare.
• Atribuire rol utilizator: Atribuiți automat roluri utilizatorilor pe baza trimiterilor de formulare.
• Analize detaliate: urmăriți performanța cu informații detaliate despre date.
• Shortcodes: încorporați formulare oriunde pe site-ul dvs.

În general, acesta este ideal pentru a gestiona înregistrările utilizatorilor, oferind în același timp flexibilitate și control asupra designului și funcționalității formularelor.

Concluzie

Personalizarea paginii dvs. de autentificare cu codul scurt de conectare WooCommerce are numeroase beneficii, inclusiv o experiență îmbunătățită a utilizatorului, îmbunătățirea identității mărcii, securitatea îmbunătățită etc.

O pagină de conectare personalizată creează o călătorie fără probleme pentru clienții dvs. și face întregul proces mai ușor.

Deci, indiferent dacă utilizați coduri scurte de conectare WooCommerce sau plugin-uri, ar trebui să încercați cu siguranță să personalizați pagina de autentificare pentru o funcționalitate mai bună și pentru a spori satisfacția utilizatorilor.

De asemenea, dacă doriți să faceți autentificarea WooCommerce ușoară pentru clienții dvs., nu uitați să explorați azi Express Login pentru WordPress.