WooCoomerce: modificare il testo dei pulsanti “Acquista” e “Aggiungi al carrello”

ATTENZIONE: questo articolo è stato scritto oltre un anno fa, ed i contenuti potrebbero non essere più validi o compatibili. Sei pregato di tenerne conto, e se hai informazioni in merito di segnalarmele, grazie.

Come modificare testi pulsanti Acquista - Aggiungi al carrello in WooCommerce

I siti di commercio elettronico sono realizzati per fini commerciali, ed i pulsanti “Acquista” e “Aggiungi al carrello” non spaventano nessuno.

Possono però esserci casi in cui queste voci ci stiano male, rispetto a quanto venduto, come ad esempio nei siti di e-commerce per attività no-profit o benefiche, contesti dove pulsanti così smaccatamente commerciali suonano davvero male.

Oppure in tutti quei casi dove si ritiene che, modificando i testi dei pulsanti di acquisto, l’esperienza di acquisto venga maggiormente agevolata o incentivata.

Qualunque sia la necessità di modificare il testo dei pulsanti di acquisto di WooCommerce, è possibile farlo modificando direttamente i files delle stringe di testo del plugin, ma non è un bel modo di procedere perché queste modifiche verrebbero inevitabilmente cancellate ad ogni aggiornamento del plugin.

Meglio allora uno snippet, una semplice aggiunta al file delle funzioni del tema in uso (meglio se un tema child), il classico functions.php.

È possibile intervenire su entrambe le tipologie di pulsante: “Acquista” (Buy Now) nelle pagine dei cataloghi, e “Aggiungi al carrello” (Add to Cart) nelle pagine dei singoli prodotti.

I codici vanno inseriti nel file functions.php del tema, e per motivi che dovremmo ormai conoscere tutti, sarebbe bene effettuare tutte le modifiche e le personalizzazioni in un tema child.

In entrambi i casi, va modificata solo la stringa “Testo Pulsante Personalizzato” della riga 5.

Nota bene: questi due snippet funzionano solo con WooCommerce 2.1 e versioni successive, e sono stati testati con successo su WordPress 4.2.1, WooCommerce 2.3.11 e tema Storefront.

Modificare il pulsante “Aggiungi al carrello” nella pagina del singolo prodotto di WooCommerce

Questa versione riguarda esclusivamente il pulsante di acquisto nelle pagine dei singoli prodotti di WooCommerce:

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_cart_button_text' );
 
function woo_custom_cart_button_text() {
 
        return __( 'Testo Pulsante Personalizzato', 'woocommerce' );
 
}

Modificare il pulsante “Aggiungi al carrello” nelle pagine Archivio di WooCommerce

Questa versione invece riguarda esclusivamente il pulsante di acquisto nelle pagine archivio di WooCommerce:

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_archive_cart_button_text' );
 
function woo_custom_archive_cart_button_text() {
 
        return __( 'Testo Pulsante Personalizzato', 'woocommerce' );
 
}

Tags: , , , , , , , ,

