Come tradurre WooCommerce (ogni situazione trattata)

Pubblicato: 2022-01-26

Stai lottando con come tradurre WooCommerce in modo da poter creare un negozio di eCommerce multilingue adatto agli acquirenti?

La creazione di un negozio WooCommerce multilingue ha molti vantaggi, i due più grandi sono i seguenti:

Gli acquirenti possono navigare nel tuo negozio nelle loro lingue preferite, il che crea un'esperienza di acquisto molto migliore per loro. In effetti, un sondaggio Gallup commissionato dall'Unione Europea ha rilevato che il 42% degli acquirenti non acquisterà da negozi che non sono disponibili nella loro lingua madre.
Puoi raggiungere più acquirenti in primo luogo grazie alla SEO multilingue. Cioè, puoi classificare i tuoi prodotti su Google per lingue diverse, il che ti aiuta a indirizzare più traffico organico al tuo negozio.

Tuttavia, WooCommerce non include funzionalità multilingue integrate, quindi potresti riscontrare alcuni problemi quando si tratta di tradurre WooCommerce.

Per fortuna, con gli strumenti giusti, puoi creare facilmente un negozio multilingue senza alcuna conoscenza tecnica richiesta. E in questa guida, ti mostreremo come fare.

Al termine di questo tutorial, sarai in grado di utilizzare una semplice interfaccia visiva per tradurre completamente il tuo negozio in un numero illimitato di nuove lingue, inclusi i tuoi prodotti, le pagine del negozio, il carrello, il checkout e tutto il resto:

Oppure, se non vuoi tradurre il tuo negozio da zero, puoi ottenere aiuto dalla traduzione automatica automatica fornita da Google Translate o DeepL e quindi perfezionare quelle traduzioni tramite l'editor visivo.

Sul frontend, i tuoi acquirenti potranno scegliere le loro lingue preferite utilizzando un selettore di lingua flessibile e puoi persino reindirizzare automaticamente le persone alle loro lingue locali in base alla loro posizione e alle preferenze del browser.

Pronto per imparare come impostare la traduzione di WooCommerce? Scendiamo!

Cosa ti serve per tradurre WooCommerce

WooCommerce include tutte le funzionalità di cui hai bisogno per creare un negozio eCommerce perfettamente funzionante... ma solo in un'unica lingua.

Quindi, come fai in modo da poter tradurre il tuo negozio in più lingue e consentire agli acquirenti di scegliere le loro lingue preferite?

Bene, come spesso accade con WordPress, avrai bisogno dell'aiuto di un plugin.

Sebbene esistano numerosi plug-in multilingue popolari, utilizzeremo il plug-in TranslatePress per questo tutorial per alcuni motivi:

Offre supporto immediato per WooCommerce, quindi sarai in grado di tradurre completamente WooCommerce, comprese le pagine del carrello e di pagamento.
Esiste una versione gratuita che ti consente di creare un negozio completamente multilingue in una nuova lingua. Cioè, puoi seguire la maggior parte di questo tutorial usando solo la versione gratuita.
Puoi gestire le tue traduzioni utilizzando un'interfaccia visiva, come hai visto sopra.
Supporta la traduzione automatica automatica tramite Google Translate o DeepL se vuoi risparmiare tempo.

Come tradurre WooCommerce con TranslatePress

Ora che sai cos'è TranslatePress, vediamo come tradurre WooCommerce usando il plugin.

Per questo tutorial, l'unica cosa che assumiamo è che tu abbia già un negozio WooCommerce funzionante nella lingua originale del tuo negozio.

Oltre a configurare le impostazioni di WooCommerce e aggiungere contenuti di prodotti/negozi, ti consigliamo di configurare completamente il tuo tema WooCommerce e tutti i plug-in WooCommerce che stai utilizzando.

Per questo esempio, utilizziamo il tema gratuito Unite, che offre il supporto completo per WooCommerce. Tuttavia, TranslatePress funzionerà letteralmente con qualsiasi tema WooCommerce, quindi puoi scegliere il tema che desideri.

