27+ Ganci di pagamento WooCommerce illustrati

In questo post imparerai come utilizzare gli hook di pagamento in WooCommerce. Attieniti alla fine, poiché esamineremo i ganci principali e ti forniremo esempi di cosa puoi fare con loro. Ti aiutano a personalizzare la pagina di pagamento per aumentare i tuoi tassi di conversione.

Ganci WooCommerce

Gli hook sono potenti funzioni che consentono di modificare o aggiungere codice senza modificare i file principali. Forniscono molta flessibilità e gli sviluppatori li usano per modificare le funzionalità predefinite di WooCommerce.

Dovresti notare che ci sono due tipi di ganci diversi:

• Hook di azioni : consentono di aggiungere codice personalizzato per eseguire determinate azioni quando si verifica un evento.
• Hook filtro : modificano il comportamento di una variabile o funzione esistente.

Ganci di pagamento WooCommerce

Gli hook aiutano gli sviluppatori a creare soluzioni personalizzate in modo pratico e flessibile. Gli hook di checkout sono un tipo di numerosi hook supportati da WooCommerce. Gli hook di pagamento possono essere utilizzati per aggiungere del contenuto prima dei campi di fatturazione, applicare una logica per aumentare il prezzo o limitare gli utenti per ruolo, prima della revisione dell'ordine o dopo il modulo di pagamento e molti altri.

Dovresti notare che gli hook di WooCommerce funzionano esattamente come gli hook nativi di WordPress. Prima di iniziare, consiglio vivamente di creare un tema figlio in modo che le modifiche non vadano perse.

La pagina di pagamento di WooCommerce ha i seguenti hook:

1. woocommerce_before_checkout_form

L'hook woocommerce_before_checkout_form è definito prima del modulo di pagamento. Si trova sopra il campo del coupon nella pagina di pagamento.

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


funzione njengah_before_checkout_form(){

            echo '<h2>woocommerce_before_checkout_form</h2>';

} 

2. woocommerce_checkout_before_customer_details

L'hook woocommerce_checkout_before_customer_details è definito nel modulo di pagamento appena prima dei dettagli del cliente.

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

funzione njengah_checkout_before_customer_details(){

echo '<h2>woocommerce_checkout_before_customer_details</h2>';

} 

3. woocommerce_checkout_billing

Il woocommerce_checkout_billing è un nuovo hook aggiunto alla pagina di pagamento. Il modello del modulo di fatturazione nella pagina di pagamento è incluso utilizzando questo hook.

 add_action('woocommerce_checkout_billing', 'njengah_checkout_billing');
		


funzione njengah_checkout_billing() {

echo '<h2>woocommerce_checkout_billing</h2>';

} 

4. woocommerce_before_checkout_billing_form

L'hook woocommerce_before_checkout_billing_form è definito prima dell'inizio del modulo di fatturazione.

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

funzione njengah_before_checkout_billing_form(){

echo '<h2>woocommerce_before_checkout_billing_form</h2>';

} 

5. woocommerce_after_checkout_billing_form

L'hook woocommerce_after_checkout_billing_form viene definito dopo il completamento del modulo di fatturazione.

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


funzione njengah_after_checkout_billing_form(){

echo '<h2>woocommerce_after_checkout_billing_form</h2>';

} 

6. woocommerce_before_checkout_registration_form

L'hook woocommerce_before_checkout_registration_form è definito nel modello del modulo di fatturazione dopo il modulo di creazione dell'account. Questo verrà eseguito per gli utenti guest.

 add_action('woocommerce_before_checkout_registration_form', 'njengah_checkout_billing');

funzione njengah_checkout_billing() {

echo '<h2>woocommerce_before_checkout_registration_form</h2>';

} 

7. woocommerce_after_checkout_registration_form

L'hook woocommerce_after_checkout_registration_form è definito nel modello del modulo di fatturazione. Questo verrà eseguito per gli utenti guest.

 add_action('woocommerce_after_checkout_registration_form', 'njengah_after_checkout_registration_form');
		


funzione njengah_after_checkout_registration_form() {

echo '<h2>woocommerce_after_checkout_registration_form</h2>';

} 