61 Risposte a “WooCoomerce: modificare il testo dei pulsanti “Acquista” e “Aggiungi al carrello””

  1. Matteo Di Domenico 20 Gen 2015 at 14:19 #

    Grazie dell’hint, ha funzionato perfettamente! Ora sto però cercando anche di puntare ai restanti testi, come check out, aggiorna carrello etc ma non riesco a farlo perchè non riesco a trovarne la funzione. Consigli?

    • Roberto Rota 20 Gen 2015 at 14:29 #

      Ci sono stringhe che provengono da una funzione, altre invece che sono solo testo inserito nel tema.

      rob

  2. robertonotarangeloroRoberto 6 Feb 2015 at 11:56 #

    Caro Roberto, ho provato ad inserire queste funzioni ma, in un sito che gestisco, non riesco a sostituire la dicitura “acquista” con “ordina” (purtroppo è una neccessità del cliente). Volevo chiederti se fosse possibile che tale dicitura possa essere in qualche file di traduzione che non conosco? Perché ho provato a cercare nei file di traduzione ma non ho trovato nulla.

    Hai per caso idea di dove possa essere? 🙂

    Grazie anticipatamente, sei grande!

    • Roberto Rota 7 Feb 2015 at 11:41 #

      Ciao Roberto, in genere quella scritta viene generata tramite una funzione, ed è per questo che la si modifica nello stesso modo.

      A meno che il tema non decida di fare a modo suo, e allora devi vedere nei template del catalogo e del singolo prodotto, nella cartella woocommerce del tema.

      rob

  3. Lorenzo 3 Mar 2015 at 11:50 #

    Buondì! Volevo chiederti come modificare il testo del pulsante SCEGLI (che appare in caso di prodotti con opzioni e prezzi differenti). A me servirebbe che diventasse “Configura”.

    • Roberto Rota 3 Mar 2015 at 14:39 #

      Ciao Lorenzo, guarda l’ultimo snippet di questa pagina: http://docs.woothemes.com/document/change-add-to-cart-button-text/ 😉

      rob

      • Lorenzo 3 Mar 2015 at 14:53 #

        Ciao e innanzitutto grazie della celere risposta! Ho provato a inserire lo snippet ma il sistema mi crasha (schermata bianca)… Ho dovuto ripristinare il file functions via ftp per far ripartire lo shop…

        • Roberto Rota 3 Mar 2015 at 15:21 #

          Appena ho due minuti lo provo e ti dico

          rob

          • Lorenzo 3 Mar 2015 at 15:23 #

            Ok, perchè preferirei trovare il modo di farlo via codice piuttosto che con WooCommerce Customizer. Grazie ancora e complimenti per il tuo lavoro!

            • Roberto Rota 3 Mar 2015 at 18:05 #

              Ti confermo che lo snippet funziona, provato in una installazione pulita.

              Esempio snippet WooCommerce

              rob

              • Lorenzo 3 Mar 2015 at 18:14 #

                Ok, forse va in conflitto con altre modifiche che ho fatto. Riprovo. Grazie ancora.

  4. davidemac 13 Mar 2015 at 12:03 #

    Ciao Roberto, complimenti per gli ottimi tutorial! Volevo chiederti se puoi darmi una dritta su come modificare il testo di “Vedi carrello”. Grazie!

    • Roberto Rota 13 Mar 2015 at 12:40 #

      Ciao Davide, non mi sono mai preoccupato di modificarlo, di solito il classico “vedi carrello” si adatta bene in tutte le situazioni.

      Se mi viene qualche idea, o se trovo qualcosa in rete, te lo dico.

      rob

      • davidemac 13 Mar 2015 at 12:46 #

        Ciao Roberto, grazie per la celere risposta! In realtà, dopo numerosi “smanettamenti”, sono riuscito modificando il file della traduzione in italiano woocommerce-it_IT.po. Però (e non so per quale motivo) il testo restituito rimaneva “View Cart”. A questo punto ho aggiunto questo snippet al functions.php

        function my_text_strings( $translated_text, $text, $domain ) {
        switch ( $translated_text ) {
        case 'View Cart' :
        $translated_text = __( 'Procedi all\'acquisto', 'woocommerce' );
        break;
        }
        return $translated_text;
        }
        add_filter( 'gettext', 'my_text_strings', 20, 3 );

        Spero ti sia utile! Grazie e apresto!

        • Roberto Rota 13 Mar 2015 at 12:54 #

          Ciao Davide, grazie per il feedback.

          Sì, quella di traslare la stringa è una soluzione sicuramente possibile, anche se credo che si dovrebbe arrivare a fare un filtro specifico che riguardi solo quella funzione, sicuramente più performante.

          rob

          • davidemac 13 Mar 2015 at 13:34 #

            Sì, è vero. Nel frattempo ho risolto il problema traducendo anche il file woocommerce-it_IT.mo (credo che il tema che ho installato utilizzi .mo e non .po per le traduzioni). E’ la soluzione più semplice, anche per cambiare qualsiasi altro testo generato da Woocommerce.

            Davide

  5. michele 16 Giu 2015 at 14:10 #

    ciao ho provato a incollare il codice nel file functions.php ma non funziona 🙁

    • Roberto Rota 16 Giu 2015 at 22:26 #

      Ciao Michele, forse il tuo tema ha qualche funzione propria che va in conflitto con lo snippet.

      rob

      • michele 18 Giu 2015 at 18:52 #

        Ciao Rob,
        la versione di WooCommerce è la 4.2.1 può essere che il vostro script non funziona con la versione piu recente del plugin?

        • Roberto Rota 18 Giu 2015 at 19:02 #

          Ciao Michele, ho appena provato con le ultime versioni di WordPress e WooCommerce e gli snippet presi singolarmente funzionano.

          Poteva esserci un problema se li utilizzi assieme, ed ho apportato una piccola modifica giusto ora che sistema questa eventualità.

          rob

  6. pia 12 Ago 2015 at 17:06 #

    Ciao Roberto vorrei che cliccando sul pulsante acquista dalle pagine di categoria, l’utente entrasse nella pagina del prodotto così come succede cliccando sull’immagine. Come potrei fare?
    grazie
    Pia

    • Roberto Rota 13 Ago 2015 at 09:18 #

      Ciao Pia, ricordo che ci sono sia dei plugin che degli snippet che fanno quello che cerchi.

      Se mi capita ti ritrovarli te li segnalo.

      rob

  7. eliasriparielias 23 Set 2015 at 11:48 #

    Ciao Roberto, io volevo sapere se c’è la possibilità di cambiare non il testo della pagina archivio dei prodotti ma la funzione che svolge. Ossia, sono su una categoria prodotto e prendendo in considerazione uno di questi, sostituire la dicitura “agg al carrello” con “vedi prodotto” e che quindi di conseguenza cliccandoci, invece di aggiungere il prodotto al carrello, di reindirizzare alla pagina del prodotto stesso. E’ possibile?

    • Roberto Rota 23 Set 2015 at 18:02 #

      Ciao, diverso tempo fa mi è stata chiesta la stessa cosa, e ricordo di aver usato un plugin, ma è passato parecchio tempo e non mi ricordo più quale.

      Se mi viene in mente dove l’ho fatta e con che plugin te lo dico.

      rob

  8. Yoko 16 Ott 2015 at 10:43 #

    Ciao Roberto, i tuoi sono sempre ottimi tutorial.
    Mi chiedevo come fare qualora dovessi cambiare uno dei testi all’interno. Tipo sostituire “Crea un account inserendo le informazioni qui sotto. Se sei già iscritto, per favore accedi.” con “Crea un nuovo account inserendo la password qui sotto. Se sei già iscritto, per favore accedi in alto alla pagina”
    Grazie

    • Roberto Rota 16 Ott 2015 at 11:27 #

      Ciao Yoko, puoi intervenire direttamente nelle traduzioni di WooCommerce, o intercettando la stringa con una funzione di php, in entrambi i casi non è una cosa banale.

      rob

      • Yoko 16 Ott 2015 at 12:03 #

        sono andata in wp-content/language/plugin per provare con le traduzioni (mi sembrava la soluzione meno “invasiva”)… ma il file sono .mo e .po e non ho la minima idea di che programma usare per aprirli

  9. Orsola 10 Apr 2016 at 17:56 #

    Ciao Rob, si può cambiare la dimensione del tasto “acquista? Intendi non solo le dimensioni del font, ma del tasto completo. Se si, per favore, puoi darmi qualche dritta?
    Grazie, i tuoi post sono sempre utilissimi! 🙂

    • Roberto Rota 10 Apr 2016 at 19:11 #

      Ciao Orsola, ogni elemento è modificabile, più o meno.

      I pulsanti si possono modificare tramite i CSS, a seconda del tema utilizzato ci possono essere marcatori diversi che vanno individuati e una volta fatto puoi definire dei CSS personalizzati con le nuove misure, caratteri, colori etc.

      rob

  10. cacocorse2013 26 Lug 2016 at 18:56 #

    ciao Rob! complimenti per le tue dritte!
    stò impazzendo per cambiare il testo “per saperne di piu” sul catalogo woocom..
    in rete nn si trova nulla a riguardo…help plese 🙂
    grazie ciao!

  11. dario alessandro 7 Set 2016 at 21:01 #

    ciao roby, come faccio a cambiare i colori dei pulsanti dei tasti acquista di woocommerce, sono orrendi! color topo anemico, inguardabili, grazie.

    • Roberto Rota 8 Set 2016 at 18:05 #

      Devi personalizzare i CSS relativi ai pulsanti, se ispezioni il codice sul browser puoi verificare le classi che vanno modificate, e puoi simulare i colori da scegliere.

      rob

      • Dario Alessandro 8 Set 2016 at 20:17 #

        Ciao Roberto ma una domanda dove devo andare a modificare queste classi cioè dove sulla funzione del te ma non ho capito bene

        • Roberto Rota 8 Set 2016 at 20:21 #

          Alcuni temi nelle opzioni hanno una sezione per il CSS personalizzato, oppure puoi usare il file style.css in un tema child.

          rob

  12. iogurumi 19 Set 2016 at 00:49 #

    Ciao Roberto, innanzitutto grazie per l’utilissimo tutorial. Se invece volessi eliminare il pulsante Acquista dalla pagina del catalogo, come dovrei fare? Ti ringrazio!

    • Roberto Rota 19 Set 2016 at 10:24 #

      Se devi eliminare il pulsante acquista solo dalle pagine archivio, ma non dalle pagine prodotto, puoi semplicemente nasconderli lavorando con i CSS, una cosa del genere:

      div.add-to-cart-button {display:none !important;}

      rob

  13. Simona 27 Set 2016 at 23:14 #

    Ciao! Ho necessità di modificare i bottoni “add to cart” e “update cart”, rispettivamente in “Add to Shopping Bag” e “Update Shopping Bag”, in un e-commerce wordpress in cui sono presenti woocommerce e ceceppa multilingua (e relativo add on per woocommerce). La modifica mi occorre solo per l’inglese. Ho provato con il plugin woocommerce customizer, ma modifica entrambe le lingue, inglese e italiano, mostrando “Addo to Shopping Bag” e “Update Shopping Bag” nelle pagine sia inglesi che italiane; ho provato a modificare i file woocommerce-it_IT.po e woocommerce-it_IT.mo ma la modifica è come se non venisse rilevata nel front-end… avresti suggerimenti? Ti ringrazio molto!

    • Roberto Rota 27 Set 2016 at 23:41 #

      Ciao Simona, non uso Ceceppa nei miei lavori, se fosse WPML ti direi di usare il suo condizionale PHP per usare lo snippet in una lingua e diversamente in un’altra, magari Ceceppa mette a disposizione condizionali simili.

      rob

  14. Simona 28 Set 2016 at 01:23 #

    Grazie mille Roberto per la celere risposta! purtroppo non mi pare che ceceppa li metta a disposizione, contatterò comunque lo sviluppatore… ma ho pensato a questo:
    1. modifico i file php di woocommerce (perchè il testo che devo modificare è quello sorgente, l’inglese, non la traduzione…), in questo modo per la parte inglese sono ok
    2. creo un nuovo file .po (e relativo .mo), utilizzando i miei nuovi php, e così sono ok anche con l’italiano, perchè a quel punto la traduzione italiana -che è già corretta nel mio caso, appunto perchè quello che devo modificare è l’inglese- viene collegata al testo sorgente giusto ed esistente. Mi chiedo però: la creazione del woocommerce-it_IT.po è qualcosa di molto complesso? Mi è capitato di maneggiare file .po già fatti, ma di crearne ex novo mai… Grazie di nuovo, se avrai qualche consiglio saranno ben accetti 🙂

    • Roberto Rota 28 Set 2016 at 09:59 #

      Mi sembra una soluzione piuttosto incasinata, verifica che ceceppa ti permetta di usare i condizionali che è meglio, o passa a WPML.

      rob

  15. Andrea 18 Ott 2016 at 09:13 #

    Ciao Rob,
    prima di tutti complimenti per l’aiuto alla community Woocommerce.

    Posso confermati che tra tutti i plugin multilingua WPML è il migliore, 195 dollari spesi bene, i volta per tutti i siti che voglio.

    Posso fare in modo che dal tasto “Acquista” non solo si aggiunga l’articolo al carrello ma ci sia un refresh alla pagina carrello?
    Grazie,
    Andrea

    • Roberto Rota 18 Ott 2016 at 11:04 #

      Ciao Andrea, che intendi per refresh del carrello? in teoria avviene ad ogni prodotto aggiunto, se non viene aggiornato nelle pagine probabilmente p un problema del tema.

      rob

      • Andrea 18 Ott 2016 at 11:18 #

        Si, l’articolo si aggiunge al carrello ma a quel punto è possibile andare al carrello in automatico?

        • Roberto Rota 18 Ott 2016 at 11:33 #

          Si certo, se cerchi in rete trovi parecchi snippet a tal proposito, probabilmente ne ho scritto pure io.

          Probabilmente trovi anche qualche plugin, anche se è stupido secondo me inserire un plugin quando con due righe di codice risolvi il problema.

          rob

  16. Giosi 29 Ott 2016 at 12:06 #

    Ciao roberto!
    Complimenti per il sito 😉
    Ti volevo chiedere se secondo te c’è la possibilità di modificare la pagina “negozio” di woocommerce così:

    – vorrei aggiungere, oltre al pulsante “acquista” che aggiunge 1 prodotto al carrello, un pulsante che toglie il prodotto dal carrello.

    Ti faccio un esempio:

    ho la lista di prodotti che vendo ed accanto ad ogni prodotto vorrei 2 pulsanti, uno che aggiunge 1 quantità e uno che toglie 1 quantità dal carrello.

    Pensi che sia possibile una modifica del genere?
    Grazie
    Giosi

    • Roberto Rota 29 Ott 2016 at 18:31 #

      Probabilmente è fattibile, ma richiede un intervento non da poco nel loop che genera i prodotti.

      rob

      • Giosi 31 Ott 2016 at 17:08 #

        Capisco! Grazie lo stesso 😀

  17. Fabiana 2 Nov 2016 at 13:25 #

    Sei poi riuscito a trovare come si modifica il testo “Per saperne di più”? Servirebbe anche a me …

  18. Valentina 29 Dic 2016 at 02:45 #

    Ciao Roberto.
    Vorrei sapere se è possibile sostituire la funziona “acquista” con quella “vedi prodotto”, per rimandare l’utente alla pagina prodotto e non direttamente al carrello.

    Ho visto che ti è già stato chiesto e hai risposto che c’erano dei plugin, ma non saprei come cercarli? hai dei suggerimenti da darmi?

    Molte grazie e complimenti per il sito,
    Valentina

  19. Federico 7 Feb 2017 at 15:00 #

    Ciao Roberto, sono riuscito grazie al tuo tutorial a sostituire il testo del pulsante “ACQUISTA” con “AGGIUNGI AL CARRELLO”, adesso però si è modificata anche la versione inglese (è un sito con woocommerce e WPML in due lingue), cosa devo modificare per far comparire nell inglese “ADD TO CART”? grazie infinite.

  20. ronnyweb 29 Mar 2017 at 17:53 #

    Ciao Roberto,
    vorrei aggiungere un bottone accanto a quello “acquista”.
    Pensi sia un’operazione semplice?
    Grazie della disponibilità

    • Roberto Rota 30 Mar 2017 at 08:39 #

      Ciao,

      non ho mai dovuto farlo, se scopro qualcosa ti dico.

      rob

  21. ronnyweb 29 Mar 2017 at 17:56 #

    Il bottone dovrebbe rimandare ad una pagina del sito…sempre la stessa per tutti prodotti.

  22. ronnyweb 29 Mar 2017 at 18:28 #

    Ho trovato questo ma non me lo aggiunge accanto al bottone “Aquista”

    add_action( ‘woocommerce_single_product_summary’, ‘my_extra_button_on_product_page’, 30 );

    function my_extra_button_on_product_page() {
    global $product;
    echo ‘Extra Button‘;
    }

Trackbacks/Pingbacks

  1. √ Cambiare testo Scegli prodotti variabili | Roberto Rota - 4 Mar 2015

    […] Lo spunto per questo post mi è venuto grazie al commento di Lorenzo, nell’articolo dedicato alla modifica del pulsante “aggiungi al carrello” e acquista”. […]

Dubbi o suggerimenti? Lascia un commento!

I love Instagram