Cum se creează un cod scurt pentru pagina de deconectare WooCommerce

Publicat: 2020-08-22

WooCommerce Creați pagina de deconectare Shortcode Doriți să creați un cod scurt pentru pagina de deconectare WooCommerce pe care îl puteți utiliza oriunde pe site-ul dvs. WooCommerce? Dacă sunteți în căutarea unui exemplu rapid care funcționează de fapt cu codul scurt al paginii de deconectare WooCommerce , acest exemplu vă va face mai ușor să înțelegeți cum să realizați acest lucru.

Utilizarea codurilor scurte facilitează pentru proprietarii de magazine WooCommerce să își personalizeze rapid site-urile fără codare sau cu abilități minime de codare.

Astăzi, voi împărtăși cu voi un mod rapid, ușor și genial în care puteți crea un cod scurt pentru pagina de deconectare WooCommerce și îl puteți implementa oriunde pe site-ul dvs., iar cu un singur clic utilizatorii dvs. sunt deconectați.

Ca de obicei, voi ilustra pas cu pas, explicând modul în care funcționează codul meu, pentru a vă facilita adăugarea codului la tema magazinului dvs. Dacă sunteți un nou dezvoltator WordPress sau un dezvoltator începător WooCommerce

Punct final de deconectare WooCommerce

În mod implicit, WooCommerce oferă utilizatorilor un punct final implicit pentru deconectare care poate fi folosit pentru a crea adrese URL de deconectare și îl puteți accesa în setările WooCommerce, așa cum este distribuit în imaginea de mai jos:

Punct final de deconectare WooCommerce

Puteți personaliza acest punct final după preferințele dvs., așa cum este explicat în acest articol – Personalizarea punctelor finale WooCommerce.

Pe lângă punctul final de deconectare WooCommerce, există câteva alte puncte finale pe care le puteți utiliza pentru a vă personaliza adresele URL WooCommerce și acestea includ punctele finale Pagina de finalizare și pagina Contul meu:

Puncte finale de checkout

Următoarele puncte finale sunt utilizate pentru funcționalitatea legată de checkout și sunt atașate la adresa URL a paginii /checkout:

  • Pagina de plată – /order-pay/{ORDER_ID}
  • Comanda primită (mulțumesc) – /order-received/
  • Adăugați o metodă de plată – /add-payment-method/
  • Ștergeți metoda de plată – /delete-payment-method/
  • Setați metoda de plată implicită – /set-default-payment-method/

Puncte finale ale contului

Următoarele puncte finale sunt utilizate pentru funcționalitatea legată de cont și sunt atașate la adresa URL a paginii /my-account:

  • Comenzi – /orders/
  • Vizualizați comanda – /view-order/{ORDER_ID}
  • Descărcări – /downloads/
  • Editați contul (și schimbați parola) – /edit-account/
  • Adrese – /edit-address/
  • Modalitati de plata – /payment-methods/
  • Parolă pierdută – /lost-password/
  • Deconectare – /customer-logout/

Creați codul scurt al paginii de deconectare WooCommerce

Vom folosi punctul final de deconectare WooCommerce pentru a deconecta utilizatorul și pentru a adăuga codul la butonul de cod scurt.

Punctul final de deconectare WooCommerce este – /customer-logout/ vom adăuga un URL attribute =true pentru a construi adresa URL de deconectare pe care o vom folosi în butonul de deconectare.

Structura URL completă ar trebui să fie după cum urmează site_url/?logout-endpoint=true

Creați codul scurt pentru deconectare WooCommerce

Dacă nu ați creat un cod scurt WordPress sau WooCommerce înainte, am un ghid grozav pe care l-am scris pentru a vă ajuta să învățați cum să creați un cod scurt pentru WordPress. – vezi aici.

Să creăm acum un cod scurt pentru pagina de deconectare WooCommerce pas cu pas:

  • Pasul 1 : Creați acțiunea cârlig și funcțiile de apel invers pentru codul scurt al paginii de deconectare – de exemplu îl puteți crea după cum urmează : add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode' ); . Funcția de apel invers poate fi creată și după cum urmează: function njengah_wc_logout_shortcode(){ }
  • Pasul 2: Verificați dacă utilizatorul este autentificat folosind codul pe care l-am împărtășit în acest tutorial - cum să verificați dacă utilizatorul este autentificat în WordPress: if (is_user_logged_in())
  • Pasul 3: Creați variabila URL de deconectare și puteți crea din punctul final WooCommerce după cum urmează: $wc_shortcode_logout_url = site_url() . '/?customer-logout=true'; $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';
  • Pasul 4: Creați codul butonului și adăugați o clasă, astfel încât să îl puteți modela rapid pentru a se potrivi cu schema de culori a temei dvs. WooCommerce. <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Log Out</a></button>
  • Pasul 5: Adună acest cod și adaugă codul la tema ta prin fișierul functions.php sau poți include codul în dezvoltarea plugin-ului WooCommerce personalizat. adăugați cod scurt la functions.php woocommerce
  • Pasul 6: Testați codul scurt [wc_logout_shortcode] oriunde pe o pagină sau pe o postare sau chiar pe un widget WordPress care acceptă coduri scurte și ar trebui să vedeți afișat butonul de deconectare WooCommerce unde adăugați codul scurt.