8. woocommerce_checkout_shipping

L'hook woocommerce_checkout_shipping è definito nel modello del modulo di spedizione prima del modulo di spedizione.

 add_action('woocommerce_checkout_shipping', 'njengah_checkout_shipping');

funzione njengah_checkout_shipping() {

echo '<h2>woocommerce_checkout_shipping</h2>';

} 

9. woocommerce_before_checkout_shipping_form

L'hook woocommerce_before_checkout_shipping_form è definito appena prima dell'inizio del modulo di spedizione.

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


funzione njengah_before_checkout_shipping_form(){

echo '<h2>woocommerce_before_checkout_shipping_form</h2>';

} 

10. woocommerce_after_checkout_shipping_form

L'hook woocommerce_after_checkout_shipping_form viene definito dopo il completamento del modulo di spedizione.

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

funzione njengah_after_checkout_shipping_form(){

echo '<h2>woocommerce_after_checkout_shipping_form</h2>';

} 

11. woocommerce_before_order_notes

L'hook woocommerce_before_order_notes è definito prima del campo delle note dell'ordine nella pagina di pagamento.

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


funzione njengah_before_order_notes(){

echo '<h2>woocommerce_before_order_notes</h2>';

} 

12. woocommerce_after_order_notes

L'hook woocommerce_after_order_notes è definito dopo il campo delle note dell'ordine nella pagina di pagamento.

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

funzione njengah_after_order_notes(){

echo '<h2>woocommerce_after_order_notes</h2>';

} 

13. woocommerce_checkout_after_customer_details

Il gancio woocommerce_checkout_after_customer_details viene posizionato dopo il completamento dei dettagli del cliente, ovvero dopo i campi di fatturazione e spedizione.

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


funzione njengah_checkout_after_customer_details(){

echo '<h2>woocommerce_checkout_after_customer_details</h2>';

} 

14. woocommerce_checkout_before_order_review_heading

L'hook woocommerce_checkout_before_order_review_heading è definito nel modello di checkout prima dell'intestazione di revisione dell'ordine che è "Il tuo ordine". Questo hook è stato aggiunto in WooCommerce v3.6.0.

 add_action('woocommerce_checkout_before_order_review_heading', 'njengah_checkout_before_order_review_heading');

funzione njengah_checkout_before_order_review_heading() {
		


echo '<h2>woocommerce_checkout_before_order_review_heading</h2>';

} 

15. woocommerce_checkout_order_review

L'hook woocommerce_checkout_order_review è definito nel modello di pagamento principale. Il modello della tabella di revisione dell'ordine è incluso utilizzando questo gancio.

 add_action('woocommerce_checkout_order_review', 'njengah_checkout_order_review');

funzione njengah_checkout_order_review() {

echo '<h2>woocommerce_checkout_order_review</h2>';

} 

16. woocommerce_checkout_before_order_review

L'hook woocommerce_checkout_before_order_review è definito prima dei dettagli dell'ordine nella pagina di pagamento.

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


funzione njengah_checkout_before_order_review(){

echo '<h2>woocommerce_checkout_before_order_review</h2>';

} 

17. woocommerce_review_order_before_cart_contents

L'hook woocommerce_review_order_before_cart_contents è definito all'interno del corpo della tabella degli ordini prima del contenuto.

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

funzione njengah_review_order_before_cart_contents(){

echo '<h2>woocommerce_review_order_before_cart_contents</h2>';

} 

18. woocommerce_review_order_after_cart_contents

L'hook woocommerce_review_order_after_cart_contents è definito all'interno del corpo della tabella dell'ordine dopo tutto il contenuto.

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


funzione njengah_review_order_after_cart_contents(){

echo '<h2>woocommerce_review_order_after_cart_contents</h2>';

} 

19. woocommerce_review_order_before_shipping

L'hook woocommerce_review_order_before_shipping è definito prima della sezione di spedizione nella tabella dell'ordine.

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

funzione njengah_review_order_before_shipping(){

echo '<h2>woocommerce_review_order_before_shipping</h2>';

} 

20. woocommerce_review_order_after_shipping

