Come modificare Procedi al testo di pagamento in WooCommerce

Stai cercando un modo semplice per modificare il testo di procedere al pagamento sul tuo negozio WooCommerce? Sei nel posto giusto. In questa guida, ti mostreremo diversi metodi per farlo.

Molti proprietari di siti personalizzano la pagina del negozio e le pagine dei prodotti, modificano le pagine di pagamento e pensano che l'intero sito sia ottimizzato. Tuttavia, ci sono molti altri dettagli che puoi modificare che ti aiuteranno ad aumentare i tuoi tassi di conversione e a migliorare il tuo negozio. Abbiamo già visto come modificare il messaggio Aggiungi al carrello e oggi ti mostreremo come modificare il testo Procedi al pagamento in WooCommerce .

Prima di saltare nei diversi metodi per farlo, capiamo meglio cos'è il testo Procedi al checkout e perché dovresti personalizzarlo.

Qual è il testo Procedi al checkout?

Per impostazione predefinita, il pulsante di pagamento contiene il testo Procedi al pagamento :

Questo testo è impostato per impostazione predefinita nei file modello di WooCommerce e la maggior parte dei proprietari di negozi non si prende il tempo di cambiarlo. Tuttavia, considerando che questo è un passaggio molto importante per chiudere la vendita, dovresti ottimizzarlo il più possibile. La buona notizia è che puoi personalizzare facilmente questo testo per renderlo più significativo e adattarlo meglio al design del tuo negozio.

Ad esempio, puoi modificare questo testo in "Unisciti al nostro servizio ora!" o "Cassa qui" per un flusso di pagamento più semplice. Tutti i piccoli passi che fai per migliorare la tua esperienza di pagamento possono sommarsi per aumentare il tasso di conversione del tuo sito web .

La maggior parte dei proprietari di negozi non si prende il tempo di personalizzare il testo per procedere al checkout perché comporta la modifica dei file modello WooCommerce . Per alcuni utenti, in particolare i principianti, questo sembra difficile o rischioso. Tuttavia, non è necessario. Nella sezione seguente, ti mostreremo diversi metodi per modificare il testo Procedi al pagamento con e senza codice, in modo da poter seguire quello più adatto alle tue competenze.

Come modificare Procedi al testo di pagamento in WooCommerce

Esistono due metodi principali per modificare il testo Procedi al pagamento:

1. Programmaticamente
2. Con plugin

Diamo un'occhiata più da vicino a entrambi.

1) Come modificare il testo Procedi al pagamento utilizzando una funzione tema

Iniziamo con il metodo programmatico di personalizzazione del testo del checkout in WooCommerce aggiungendo una funzione personalizzata al file functions.php .

Il processo è abbastanza semplice e tutto ciò che devi fare è incollare un piccolo script di codice nel tuo file functions.php . Prima di iniziare, ti consigliamo di eseguire il backup del tuo sito e di utilizzare un tema figlio. Oltre ad essere più sicuro, con un tema figlio, ti assicuri che se aggiorni il tuo tema, la tua personalizzazione non verrà sovrascritta dai nuovi file del tema. Ecco perché è sempre una buona pratica installare un tema figlio sul tuo sito.

Dopo averlo fatto, apri la dashboard di amministrazione di WP e vai su Aspetto> Editor temi . Quindi, fai clic su Funzioni del tema o functions.php nella barra laterale dei file del tema a destra.

Ora usa l'editor per incollare il seguente frammento di codice. Il codice creerà una funzione personalizzata che cambierà il testo della cassa. Cambia semplicemente la parte Checkout-Text-Here del codice in qualsiasi cosa desideri.

 funzione quadlayers_woocommerce_button_proceed_to_checkout() { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="pulsante checkout alt wc-forward">
<?php esc_html_e( 'Checkout-Text-Here', 'woocommerce' ); ?>
</a>
<?php
}

Ad esempio, nel seguente script, utilizzeremo il testo "Per favore spostati alla cassa qui", quindi lo script sarà:

 funzione quadlayers_woocommerce_button_proceed_to_checkout() { ?>
<a href="<?php echo esc_url( wc_get_checkout_url() ); ?>" class="pulsante checkout alt wc-forward">
<?php esc_html_e( 'Per favore vai alla cassa qui', 'woocommerce' ); ?>
</a>
<?php
}

Regola il codice per aggiungere il testo che desideri, incollalo nel functions.php del tuo tema figlio, quindi fai clic su Aggiorna file per completare il processo.

La funzione sostituisce semplicemente il testo del pulsante WooCommerce Procedi alla cassa, quindi dovrebbe funzionare indipendentemente dal tema che stai utilizzando o dagli script di funzioni aggiuntivi che potresti aver abilitato.

Tuttavia, se ancora non ti senti a tuo agio nella modifica dei file core, puoi invece utilizzare un plug-in dedicato.

2) Come Modificare Procedi al Checkout Text usando i Plugin

Un'altra alternativa per personalizzare il testo Procedi al checkout è utilizzare un plug-in dedicato. Per questa dimostrazione, utilizzeremo un semplice strumento chiamato Modifica Procedi al testo di pagamento che semplifica la modifica del testo di pagamento in pochi clic.

Questo è un plug-in gratuito, quindi è un'opzione eccellente per coloro che non vogliono utilizzare il codice per modificare il testo o desiderano modificare spesso il testo Procedi al pagamento a scopo di test e personalizzazione.

Installazione e attivazione del plugin

Per installare il plug-in, apri semplicemente la dashboard di amministrazione di WP e vai su Plugin> Aggiungi nuovo . Utilizza la barra di ricerca in alto a destra per cercare Modifica Procedi al testo di pagamento , fai clic su Installa nella scheda del plug-in e quindi premi Attiva .

