Come aggiungere un messaggio personalizzato al checkout di WooCommerce
La personalizzazione del tuo negozio online è un importante fattore per attirare e trattenere i clienti.
Con WooCommerce è possibile personalizzare anche la pagina di checkout!
Ma vediamo in particolare come aggiungere un messaggio personalizzato alla pagina di checkout di WooCommerce in modo semplice e intuitivo, per fornire informazioni importanti ai tuoi clienti durante il processo di acquisto, come ad esempio tempi di consegna o politiche di reso.
Sei pronto?
- Leggi l'articolo, ti bastano solo 1 minuto, 18 secondi
Sei di fretta? Scarica il PDF e consultalo quando vuoi!
Il codice
Per raggiungere l’obbiettivo, utilizziamo uno dei tanti hooks messi a disposizione da WooCommerce:
do_action( ‘woocommerce_before_checkout_form’ );
Utilizzare l’hook è molto semplice, è sufficiente inserire nel file:
wp-content/themes/{nome_del_tema}/functions.php
il codice:
add_action( 'woocommerce_before_checkout_form', function() {
echo '<div class="custom-message">Il nostro messaggio personalizzato qui</div>';
} );Questo codice aggiunge un messaggio personalizzato alla pagina di checkout utilizzando l’azione “woocommerce_before_checkout_form”.
Puoi modificare il testo “Il nostro messaggio personalizzato qui” con qualsiasi messaggio vogli inviare ai tuoi clienti, ad esempio:
Se ordini oggi, la consegna è garantita entro il …
oppure:
Spedizione gratuita per ordini superiori a …
e così via!
Volendo, puoi anche modificare il look del messaggio utilizzando il CSS.
Basta aggiungere nel file “style.css” del tuo tema attivo, solitamente:
wp-content/themes/{nome_del_tema}/style.css
il seguente codice:
.custom-message {
background-color: lightgray;
padding: 10px;
text-align: center;
}Ecco fatto! Adesso il tuo messaggio personalizzato verrà visualizzato sulla pagina di checkout di WooCommerce.
Questo piccolo snippet ti permette di personalizzare il tuo negozio e fornire informazioni importanti ai tuoi clienti durante il processo di acquisto.
Utile vero?
Se hai domande o suggerimenti, lascia un commento qui sotto!
Ti è piaciuto questo articolo? Regalami un click per ripagarmi dello sforzo
Hai trovato interessante l’articolo? Allora ti consiglio di leggere:
Come reindirizzare un cliente su una pagina personalizzata dopo il login in WooCommerce
Come scegliere una pagina di atterraggio personalizzata per i tuoi clienti dopo che effettuano il login con WooCommerce? Ecco una semplice guida.