Următorul este fragmentul de cod complet pe care îl puteți adăuga la functions.php pentru a crea codul scurt al paginii de deconectare WooCommerce:

 /**
 * Adăugați un buton de cod scurt pentru pagina de deconectare WooCommerce
 */

// Cârlig de acțiune de cod scurt 

add_shortcode( 'wc_logout_shortcode', 'njengah_wc_logout_shortcode');

// Suna inapoi 

funcția njengah_wc_logout_shortcode(){
	
    ob_start();
    // Verificați dacă utilizatorul este autentificat 
    if (este_user_logged_in()){ 
          // Creați variabila URL 
	   $wc_shortcode_logout_url = site_url() . '/?customer-logout=true';?>
	    <button class="wc_logout_shortcode_btn"><a href="<?php echo $wc_shortcode_logout_url; ?>">Deconectați-vă</a></button> 
        <?php 
	}

    return ob_get_clean();
}

Acum puteți testa codul scurt adăugându-l pe o pagină nouă sau postare, așa cum se arată în imaginea de mai jos și ar trebui să vedeți butonul afișat pe front-end.

cod scurt pentru pagina de deconectare woocommerce

Testați butonul de cod scurt de deconectare WooCommerce de pe pagină

În cele din urmă, pe front-end ar trebui să testați butonul de deconectare și să vedeți dacă funcționează așa cum se arată în imaginea de mai jos. Dacă ați urmat toți pașii, codul scurt de deconectare WooCommerce ar trebui să funcționeze așa cum se arată în exemplul meu de mai jos:

exemplu de cod scurt de deconectare woocommerce

Concluzie

În această postare, v-am împărtășit cum să creați un cod scurt pentru funcționalitatea de deconectare WooCommerce. Dacă doriți să vă deconectați fără a apărea mesajul de confirmare, am scris un ghid bun despre cum puteți elimina mesajul de confirmare a deconectarii WooCommerce.

Într-un rezumat rapid, pentru a crea codul scurt de deconectare WooCommerce, trebuie să profitați de punctul final implicit de deconectare WooCommerce. De asemenea, puteți schimba această adresă URL a punctului final la orice variabilă dorită și o puteți adăuga la codul dvs. și va funcționa!

Articole similare

  1. Cum să setați produsele recomandate în WooCommerce
  2. Cum să ascundeți toate produsele din pagina de magazin în WooCommerce
  3. Cele mai bune 23 de plugin-uri WooCommerce pentru personalizarea paginii de plată
  4. Cum să redirecționați utilizatorul dacă nu este autentificat în WordPress » Redirecționare pagină
  5. Modalități de a elimina bara laterală din pagina de produs în temele WooCommerce
  6. Deconectare WooCommerce fără confirmare: Cum să eliminați „Sunteți sigur că doriți să vă deconectați?”
  7. Cum să adăugați pictograma Eliminare pe pagina de finalizare a plății WooCommerce
  8. Cum să obțineți ID-ul comenzii în Woocommerce
  9. Cum să verificați dacă pluginul este activ în WordPress [ 3 MODI ]
  10. Cum să utilizați codurile scurte WordPress în pagini sau postări cu exemplu
  11. Redirecționare WooCommerce după finalizare: Cum să redirecționați automat către o pagină personalizată după finalizare
  12. Cum să obțineți adrese URL ale paginilor WooCommerce » Coș, magazin, casă și cont
  13. Cum să obțineți ID-ul postării de către Slug în WordPress cu un exemplu practic
  14. Cum se adaugă imaginea produsului Pagina de plată WooCommerce
  15. Cum să redimensionați imaginile produselor WooCommerce
  16. Cum să eliminați a fost adăugat în coșul dvs. Mesaj WooCommerce
  17. Cum să schimbi pictograma PayPal pe pagina de plată WooCommerce
  18. Cum să redimensionați imaginile produselor WooCommerce
  19. Cum să ascundeți pictograma PayPal pe pagina de plată WooCommerce
  20. Cum adăugați text înainte de preț în WooCommerce » Adăugați text înainte de preț