Peste 27 de cârlige de plată WooCommerce ilustrate

Publicat: 2022-07-02

WooCommerce Checkout Hooks În această postare, veți învăța cum să utilizați cârlige de plată în WooCommerce. Rămâneți până la sfârșit, deoarece ne vom uita la cârligele principale și vă vom oferi exemple despre ce puteți face cu ele. Ele vă ajută să personalizați pagina de finalizare a achiziției pentru a vă crește ratele de conversie.

WooCommerce Hooks

Cârligele sunt funcții puternice care vă permit să modificați sau să adăugați cod fără a modifica fișierele de bază. Ele oferă multă flexibilitate, iar dezvoltatorii le folosesc pentru a schimba funcționalitățile implicite WooCommerce.

Trebuie să rețineți că există două tipuri de cârlige diferite:

  • Cârlige de acțiune – Vă permit să adăugați cod personalizat pentru a efectua anumite acțiuni atunci când are loc un eveniment.
  • Cârlige de filtrare – Ele modifică comportamentul unei variabile sau funcții existente.

WooCommerce Checkout Hooks

Hooks ajută dezvoltatorii să creeze soluții personalizate în mod practic și flexibil. Cârligele de plată sunt un tip de cârlige acceptate de WooCommerce. Cârligele de plată pot fi folosite pentru a adăuga conținut înainte de câmpurile de facturare, pentru a aplica o logică pentru a crește prețul sau a limita utilizatorii după rol, înainte de revizuirea comenzii sau după formularul de finalizare a comenzii și multe altele.

Ar trebui să rețineți că cârligele WooCommerce funcționează exact ca și cârligele native WordPress. Înainte de a începe, vă recomand cu căldură să creați o temă copil, astfel încât modificările dvs. să nu se piardă.

Pagina de plată WooCommerce are următoarele cârlige:

1. woocommerce_before_checkout_form

Cârligul woocommerce_before_checkout_form este definit înainte de formularul de plată. Este plasat deasupra câmpului cuponului de pe pagina de plată.

 add_action( 'woocommerce_before_checkout_form', 'njengah_before_checkout_form', 10 );

funcția njengah_before_checkout_form(){ echo „<h2>woocommerce_before_checkout_form</h2>”; }

înainte de checkout

2. woocommerce_checkout_before_customer_details

Cârligul woocommerce_checkout_before_customer_details este definit în formularul de finalizare a comenzii chiar înainte de detaliile clientului.

 add_action( 'woocommerce_checkout_before_customer_details', 'njengah_checkout_before_customer_details', 10 );

funcția njengah_checkout_before_customer_details(){

echo „<h2>woocommerce_checkout_before_customer_details</h2>”;

} 

înainte de detaliile clientului

3. woocommerce_checkout_billing

Woocommerce_checkout_billing este un nou cârlig adăugat la pagina de plată. Șablonul de formular de facturare de pe pagina de plată este inclus folosind acest cârlig.

 add_action('woocommerce_checkout_billing', 'njengah_checkout_billing');

funcția njengah_checkout_billing() { echo „<h2>woocommerce_checkout_billing</h2>”; }

facturare la casă

4. woocommerce_before_checkout_billing_form

Cârligul woocommerce_before_checkout_billing_form este definit înainte de începerea formularului de facturare.

 add_action( 'woocommerce_before_checkout_billing_form', 'njengah_before_checkout_billing_form', 10 );

funcția njengah_before_checkout_billing_form(){

echo „<h2>woocommerce_before_checkout_billing_form</h2>”;

} 

formularul de facturare la checkout

5. woocommerce_after_checkout_billing_form

Cârligul woocommerce_after_checkout_billing_form este definit după completarea formularului de facturare.

 add_action( 'woocommerce_after_checkout_billing_form', 'njengah_after_checkout_billing_form', 10 );

funcția njengah_after_checkout_billing_form(){ echo „<h2>woocommerce_after_checkout_billing_form</h2>”; }

după câmpurile de facturare

6. woocommerce_before_checkout_registration_form

Cârligul woocommerce_before_checkout_registration_form este definit în șablonul formularului de facturare după formularul de creare a contului. Aceasta va fi executată pentru utilizatorii invitați.

 add_action('woocommerce_before_checkout_registration_form', 'njengah_checkout_billing');

funcția njengah_checkout_billing() {

echo „<h2>woocommerce_before_checkout_registration_form</h2>”;

} 

înainte de formularul de înregistrare

7. woocommerce_after_checkout_registration_form

Cârligul woocommerce_after_checkout_registration_form este definit în șablonul formularului de facturare. Aceasta va fi executată pentru utilizatorii invitați.

 add_action('woocommerce_after_checkout_registration_form', 'njengah_after_checkout_registration_form');

funcția njengah_after_checkout_registration_form() { echo „<h2>woocommerce_after_checkout_registration_form</h2>”; }

după formularul de înregistrare

8. woocommerce_checkout_shipping