L'hook woocommerce_review_order_after_shipping è definito dopo la sezione di spedizione nella tabella dei dettagli dell'ordine.

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

funzione njengah_review_order_after_shipping(){

echo '<h2>woocommerce_review_order_after_shipping</h2>';

} 

21. woocommerce_review_order_before_order_total

Il gancio woocommerce_review_order_before_order_total è definito prima della sezione totale e dopo la sezione spedizione nella tabella dei dettagli dell'ordine.

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

funzione njengah_review_order_before_order_total(){

echo '<h2>woocommerce_review_order_before_order_total</h2>';

} 

22. woocommerce_review_order_after_order_total

L'hook woocommerce_review_order_after_order_total è definito dopo la sezione totale e nella tabella dei dettagli dell'ordine.

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

funzione njengah_review_order_after_order_total(){

echo '<h2>woocommerce_review_order_after_order_total</h2>';

} 

23. woocommerce_review_order_before_payment

L'hook woocommerce_review_order_before_payment è definito prima della sezione dei metodi di pagamento nella pagina di pagamento.

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

funzione njengah_review_order_before_payment(){

echo '<h2>woocommerce_review_order_before_payment</h2>';

} 

24. woocommerce_review_order_before_submit

L'hook woocommerce_review_order_before_submit è definito prima del pulsante "Effettua ordine" nella pagina di pagamento.

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

funzione njengah_review_order_before_submit(){

echo '<h2>woocommerce_review_order_before_submit</h2>';

} 

25. woocommerce_review_order_after_submit

L'hook woocommerce_review_order_after_submit è definito dopo il pulsante "Effettua ordine" nella pagina di pagamento.

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

funzione njengah_review_order_after_submit(){

echo '<h2>woocommerce_review_order_after_submit</h2>';

} 

26. woocommerce_review_order_after_payment

L'hook woocommerce_review_order_after_payment è definito dopo l'intera sezione di pagamento incluso il pulsante 'Effettua l'ordine'.

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

funzione njengah_review_order_after_payment(){

echo '<h2>woocommerce_review_order_after_payment</h2>';

} 

27. woocommerce_checkout_after_order_review

L'hook woocommerce_checkout_after_order_review è definito dopo la sezione di revisione dell'ordine nella pagina di pagamento, che include la tabella dei dettagli dell'ordine e la sezione di pagamento.

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

funzione njengah_checkout_after_order_review(){

echo '<h2>woocommerce_checkout_after_order_review</h2>';

} 

28. woocommerce_after_checkout_form

L'hook woocommerce_after_checkout_form è definito alla fine dopo il modulo di pagamento.

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

funzione njengah_after_checkout_form(){

echo '<h2>woocommerce_after_checkout_form</h2>';

} 

Conclusione

Questo post illustra tutti gli hook di WooCommerce disponibili nella pagina di pagamento. Questi ganci ti consentono di personalizzare la pagina di pagamento in base alle tue esigenze.

Se è la prima volta che usi gli hook, puoi copiare questi script e incollarli direttamente nel file functions.php del tuo tema figlio. Ora puoi essere creativo e personalizzare la pagina di pagamento per aumentare i tassi di conversione.

In alternativa, puoi utilizzare i plugin per personalizzare questa sezione se non hai familiarità con i codici. Se hai bisogno di ulteriore personalizzazione, considera di assumere uno sviluppatore WordPress qualificato.

Articoli simili

1. Che cos'è WooCommerce Storefront Theme? [risposta]
2. Come mettere il carrello e il pagamento WooCommerce su una pagina
3. Come aggiungere un campo extra nel modulo di pagamento di WooCommerce
4. Come personalizzare la pagina di pagamento della vetrina
5. Come rimuovere il tema della vetrina WooCommerce della pagina del carrello
6. Come nascondere le tasse alla cassa se il valore del campo esiste WooCommerce
7. Come nascondere il campo del nome dell'azienda Pagina di pagamento WooCommerce
8. Come rimuovere il pulsante di pagamento WooCommerce
9. Come modificare la quantità alla cassa WooCommerce
10. Come rimuovere ulteriori informazioni dalla pagina di pagamento WooCommerce