Utilizzo del plug-in per modificare Procedi al testo di pagamento

Per utilizzare il plug-in, vai su Impostazioni> Modifica Procedi al testo di pagamento.

Per modificare il testo del checkout, tutto ciò che devi fare è digitare il testo del nuovo pulsante di checkout nel campo corrispondente. Diciamo che vogliamo cambiare il testo in Sposta alla cassa . Quindi, premi Aggiorna e le modifiche apportate al campo di testo procedi al checkout verranno salvate.

Ora controlla il frontend e vedrai il risultato come mostrato di seguito:

In questo modo, puoi facilmente provare diversi testi e vedere quale ha tassi di conversione migliori.

Bonus: come modificare il messaggio aggiunto al carrello

Oltre a personalizzare il testo Procedi al pagamento, c'è molto di più di quello che puoi fare per migliorare l'esperienza di pagamento nel tuo negozio. Ad esempio, un'altra pratica consigliata è quella di modificare i messaggi Aggiungi al carrello . Più passaggi fai per migliorare la tua esperienza di pagamento, migliori saranno i risultati che otterrai, quindi è una buona idea non lasciare nulla al caso.

Diamo un'occhiata a come personalizzare il messaggio "Aggiunto al carrello" .

Aggiunta di un messaggio Aggiunto al carrello semplice e personalizzazione del messaggio Aggiunto al carrello

Per sostituire il messaggio Aggiunto al carrello con un semplice testo personalizzato, puoi aggiungere uno snippet di codice al file functions.php . Per farlo, vai su Aspetto > Editor di temi sulla dashboard di WordPress. Quindi, apri il file functions.php facendo clic su functions.php o Funzioni del tema nella barra laterale destra.

Ora puoi aggiungere il seguente script all'editor per personalizzare il messaggio Aggiunto al carrello all'interno della sezione $message= ' ' del codice. Nello script seguente, il messaggio dirà "Il tuo prodotto è stato aggiunto al carrello. Grazie per l'acquisto con noi!" .

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message');
funzione quadlayers_custom_add_to_cart_message() {
$message = 'Il tuo prodotto è stato aggiunto al carrello. Grazie per l'acquisto con noi!' ;
restituisci $messaggio;
}

Diciamo che vuoi cambiarlo in qualcosa del tipo " Grazie per aver acquistato il nostro prodotto". In tal caso, utilizzerai questo script:

 add_filter( 'wc_add_to_cart_message_html', 'quadlayers_custom_add_to_cart_message');
funzione quadlayers_custom_add_to_cart_message() {
$message = 'Grazie per aver acquistato il nostro prodotto!' ;
restituisci $messaggio;
} 

Se controlli il frontend, il messaggio sarà simile a questo:

Personalizzazione del messaggio Aggiunto al carrello

In alternativa, puoi personalizzare il messaggio e aggiungere al carrello il nome del prodotto che il tuo cliente ha aggiunto. Per farlo, usa questo script:

 add_filter('wc_add_to_cart_message', 'quadlayers_custom_wc_add_to_cart_message', 10, 2); 
funzione quadlayers_custom_wc_add_to_cart_message($messaggio, $id_prodotto) { 
$message = sprintf(esc_html__('%s è stato aggiunto al tuo carrello. Grazie per aver acquistato il prodotto!','tm-organik'), get_the_title($product_id ) ); 
restituisci $messaggio; 
} 

Premi Aggiorna file , controlla il frontend e dovresti vedere qualcosa del genere:

Ciò richiede la personalizzazione del messaggio nell'istruzione $message . Questi sono solo alcuni esempi, ma c'è molto di più che puoi fare. Per saperne di più, consulta la nostra guida su come personalizzare i messaggi Aggiungi al carrello .

In alternativa, se vuoi nascondere o rimuovere il messaggio Aggiungi al carrello, puoi farlo anche aggiungendo questo codice al tuo functions.php.

Basta incollare questo script e aggiornare il file e il gioco è fatto!

 add_filter( 'wc_add_to_cart_message_html', '__return_null' );

Conclusione

In sintesi, il testo di procedere al pagamento compare in una fase molto importante del processo di acquisto, quindi è sempre una buona idea personalizzarlo. La maggior parte dei proprietari di negozi lo trascura, quindi puoi trarne vantaggio e distinguerti dalla concorrenza.

In questa guida, ti abbiamo mostrato due diversi metodi per modificare il testo per procedere al pagamento in WooCommerce:

• Usando un hook WooCommerce personalizzato e una funzione nei file del tema
• Utilizzando un plugin dedicato

Entrambi i metodi portano a termine il lavoro, quindi scegli il più appropriato per te. Se hai delle capacità di programmazione, puoi utilizzare il metodo programmatico. Utilizzando un semplice script, puoi personalizzare il testo in pochissimo tempo. D'altra parte, se sei un principiante e non ti senti a tuo agio nella modifica dei file dei temi, ti consigliamo di utilizzare un plug-in dedicato. Per questa demo, abbiamo utilizzato Modifica Procedi al Checkout Text , uno strumento gratuito che ti consente di modificare e provare diversi testi in pochi clic.

Quale metodo hai provato? Ne conoscete altri che dovremmo includere? Fateci sapere nei commenti qui sotto!

Infine, se vuoi saperne di più su come personalizzare altri componenti del tuo negozio online, dai un'occhiata ad alcune altre guide:

• Come rimuovere la scheda Informazioni aggiuntive in WooCommerce
• Come personalizzare i modelli WooCommerce
• Metodi per personalizzare la pagina Il mio account