Cârligul woocommerce_checkout_shipping este definit în șablonul formularului de expediere înainte de formularul de expediere.

 add_action('woocommerce_checkout_shipping', 'njengah_checkout_shipping');

funcția njengah_checkout_shipping() {

echo „<h2>woocommerce_checkout_shipping</h2>”;

} 

livrare la casă

9. woocommerce_before_checkout_shipping_form

Cârligul woocommerce_before_checkout_shipping_form este definit chiar înainte de începerea formularului de expediere.

 add_action( 'woocommerce_before_checkout_shipping_form', 'njengah_before_checkout_shipping_form', 10 );

funcția njengah_before_checkout_shipping_form(){ echo „<h2>woocommerce_before_checkout_shipping_form</h2>”; }

formularul de expediere înainte de checkout

10. woocommerce_after_checkout_shipping_form

Cârligul woocommerce_after_checkout_shipping_form este definit după completarea formularului de expediere.

 add_action( 'woocommerce_after_checkout_shipping_form', 'njengah_after_checkout_shipping_form', 10 );

funcția njengah_after_checkout_shipping_form(){

echo „<h2>woocommerce_after_checkout_shipping_form</h2>”;

} 

după expediere

11. woocommerce_before_order_notes

Cârligul woocommerce_before_order_notes este definit înainte de câmpul de note de comandă de pe pagina de finalizare a comenzii.

 add_action( 'woocommerce_before_order_notes', 'njengah_before_order_notes', 10 );

funcția njengah_before_order_notes(){ ecou „<h2>woocommerce_before_order_notes</h2>”; }

înainte de notele de comandă

12. woocommerce_after_order_notes

Cârligul woocommerce_after_order_notes este definit după câmpul de note de comandă de pe pagina de finalizare a comenzii.

 add_action( 'woocommerce_after_order_notes', 'njengah_after_order_notes', 10 );

funcția njengah_after_order_notes(){

ecou „<h2>woocommerce_after_order_notes</h2>”;

} 

după notele de comandă

13. woocommerce_checkout_after_customer_details

Cârligul woocommerce_checkout_after_customer_details este plasat după completarea detaliilor clientului, care se află după câmpurile de facturare și livrare.

 add_action( 'woocommerce_checkout_after_customer_details', 'njengah_checkout_after_customer_details', 10 );

funcția njengah_checkout_after_customer_details(){ echo „<h2>woocommerce_checkout_after_customer_details</h2>”; }

după detaliile clientului

14. woocommerce_checkout_before_order_review_heading

Cârligul woocommerce_checkout_before_order_review_heading este definit în șablonul de finalizare a comenzii înainte de titlul de examinare a comenzii, care este „Comanda ta”. Acest cârlig a fost adăugat în WooCommerce v3.6.0.

 add_action('woocommerce_checkout_before_order_review_heading', 'njengah_checkout_before_order_review_heading');

funcția njengah_checkout_before_order_review_heading() {

echo „<h2>woocommerce_checkout_before_order_review_heading</h2>”;

}

înainte de revizuirea comenzii

15. woocommerce_checkout_order_review

Cârligul woocommerce_checkout_order_review este definit în șablonul principal de plată. Șablonul tabelului de revizuire a comenzilor este inclus folosind acest cârlig.

 add_action('woocommerce_checkout_order_review', 'njengah_checkout_order_review');

funcția njengah_checkout_order_review() {

ecou „<h2>woocommerce_checkout_order_review</h2>”;

} 

revizuirea comenzii

16. woocommerce_checkout_before_order_review

Cârligul woocommerce_checkout_before_order_review este definit înainte de detaliile comenzii de pe pagina de finalizare a comenzii.

 add_action( 'woocommerce_checkout_before_order_review', 'njengah_checkout_before_order_review', 10 );

funcția njengah_checkout_before_order_review(){ echo „<h2>woocommerce_checkout_before_order_review</h2>”; }

checkout înainte de revizuirea comenzii

17. woocommerce_review_order_before_cart_contents

Cârligul woocommerce_review_order_before_cart_contents este definit în interiorul corpului tabelului de comenzi înainte de conținut.

 add_action( 'woocommerce_review_order_before_cart_contents', 'njengah_review_order_before_cart_contents', 10 );

funcția njengah_review_order_before_cart_contents(){

echo „<h2>woocommerce_review_order_before_cart_contents</h2>”;

} 

revizuiți comanda înainte de conținut

18. woocommerce_review_order_after_cart_contents

Cârligul woocommerce_review_order_after_cart_contents este definit în interiorul corpului tabelului de comenzi după tot conținutul.

 add_action( 'woocommerce_review_order_after_cart_contents', 'njengah_review_order_after_cart_contents', 10 );

funcția njengah_review_order_after_cart_contents(){ ecou „<h2>woocommerce_review_order_after_cart_contents</h2>”; }

revizuiți comanda după conținutul coșului

19. woocommerce_review_order_before_shipping

Cârligul woocommerce_review_order_before_shipping este definit înainte de secțiunea de expediere din tabelul de comandă.

 add_action( 'woocommerce_review_order_before_shipping', 'njengah_review_order_before_shipping', 10 );

