Peste 27 de cârlige de plată WooCommerce ilustrate
Publicat: 2022-07-02Î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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”;}
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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>”; }
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
- Ce este tema WooCommerce Storefront? [Răspuns]
- Cum să puneți coșul și finalizarea comenzii WooCommerce pe o singură pagină
- Cum să adăugați un câmp suplimentar în formularul de plată WooCommerce
- Cum să personalizați pagina de plată a magazinului
- Cum să eliminați pagina din coș WooCommerce Storefront Theme
- Cum să ascundeți taxa la finalizare, dacă valoarea câmpului există WooCommerce
- Cum o Ascundeți câmpul Nume companie WooCommerce Pagina de plată
- Cum să eliminați butonul de finalizare a comenzii WooCommerce
- Cum se schimbă cantitatea în finalizarea comenzii WooCommerce
- Cum să eliminați informațiile suplimentare din pagina de plată WooCommerce