Come modificare il testo del pulsante Aggiungi al carrello nella pagina del negozio WooCommerce

Pubblicato: 2020-08-23

WooCommerce Cambia il testo del pulsante del carrello della pagina del negozio Stai cercando il modo migliore per modificare il testo Aggiungi al carrello nella pagina del negozio? Alla fine di questo breve tutorial, sarai in grado di modificare il testo predefinito del pulsante "Aggiungi al carrello" nella pagina del negozio WooCommerce utilizzando uno snippet di codice. Potrai anche utilizzare un plug-in per modificare il testo del pulsante nella pagina del negozio, se preferisci utilizzare un plug-in invece di modificare il codice.

Pulsante Aggiungi al carrello della pagina del negozio

Per impostazione predefinita, WooCommerce mostra il pulsante "Aggiungi al carrello" nella pagina del tuo negozio e nelle pagine dell'archivio. WooCommerce non ha alcuna opzione per modificare questo testo.

Invece di avere questo testo, potresti voler aggiungere un testo come "Visualizza prodotto", Acquista ora", "Aggiungi al carrello", "Prenota ora" (o qualsiasi cosa ti piaccia) collegandolo alla pagina del singolo prodotto.

La versione predefinita ha un pulsante che appare come mostrato nell'immagine qui sotto:

Pulsante predefinito Aggiungi al carrello

Passaggi per modificare Aggiungi al carrello Pagina del negozio di testo utilizzando il codice PHP

Per cambiarlo, devi semplicemente seguire i seguenti passaggi:

Accedi al tuo sito WordPres e accedi al Dashboard come utente amministratore.
Dal menu Dashboard, fai clic su Menu Aspetto > Menu Editor temi . Quando viene aperta la pagina dell'editor del tema, cerca il file delle funzioni del tema in cui aggiungeremo la funzione che cambierà l'impostazione predefinita Aggiungi al carrello
Aggiungi il seguente codice al file php :

 // Per modificare aggiungi al carrello il testo nella pagina del singolo prodotto

add_filter( 'woocommerce_product_single_add_to_cart_text', 'woocommerce_custom_single_add_to_cart_text' );

funzione woocommerce_custom_single_add_to_cart_text() {

    return __( 'Acquista ora', 'woocommerce' );

}

// Per modificare aggiungi al carrello il testo nella pagina degli archivi prodotti (Collezione).

add_filter( 'woocommerce_product_add_to_cart_text', 'woocommerce_custom_product_add_to_cart_text' ); 

funzione woocommerce_custom_product_add_to_cart_text() {

    return __( 'Acquista ora', 'woocommerce' );

}

Assicurati di salvare le modifiche che hai apportato.
È necessario accedere al Front-end in modo da poter visualizzare le modifiche. Questo sarà il Risultato:

Come funziona il codice

Le righe di codice che abbiamo inserito nel file functions.php utilizzano WooCommerce Loop predefinito. Ciò implica che se il tuo tema utilizza il ciclo WC predefinito per visualizzare il pulsante " Aggiungi al carrello ", sarà sicuramente una soluzione per te.

Se il tuo tema ha pagine personalizzate che utilizzano plug-in per la creazione di pagine personalizzati che utilizzano funzioni diverse per mostrare il pulsante " aggiungi al carrello ", potrebbe non funzionare per il tuo negozio WooCommerce. Ciò significa che devi assumere uno sviluppatore o contattare il tuo fornitore di temi .

Il metodo alternativo per modificare le etichette Aggiungi al carrello è l'uso di un plug-in. Il plugin che useremo per questo tutorial si chiama WC Custom Add to Cart labels. Questa è un'alternativa per i meno esperti di tecnologia. È per coloro che non hanno familiarità con la personalizzazione del proprio sito con il codice o forse non vogliono rovinare la struttura di codifica del proprio sito.

Il plug-in WC Custom Add to Cart labels consente di modificare le etichette "aggiungi al carrello" su tutte le pagine dei singoli prodotti, in base al tipo di prodotto, e sulla pagina dell'archivio o del negozio, per tipo di prodotto). Puoi scaricare il plugin direttamente qui usando questo link https://downloads.wordpress.org/plugin/wc-custom-add-to-cart-labels.zip oppure puoi cercarlo nella directory www.wordpress.org. È considerato affidabile da oltre 10.000 siti WooCommerce nella community di WordPress.

Passaggi per modificare il testo predefinito Aggiungi al carrello utilizzando un plug-in

Segui questi semplici passaggi per aggiungere questo plugin al tuo sito WordPress:

Accedi al tuo sito WordPress e accedi alla Dashboard come utente amministratore.
Quindi, installeremo il plugin che abbiamo indicato in precedenza. Se l'hai scaricato utilizzando il link sopra, vai semplicemente su Plugin > Aggiungi nuovo . Successivamente, fai clic su Carica plug -in e quindi Cerca il file scaricato come mostrato di seguito:
Per scaricarlo direttamente nel Pannello di amministrazione, vai semplicemente su Plugin > Aggiungi nuovo . Successivamente, dovrai eseguire una ricerca per parola chiave per il plug-in ' WC Custom Add to Cart labels '. È necessario installarlo e attivarlo come mostrato di seguito:
Per modificare i pulsanti è necessario aggiungere il nome dei pulsanti nell'area del campo di testo come mostrato nello screenshot sottostante accedendo a queste impostazioni navigando in WooCommerce > Impostazioni . Quindi, è necessario fare clic su È necessario fare clic sul pulsante Aggiungi al carrello Etichette come mostrato.
Salva le modifiche utilizzando il pulsante blu sotto l'elenco dei campi.
Per vedere il Risultato devi accedere alla Home Page e questo è quello che dovresti vedere:

Tuttavia, si consiglia di apportare queste modifiche in un ambiente di gestione temporanea in modo da avere la possibilità di assicurarsi che questa sia la funzionalità che desideri che il tuo sito abbia, senza influenzare il tuo sito live fino a quando non sei pronto per implementarlo.

Conclusione

In questo post, abbiamo evidenziato due metodi che puoi utilizzare per modificare il pulsante Aggiungi al carrello nella pagina del negozio. Il primo è una soluzione adatta agli sviluppatori che coinvolge il codice e il secondo è un metodo adatto ai principianti che prevede l'uso di un plug-in per aggiungere facilmente questa funzionalità.