funcția njengah_review_order_before_shipping(){

echo „<h2>woocommerce_review_order_before_shipping</h2>”;

} 

înainte de expediere

20. woocommerce_review_order_after_shipping

Cârligul woocommerce_review_order_after_shipping este definit după secțiunea de expediere din tabelul cu detaliile comenzii.

 add_action( 'woocommerce_review_order_after_shipping', 'njengah_review_order_after_shipping', 10 );

funcția njengah_review_order_after_shipping(){

echo „<h2>woocommerce_review_order_after_shipping</h2>”;

} 

după expedierea comenzii de revizuire

21. woocommerce_review_order_before_order_total

Cârligul woocommerce_review_order_before_order_total este definit înainte de secțiunea totală și după secțiunea de expediere în tabelul cu detaliile comenzii.

 add_action( 'woocommerce_review_order_before_order_total', 'njengah_review_order_before_order_total', 10 );

funcția njengah_review_order_before_order_total(){

ecou „<h2>woocommerce_review_order_before_order_total</h2>”;

} 

înainte de totalul comenzii

22. woocommerce_review_order_after_order_total

Cârligul woocommerce_review_order_after_order_total este definit după secțiunea totală și în tabelul cu detaliile comenzii.

 add_action( 'woocommerce_review_order_after_order_total', 'njengah_review_order_after_order_total', 10 );

funcția njengah_review_order_after_order_total(){

ecou „<h2>woocommerce_review_order_after_order_total</h2>”;

} 

după totalul comenzii

23. woocommerce_review_order_before_payment

Cârligul woocommerce_review_order_before_payment este definit înainte de secțiunea metode de plată de pe pagina de plată.

 add_action( 'woocommerce_review_order_before_payment', 'njengah_review_order_before_payment', 10 );

funcția njengah_review_order_before_payment(){

ecou „<h2>woocommerce_review_order_before_payment</h2>”;

} 

revizuiți comanda înainte de plată

24. woocommerce_review_order_before_submit

Cârligul woocommerce_review_order_before_submit este definit înainte de butonul „Plase Order” de pe pagina de finalizare a comenzii.

 add_action( 'woocommerce_review_order_before_submit', 'njengah_review_order_before_submit', 10 );

funcția njengah_review_order_before_submit(){

echo „<h2>woocommerce_review_order_before_submit</h2>”;

} 

revizuiți comanda înainte de trimitere

25. woocommerce_review_order_after_submit

Cârligul woocommerce_review_order_after_submit este definit după butonul „Plasați comanda” de pe pagina de finalizare a comenzii.

 add_action( 'woocommerce_review_order_after_submit', 'njengah_review_order_after_submit', 10 );

funcția njengah_review_order_after_submit(){

ecou „<h2>woocommerce_review_order_after_submit</h2>”;

} 

revizuiți comanda după trimitere

26. woocommerce_review_order_after_payment

Hook-ul woocommerce_review_order_after_payment este definit după întreaga secțiune de plată, inclusiv butonul „Plasează comandă”.

 add_action( 'woocommerce_review_order_after_payment', 'njengah_review_order_after_payment', 10 );

funcția njengah_review_order_after_payment(){

ecou „<h2>woocommerce_review_order_after_payment</h2>”;

} 

revizuiți comanda după plată

27. woocommerce_checkout_after_order_review

Hook-ul woocommerce_checkout_after_order_review este definit după secțiunea de revizuire a comenzii de pe pagina de finalizare a comenzii, care include tabelul cu detaliile comenzii și secțiunea de plată.

 add_action( 'woocommerce_checkout_after_order_review', 'njengah_checkout_after_order_review', 10 );

funcția njengah_checkout_after_order_review(){

ecou „<h2>woocommerce_checkout_after_order_review</h2>”;

} 

după revizuirea comenzii

28. woocommerce_after_checkout_form

Cârligul woocommerce_after_checkout_form este definit la sfârșitul formularului de finalizare a achiziției.

 add_action( 'woocommerce_after_checkout_form', 'njengah_after_checkout_form', 10 );

funcția njengah_after_checkout_form(){

echo „<h2>woocommerce_after_checkout_form</h2>”;

} 

după formularul de checkout

Concluzie

Această postare ilustrează toate cârligele WooCommerce care sunt disponibile pe pagina de plată. Aceste cârlige vă permit să personalizați pagina de casă în funcție de nevoile dvs.

Dacă este prima dată când utilizați hooks, puteți copia aceste scripturi și le puteți lipi direct în fișierul functions.php al temei dumneavoastră Child. Acum puteți deveni creativ și puteți personaliza pagina de finalizare a achiziției pentru a crește ratele de conversie.

Alternativ, puteți utiliza pluginuri pentru a personaliza această secțiune dacă nu sunteți familiarizat cu codurile. Dacă aveți nevoie de personalizare suplimentară, vă rugăm să luați în considerare angajarea unui dezvoltator WordPress calificat.

Articole similare