Potrai seguire la maggior parte di questo tutorial utilizzando la versione gratuita di TranslatePress disponibile su WordPress.org. Tuttavia, ci sono alcune funzionalità che richiedono la versione a pagamento di TranslatePress, che noteremo sicuramente nel tutorial qui sotto.

1. Installa TranslatePress e scegli le lingue

Per iniziare, installa e attiva il plugin TranslatePress.

Puoi installare la versione gratuita da WordPress.org. Oppure, se decidi di acquistare TranslatePress premium, puoi scaricare il plug-in premium dalla dashboard di TranslatePress.

Se non sei sicuro di quale sia la versione migliore per te, puoi sempre iniziare con la versione gratuita e aggiornarla in un secondo momento senza perdere nessuna delle tue impostazioni e traduzioni.

Una volta attivato il plugin, vai su Impostazioni → TraduciPremi per scegliere le lingue che desideri utilizzare nel tuo negozio:

Default Language : la lingua in cui esistono tutti i contenuti attuali del tuo negozio.
Tutte le lingue : una o più nuove lingue in cui desideri tradurre i contenuti del tuo negozio. La versione gratuita di TranslatePress ti consente di aggiungere una nuova lingua ( due lingue in totale ). Per aggiungere due o più nuove lingue, avrai bisogno della versione premium di TranslatePress, che supporta lingue illimitate.

Ad esempio, se il tuo negozio esiste attualmente in inglese e desideri tradurlo in spagnolo, configureresti le impostazioni di TranslatePress in questo modo:

TranslatePress offre supporto immediato per centinaia di lingue e locali, quindi dovresti essere in grado di trovare tutte le lingue desiderate utilizzando il menu a discesa.

Tuttavia, se non vedi la lingua che desideri utilizzare, TranslatePress ti consente anche di aggiungere lingue personalizzate.

Puoi configurarli andando alla scheda Avanzate dell'area delle impostazioni di TranslatePress e scorrendo verso il basso fino alla sezione Lingua personalizzata .

2. Imposta la traduzione automatica (opzionale)

Questo passaggio è totalmente facoltativo. Tuttavia, se vuoi risparmiare un po' di tempo, puoi utilizzare la traduzione automatica automatica per generare le traduzioni di base del tuo negozio invece di tradurre tutto da zero.

Anche se utilizzi la traduzione automatica, sarai comunque in grado di modificare completamente tutte le traduzioni generate dal servizio, così avrai il pieno controllo su ogni singola traduzione sul tuo negozio WooCommerce.

Se non desideri utilizzare la traduzione automatica, puoi semplicemente saltare al passaggio successivo per iniziare a tradurre manualmente i tuoi contenuti.

Se desideri utilizzare la traduzione automatica, TranslatePress supporta due diversi servizi:

API di Google Translate : puoi utilizzarla con la versione gratuita di TranslatePress;
DeepL : questo servizio richiede la licenza Premium TranslatePress Business.

Google Translate dovrebbe andare bene per usi di base, ma molte persone trovano che le traduzioni di DeepL siano un po' più accurate, specialmente quando si tratta di contesto e linguaggio informale.

Tuttavia, lo svantaggio di DeepL è che non supporta tutte le lingue di Google Translate, quindi ti consigliamo di ricontrollare che supporti la lingua scelta.

Puoi configurare questi servizi accedendo alla scheda Traduzione automatica dell'area delle impostazioni di TranslatePress.

Innanzitutto, imposta il menu a discesa Abilita traduzione automatica su Sì per espandere ulteriori opzioni.

Quindi, scegli il tuo motore di traduzione preferito. Quindi, dovrai inserire una chiave API per quel servizio, che è ciò che ti consente di connettere il tuo sito WordPress a quel servizio.

TranslatePress ha una documentazione dettagliata su come ottenere la chiave API per entrambi i servizi:

Infine, hai anche la possibilità di impostare un limite per il numero di caratteri di traduzione automatica da eseguire al giorno, il che ti aiuta a controllare il tuo budget.

Il plug-in TranslatePress non ti addebita nulla in base all'utilizzo della traduzione automatica. Tuttavia, potresti dover pagare direttamente Google Translate o DeepL a seconda del tuo utilizzo.

Sia Google Translate che DeepL offrono piani gratuiti che ti consentono di tradurre gratuitamente 500.000 caratteri al mese , che equivale Se devi tradurre più di 500.000 caratteri in un solo mese, dovrai pagare:

Google Translate addebita $ 20 per milione di caratteri oltre il limite gratuito.
DeepL addebita una tariffa fissa di $ 5,49 al mese più $ 25 per milione di caratteri, il che lo rende un po' più costoso di Google Translate.

Se sei preoccupato per il tuo budget, puoi utilizzare i limiti di traduzione giornalieri di TranslatePress per garantire di rimanere all'interno del piano gratuito o limitare l'importo che potresti dover pagare per l'accesso all'API.

Dopo aver effettuato le tue scelte, assicurati di fare clic sul pulsante Salva modifiche . Quindi, TranslatePress inizierà a tradurre i tuoi contenuti.

3. Traduci i contenuti di WooCommerce

Ora sei pronto per iniziare a tradurre i contenuti del tuo negozio WooCommerce.

Indipendentemente dal fatto che tu abbia deciso di utilizzare la traduzione automatica o meno, utilizzerai la stessa interfaccia di traduzione visiva per gestire tutte le tue traduzioni:

Se hai utilizzato la traduzione automatica , le traduzioni del tuo negozio saranno precompilate con le traduzioni del servizio. Ma sarai in grado di modificare completamente quelle traduzioni se necessario.
not Se non hai TranslatePress utilizza un editor di traduzione visiva, come hai visto sopra. Inizieremo mostrandoti come funziona l'editor ad alto livello e poi analizzeremo come tradurre parti specifiche di WooCommerce.
Per avviare l'editor di traduzione, apri il contenuto che desideri tradurre sul frontend del tuo sito. Quindi, fai clic sulla nuova opzione Traduci Pagina sulla barra degli strumenti di WordPress:
Nell'editor di traduzione, vedrai un'anteprima dal vivo della pagina sul lato destro dello schermo e una barra laterale a sinistra dove puoi gestire le tue traduzioni.
Per tradurre qualsiasi testo o altro contenuto, tutto ciò che devi fare è passare con il mouse sull'anteprima live e fare clic sull'icona a forma di matita. Questo aprirà la traduzione nella barra laterale, dove puoi apportare le tue modifiche usando il campo dell'editor:
Utilizzerai questo stesso approccio per tradurre tutti i contenuti del tuo negozio, che si tratti di un prodotto, la pagina del carrello, un post del blog o qualsiasi altra cosa.
Per darti un'idea migliore di come funziona, però, diamo un'occhiata a come tradurre parti specifiche del tuo negozio WooCommerce.
Come tradurre i prodotti WooCommerce
Per tradurre un prodotto WooCommerce, apri il prodotto che desideri tradurre sul frontend del tuo negozio. Quindi, fai clic sull'opzione Traduci pagina sulla barra degli strumenti di WordPress per avviare l'editor.
Puoi quindi tradurre tutti i dettagli del prodotto come ti abbiamo mostrato nella GIF sopra.
Puoi anche andare oltre la semplice traduzione del testo del prodotto e anche "tradurre" le immagini del prodotto in modo che il tuo negozio mostri immagini diverse in base alla lingua selezionata dall'acquirente.
Ciò è particolarmente utile se alcune delle immagini dei tuoi prodotti includono testo o se hai solo bisogno di localizzare un'immagine per qualche motivo.
Per tradurre l'immagine di un prodotto, passaci sopra con il mouse e fai clic sull'icona a forma di matita. Sarai quindi in grado di selezionare un'immagine diversa da utilizzare dalla tua libreria multimediale di WordPress:
Nota: se il tuo tema WooCommerce utilizza un lightbox o un effetto zoom per le immagini dei prodotti, potresti dover fare clic sull'immagine per aprire il lightbox prima di poter fare clic sull'icona a forma di matita.
Come tradurre la pagina del negozio WooCommerce
Per tradurre le pagine del tuo negozio, puoi utilizzare lo stesso editor visivo. Basta aprire la pagina del negozio o l'archivio dei prodotti che si desidera tradurre e fare clic sul pulsante Traduci pagina .
La cosa bella qui è che TranslatePress rileverà automaticamente tutti i dettagli del prodotto che hai già tradotto. Quindi, se hai già tradotto tutti i titoli dei tuoi prodotti, tali traduzioni saranno precompilate nelle pagine del tuo negozio:
Come tradurre la pagina del carrello di WooCommerce
TranslatePress semplifica anche la traduzione della pagina del carrello di WooCommerce utilizzando l'editor visivo.
Per impostazione predefinita, TranslatePress proverà a utilizzare il pacchetto linguistico esistente di WooCommerce, se disponibile . Tuttavia, puoi modificare completamente tutte le traduzioni in tutte le lingue del tuo negozio (compresa la lingua originale del tuo negozio).
Il tuo carrello WooCommerce ha due stati diversi che devono essere tradotti:
Vuoto : il contenuto del carrello prima che un acquirente abbia aggiunto qualsiasi articolo.
Pieno : il contenuto del carrello quando l'acquirente ha aggiunto uno o più articoli.
Per iniziare, vai al frontend del tuo negozio e assicurati che il tuo carrello sia vuoto. Quindi, apri la pagina del carrello e avvia l'editor di TranslatePress.
Ora puoi utilizzare lo stesso approccio punta e clicca per tradurre tutto il contenuto del carrello vuoto. Quando apri una traduzione, potresti vedere che è precompilata con la traduzione dai language pack di WooCommerce, ma puoi modificare entrambe le traduzioni secondo necessità:
Una volta che hai finito di tradurre la versione vuota del tuo carrello, torna al frontend del tuo negozio e aggiungi un articolo al tuo carrello. Qualsiasi articolo andrà bene, l'unica cosa che conta è che ci sia un prodotto nel carrello.
Quindi, torna alla pagina del carrello e avvia nuovamente l'editor di TranslatePress. Ora puoi utilizzare lo stesso approccio per tradurre tutto il contenuto che apparirà quando un acquirente ha articoli nel carrello:
Come tradurre la pagina di pagamento di WooCommerce
Puoi tradurre la pagina di pagamento di WooCommerce proprio come hai tradotto la pagina del carrello.
Per iniziare, avvia la pagina di pagamento sul frontend del tuo negozio. Ciò significa che dovrai prima aggiungere un articolo al carrello e quindi fare clic sul pulsante per effettuare il pagamento.
Una volta aperta la pagina di pagamento, usa il pulsante sulla barra degli strumenti di WordPress per avviare l'editor di TranslatePress proprio come stavi facendo.
Ora puoi tradurre il checkout di WooCommerce utilizzando lo stesso approccio punta e clicca.
Come per la pagina del carrello di WooCommerce, TranslatePress proverà a precompilare le traduzioni importandole dal pacchetto linguistico WooCommerce esistente, se disponibile. Tuttavia, puoi modificare completamente le traduzioni in tutte le lingue del tuo negozio, inclusa la lingua originale.
Come tradurre voci di menu, widget e altri contenuti del frontend
A questo punto, sai come tradurre tutti gli elementi importanti del tuo negozio WooCommerce. Tuttavia, è importante notare che puoi utilizzare lo stesso identico approccio per tradurre altri elementi nel tuo negozio, tra cui:
Voci del menu;
Widget (o widget di blocco);
Contenuto dell'editor di WordPress: funziona sia con il nuovo editor di blocchi (Gutenberg) che con il classico editor TinyMCE;
Contenuti che hai progettato con i plug-in per la creazione di pagine;
Moduli da qualsiasi plug-in per la creazione di moduli;
Popup da plugin popup;
…e così via.
Ad esempio, se desideri tradurre una delle voci di menu del tuo negozio, puoi semplicemente passare il mouse sopra la voce di menu e fare clic sull'icona a forma di matita:
Dopo aver tradotto la voce di menu una volta, TranslatePress utilizzerà automaticamente quella traduzione per ogni punto in cui appare quella voce di menu, non è necessario duplicare il tuo lavoro su altre pagine.
Come tradurre i metadati SEO
Se vuoi beneficiare della SEO multilingue di WooCommerce, dovrai anche tradurre i dettagli SEO di back-end del tuo negozio come titoli SEO, meta descrizioni, slug URL, informazioni Open Graph e così via.
TranslatePress può anche aiutarti a tradurre tutti questi dettagli, ma per farlo avrai bisogno del componente aggiuntivo SEO Pack, che è disponibile sulla licenza personale premium di TranslatePress.
Con questo componente aggiuntivo, puoi tradurre tutte le informazioni SEO del tuo sito. Per fare ciò, TranslatePress si integra automaticamente con i plugin SEO più popolari tra cui Yoast SEO, Rank Math e altri.
Una volta installato il componente aggiuntivo SEO Pack, sarai in grado di tradurre questi dettagli selezionandoli utilizzando il menu a discesa nell'editor di traduzione.
Ad esempio, se hai già impostato i tuoi dettagli SEO utilizzando Yoast SEO, vedrai tali dettagli apparire nell'editor e potrai tradurli proprio come gli altri contenuti:
Puoi anche utilizzare lo stesso approccio per tradurre lo slug URL per i singoli prodotti (e altri contenuti, come i post del blog).
Per gli slug URL a livello di sito, come gli slug di base della categoria di prodotto, puoi aprire l'interfaccia String Translation :
4. Configura il tuo selettore di lingua WooCommerce
A questo punto, hai un negozio WooCommerce multilingue funzionante.
Tuttavia, per consentire agli acquirenti di scegliere facilmente la lingua preferita, ti consigliamo di impostare il selettore di lingua front-end del tuo negozio.
Per impostazione predefinita, TranslatePress aggiunge un selettore di lingua mobile nell'angolo in basso a destra del tuo negozio. Tuttavia, puoi anche modificare la posizione del selettore di lingua mobile o utilizzare un'opzione di posizionamento completamente diversa.
Ecco le opzioni per posizionare il selettore di lingua del tuo negozio:
Cambio lingua mobile: mostralo su tutte le tue pagine, in qualsiasi angolo del tuo negozio.
Voce di menu : aggiungi il tuo selettore di lingua come voce di menu a qualsiasi menu del tuo sito andando su Aspetto → Menu .
Shortcode : posiziona manualmente il selettore di lingua in qualsiasi punto del tuo sito utilizzando uno shortcode.
Ottieni anche le impostazioni per controllare il contenuto e il comportamento del tuo selettore di lingua. Per esempio:
Nomi lingua : scegli se visualizzare il nome completo della lingua o solo il codice ISO di due lettere.
Bandiere del paese : scegli se mostrare o meno le bandiere del paese. Se abiliti i flag, TranslatePress mostrerà il flag per la locale specifica che hai selezionato. Quindi, se hai scelto lo spagnolo (Spagna), mostrerà la bandiera spagnola. Ma se hai scelto lo spagnolo (Messico), mostrerebbe la bandiera messicana.
Per configurare queste impostazioni, vai su Impostazioni → TraduciPremi e scorri verso il basso fino alle impostazioni di Cambio lingua :
Ora, diamo un'occhiata ad alcuni posizionamenti alternativi al selettore di lingua mobile predefinito.
Per aggiungere il tuo selettore di lingua WooCommerce come voce di menu, vai su Aspetto → Menu per accedere al normale editor di menu di WordPress e apri il menu che desideri modificare.
Quindi, puoi utilizzare le impostazioni del selettore di lingua per configurare il tuo selettore di lingua.
Hai due opzioni principali qui...
Innanzitutto, se utilizzi solo due lingue sul tuo sito, puoi semplicemente aggiungere la voce Lingua opposta come voce di menu di primo livello. Con questa voce di menu, il tuo negozio visualizzerà un'opzione per consentire alle persone di passare all'altra lingua che offri:
Supponiamo che il tuo negozio sia disponibile sia in inglese che in spagnolo. Se un acquirente stava navigando in inglese, vedrebbe l'opzione per lo spagnolo nel tuo menu. Ma se stanno navigando in spagnolo, vedrebbero l'opzione per l'inglese:
L'altra opzione consiste nell'usare la voce di menu Lingua corrente . Verrà visualizzata la lingua in cui l'acquirente sta attualmente navigando. È quindi possibile aggiungere le lingue specifiche come voci di sottomenu della voce di menu Lingua corrente in questo modo:
Con questa configurazione, gli acquirenti vedranno la lingua attualmente selezionata come voce di menu di primo livello. Possono quindi passare il cursore su quello per visualizzare un menu a discesa con tutte le lingue disponibili. TranslatePress nasconderà il menu a discesa per la lingua attualmente selezionata dall'utente, per evitare duplicazioni :
Se offri più di due lingue, questo è probabilmente l'approccio migliore per il tuo negozio.
Come aggiungere il tuo selettore di lingua WooCommerce come shortcode
Se desideri un controllo ancora maggiore sul posizionamento del tuo selettore di lingua, puoi aggiungerlo manualmente in qualsiasi punto del tuo negozio utilizzando il seguente shortcode:
[cambia lingua]
Puoi inserire questo shortcode in widget, blocchi, contenuto che crei con l'editor e così via.
Puoi anche utilizzare la funzione do_shortcode() di WordPress per posizionare il selettore di lingua direttamente nei file modello del tuo tema.
Crea oggi stesso un negozio WooCommerce multilingue
Tradurre il tuo negozio WooCommerce è un ottimo modo per offrire una migliore esperienza di acquisto ai tuoi clienti esistenti e allo stesso tempo raggiungere nuovi clienti grazie alla SEO multilingue e ad altre nuove opportunità di marketing.
Sebbene WooCommerce non supporti la funzionalità multilingue nel plug-in principale, puoi facilmente creare un negozio multilingue utilizzando il plug-in TranslatePress.
Utilizzando l'editor visivo di TranslatePress, sarai in grado di tradurre completamente il tuo negozio, comprese le pagine dei singoli prodotti, le pagine del negozio, la pagina del carrello, la pagina di pagamento, i metadati SEO e i contenuti non WooCommerce.
Puoi quindi aggiungere un selettore di lingua frontend in modo che gli acquirenti possano scegliere le loro lingue preferite durante la navigazione nel tuo negozio.
In questo post hai imparato passo dopo passo come tradurre WooCommerce e creare il tuo negozio multilingue.
Se sei pronto per iniziare, installa oggi il plugin gratuito TranslatePress per vedere come funziona.
E se sei ancora nelle fasi di pianificazione del tuo negozio, assicurati di controllare i migliori temi WooCommerce e alcuni altri fantastici plugin WooCommerce per preparare il tuo negozio al successo.
Hai ancora domande sulla traduzione di WooCommerce? Fateci sapere nei commenti!
Divulgazione: questa pagina contiene link di affiliazione esterni che potrebbero comportare la ricezione di una commissione se scegli di acquistare il prodotto menzionato. Le opinioni in questa pagina sono le nostre e non riceviamo bonus aggiuntivi per le recensioni positive.