Come Tradurre un Sito Elementor nel Modo Più Facile su WordPress

Cerchi un modo semplice per tradurre un sito Elementor e renderlo multilingue?

Elementor è uno dei page builder per WordPress più popolari per un motivo: ti permette di utilizzare un'interfaccia visiva drag-and-drop per progettare splendidi contenuti senza richiedere alcuna conoscenza tecnica particolare.

Con la versione premium puoi creare landing page, popup e persino progettare l'intero tema WordPress o il tuo negozio WooCommerce.

Una cosa che non puoi fare con il plugin Elementor, tuttavia, è offrire il tuo sito web in più lingue.

In questo post, ti mostreremo come risolvere il problema con TranslatePress, un plugin di traduzione per WordPress che riprende lo stile visivo di Elementor. Proprio come Elementor ti permette di progettare i tuoi contenuti utilizzando un’interfaccia visiva, TranslatePress ti consente di tradurre tutti i tuoi contenuti Elementor tramite una semplice interfaccia di traduzione visiva come questa:

Tutto quello che devi fare è cliccare sul widget Elementor che desideri tradurre e potrai modificarne la traduzione nella barra laterale. Ancora meglio, questo metodo funziona perfettamente anche con Elementor Theme Builder e Popup Builder, così come con tutti gli altri contenuti del tuo sito WordPress.

Puoi tradurre il tuo sito da zero manualmente oppure utilizzare il servizio integrato TranslatePress AI per avvalerti della traduzione automatica offerta da diversi servizi di punta, quali Google Translate, DeepL e Microsoft Translator.

Sei pronto a scoprire come configurarlo? Ecco come tradurre un sito Elementor con TranslatePress.

Cosa ti serve per tradurre un sito Elementor su WordPress

Per tradurre un sito Elementor, hai bisogno di un solo strumento: TranslatePress.

TranslatePress Multilingue

TranslatePress è il modo più semplice per tradurre il tuo sito WordPress. È veloce, non rallenta il tuo sito, funziona con QUALSIASI tema o plugin ed è ottimizzato per la SEO.

Ottieni il plugin Prova la versione gratuita

TranslatePress è un plugin freemium per la traduzione di WordPress che funziona con Elementor fin da subito, senza bisogno di ricorrere a soluzioni alternative o impostazioni di compatibilità.

Come hai visto sopra, TranslatePress ti offre un'interfaccia grafica da cui puoi gestire tutte le tue traduzioni.

Funziona con tutto Contenuti e widget di Elementor. Ad esempio, è possibile tradurre slider, popup, moduli, modelli di theme builder... qualsiasi cosa! Puoi anche traduci le immagini e Indirizzi URL nei tuoi progetti Elementor in modo che i visitatori ottengano immagini o URL diversi in base alla lingua scelta.

Puoi o manualmente tradurre tutti i tuoi contenuti di Elementor. Oppure, puoi iniziare traducendo automaticamente i tuoi contenuti con il servizio TranslatePress AI integrato e poi perfezionare manualmente tali traduzioni, se necessario. Oltre a TranslatePress AI, hai anche la possibilità di collegare il tuo sito Elementor direttamente a Google Traduttore o DeepL.

Infine, le versioni tradotte dei tuoi contenuti Elementor sono pienamente ottimizzate per la SEO, il che significa che Google può indicizzarle e classificarle. TranslatePress implementa anche altre migliori pratiche SEO multilingue come i tag hreflang e sitemap multilingue.

Di seguito ti mostreremo esattamente come tradurre Elementor e il resto del tuo sito WordPress utilizzando TranslatePress.

Come tradurre un sito Elementor: guida passo passo

Ecco una panoramica delle diverse fasi che seguiremo:

1. Crea i tuoi contenuti con Elementor (se non l'hai già fatto)
2. Installa TranslatePress e seleziona la lingua o le lingue
3. Imposta la traduzione automatica (facoltativo)
4. Apri l'editor di traduzione visiva e inizia a tradurre Elementor

1. Crea i tuoi contenuti con Elementor

Nota, se hai già completato il contenuto/design di Elementor che desideri tradurre, puoi clicca qui per saltare alla fase due.

Per iniziare, vorrai creare il design per il tuo contenuto Elementor nella tua lingua madre. Potrebbe essere un:

• Design post o pagina normale.
• Tema modello utilizzando Elementor Theme Builder.
• Popup con Elementor Popup Builder.

Per questo primo esempio, creeremo semplicemente una pagina normale utilizzando un template di Elementor, ma in seguito ti mostreremo come funzionano le cose con pop-up, template di Theme Builder e alcuni widget specifici di Elementor.

Stiamo utilizzando il template Elementor Canvas, che ci offre una tela vuota 100% priva di contenuti del nostro tema. Tuttavia, è possibile utilizzare anche un normale template, poiché TranslatePress consente di tradurre i contenuti del tema e persino modifica le stringhe provenienti da qualsiasi altro plugin che stai usando.

Ecco il modello Elementor pre-costruito che abbiamo scelto:

2. Installare TranslatePress e selezionare la o le lingue

Una volta creati i contenuti Elementor nella lingua originale del tuo sito, sei pronto per installare TranslatePress e scegliere la o le lingue in cui desideri tradurre i tuoi contenuti Elementor.

Per iniziare installare e attivare il plugin gratuito TranslatePress disponibile su WordPress.org.

Una volta attivato il plugin, vai su Impostazioni → TranslatePress per scegliere la lingua (o le lingue) che si desidera utilizzare.

Prima, scegliete Lingua predefinita, che è la lingua in cui si trova attualmente il tuo contenuto Elementor. Quindi, aggiungi le nuove lingue che desideri offrire utilizzando il menu a discesa:

Con la versione gratuita di TranslatePress, puoi tradurre i tuoi contenuti Elementor in una nuova lingua, mentre la versione premium La versione TranslatePress ti permette di utilizzare un numero illimitato di lingue.

In quest'area delle impostazioni, puoi anche configurare altre importanti impostazioni come l'aggiunta e la personalizzazione di un front-end Elementor selettore di lingua. Per impostazione predefinita, TranslatePress aggiunge un pulsante selettore di lingua mobile nell'angolo in basso a destra del sito, che segue l'utente durante la navigazione; tuttavia, è possibile disattivarlo se si desidera utilizzare un altro tipo di selettore..

3. Imposta la traduzione automatica (facoltativo)

Questo passaggio è facoltativo in 100%: TranslatePress non impone l'uso della traduzione automatica e, se preferisci tradurre manualmente da zero tutti i tuoi contenuti di Elementor, puoi farlo clicca qui per passare alla fase successiva. Anche se utilizzi la traduzione automatica, puoi sempre tornare indietro e modificare manualmente tutte le tue traduzioni di Elementor.

Se vuoi risparmiare tempo e garantire traduzioni complete, TranslatePress ti offre la possibilità di utilizzare la traduzione automatica per i contenuti del tuo sito.

Il modo più veloce e semplice è usare il servizio TranslatePress AI integrato, che individua automaticamente la traduzione migliore tra quelle fornite da diversi servizi di traduzione di prim’ordine. Con qualsiasi licenza TranslatePress hai a disposizione un contingente gratuito di utilizzo e, se dovessi aver bisogno di superarlo, puoi anche ricaricarlo.

In alternativa, TranslatePress consente anche di connettersi direttamente a Google Traduttore o DeepL. È possibile utilizzare Google Translate con la versione gratuita di TranslatePress, mentre DeepL richiede la versione a pagamento.

Se utilizzi uno di questi servizi per tradurre i contenuti del tuo sito, TranslatePress salverà localmente le traduzioni completate, il che significa che:

1. Non è necessario connettersi al servizio esterno per ogni visita, il che migliora le prestazioni della pagina;
2. Puoi modificare quelle traduzioni quanto vuoi e salvare le tue modifiche;
3. È necessario pagare il servizio di traduzione esterno una sola volta*.

Se desideri attivare la traduzione automatica:

1. Vai al Traduzione Automatica scheda nelle impostazioni TranslatePress.
2. Utilizza il menu a discesa per attivare la traduzione automatica.

Se utilizzi TranslatePress AI con una licenza TranslatePress a pagamento, il tuo sito sarà già collegato tramite la tua chiave di licenza TranslatePress. Basta cliccare sul Salva modifiche Clicca sul pulsante e TranslatePress AI inizierà automaticamente a tradurre il tuo sito.

Se desideri collegarti direttamente a Google Translate o DeepL, dovrai creare una chiave API per tali servizi e poi aggiungerla in questa sezione delle impostazioni.

4. Apri l'Editor di traduzione visiva e inizia a tradurre

A questo punto, sei pronto per iniziare a tradurre i tuoi contenuti di Elementoroppure modificando le traduzioni automatiche, se nel passaggio precedente hai scelto di utilizzare TranslatePress AI).

Per accedere all'editor di traduzione visiva TranslatePress, apri il tema Elementor che desideri tradurre nel front-end del tuo sito. Quindi, clicca sul Traduci pagina opzione nella barra degli strumenti di WordPress:

Nell'editor di traduzione visiva, dovresti vedere un'anteprima live del tuo contenuto Elementor sulla destra e una barra laterale di traduzione sulla sinistra.

Per tradurre una parte di contenuto di Elementor, passaci sopra con il mouse nell'anteprima live e fai clic sull'icona della matita. Questo aprirà la traduzione nella barra laterale, dove potrai apportare le modifiche:

Se hai utilizzato la traduzione automatica, le traduzioni dovrebbero essere già presenti. Altrimenti, vedrai un campo vuoto per il contenuto che non hai ancora tradotto.

E questo è tutto! Ora sai come tradurre un sito Elementor in diverse lingue. Successivamente, vediamo come tradurre widget o funzionalità specifiche di Elementor.

Esempi di come tradurre elementi specifici in Elementor

A questo punto, sai già come tradurre un sito web creato con Elementor a livello generale, ma in Elementor ci sono molti tipi diversi di contenuti e opzioni di modifica. Vediamo quindi come puoi utilizzare TranslatePress con parti specifiche dei tuoi contenuti e dei tuoi layout creati con Elementor.

Ecco cosa tratteremo:

• Immagini
• Indirizzi URL
• Cursori
• Moduli
• Modelli di Theme Builder
• Popup
• WooCommerce Builder designs

Come tradurre le immagini di Elementor

Per localizzare completamente i tuoi progetti Elementor, non basta tradurre il testo: devi anche assicurarti che le immagini che utilizzi abbiano senso in ogni lingua.

Per aiutarti in questo, TranslatePress ti permette di “tradurre” le tue immagini di Elementor in modo da poter visualizzare immagini diverse a seconda della lingua scelta dall’utente.

Per fare ciò, passa il mouse su un'immagine Elementor e fai clic sull'icona a forma di matita. Quindi, puoi selezionare un'immagine diversa nella barra laterale:

Come tradurre gli URL di Elementor

La traduzione degli URL interni ed esterni nei contenuti di Elementor è un'altra parte importante per localizzare i tuoi design. Ad esempio, potresti voler che l'URL di destinazione di un pulsante reindirizzi a una pagina diversa in base alla lingua dell'utente.

TranslatePress riscrive automaticamente i link interni in modo che utilizzino la lingua corretta; inoltre, è possibile modificare gli URL esterni quando si modifica un pulsante o un link. Ecco come appare:

Come tradurre gli slider di Elementor

Puoi usare lo stesso approccio per traduci il contenuto in uno slider che crei con il widget Elementor Slides:

Puoi persino tradurre gli URL nel tuo slider Elementor.

Come tradurre i moduli di Elementor

Se utilizzi il widget Form per creare moduli con Elementor, puoi usare TranslatePress per traduci forme:

• Etichette
• Testo segnaposto
• Pulsanti

TranslatePress ti dirà persino se stai traducendo del testo normale o un attributo segnaposto:

Come tradurre Elementor Theme Builder

Successivamente, passiamo da specifici widget e guarda come puoi tradurre i template che crei con Elementor Theme Builder o Popup Builder.

Ecco un modello di intestazione pre-costruito da Elementor:

A Traduci l'intestazione, è possibile aprire l'editor TranslatePress su qualsiasi pagina in cui sia attivo il modello di intestazione:

A questo punto, puoi tradurre il contenuto dell'intestazione come di consueto. Una volta effettuata la traduzione, TranslatePress applicherà automaticamente tali modifiche a tutte le pagine in cui l'intestazione è attiva – tu devi non è necessario tradurlo ogni volta.

Lo stesso approccio funziona anche per altri tipi di template di Elementor Theme Builder.

Come tradurre Elementor Popup Builder

Se utilizzi Elementor Pro per creare popup, puoi anche usare TranslatePress per tradurli.

Per accedere alle traduzioni di un popup, apri l'editor per il modello del popup. Quindi, fai clic su Anteprima modifiche pulsante:

Sull'anteprima live del front-end, fai clic sul Traduci pagina pulsante sulla barra degli strumenti di WordPress.

Poi, puoi tradurre il tuo popup come faresti con qualsiasi altro contenuto di Elementor:

Come tradurre Elementor WooCommerce Builder

Se utilizzi Elementor per progettare il tuo negozio WooCommerce, puoi anche usare TranslatePress per tradurre WooCommerce e qualsiasi design o template creato con Elementor WooCommerce Builder.

Per uno sguardo più approfondito qui, puoi consultare le nostre guide su come tradurre i prodotti WooCommerce o creare un negozio WooCommerce multilingue.

Come escludere widget o sezioni di Elementor da determinate lingue

Ora che abbiamo visto come tradurre diversi tipi di contenuti sul tuo sito Elementor multilingue, diamo un'occhiata a uno scenario diverso.

Ci saranno situazioni in cui sarà necessario visualizzare determinati contenuti solo in una certa lingua e nasconderli in tutte le altre. Oppure scegliere le lingue in cui non deve apparire.

TranslatePress si integra con Elementor, rendendo questa operazione facilmente realizzabile direttamente dall'interfaccia visiva di Elementor.

Restringere il contenuto di Elementor a una determinata lingua

Vediamo come restringere qualsiasi widget o sezione di Elementor a una determinata lingua.

Per questo, fai semplicemente clic sul widget o sulla sezione che desideri limitare, quindi vai a Avanzato scheda, dove troverai Restringi per lingua opzione. Imposta l'opzione su Sì e seleziona la lingua in cui desideri visualizzare l'elemento selezionato.

L'elemento verrà ora visualizzato solo nella lingua selezionata.

Escludi Contenuti di Elementor da una o più Lingue

Se desideri visualizzare un widget o una sezione in tutte le lingue, eccetto alcune, hai un'altra opzione aggiuntiva, chiamata Escludi da Lingua.

Entrambe le opzioni sopra menzionate offrono una grande flessibilità nella visualizzazione di diversi tipi di contenuti nelle diverse lingue. Sono disponibili fin da subito quando si utilizza Elementor insieme a TranslatePress.

Puoi anche guardare questo video per un tutorial breve e conciso, passo dopo passo, su come utilizzare TranslatePress con il tuo sito web Elementor:

Motivi per passare a TranslatePress Premium

Oltre alla traduzione automatica con TranslatePress AI, puoi fare tutto ciò che hai visto con la versione gratuita di TranslatePress su WordPress.org.

Se desideri un po' più di funzionalità o flessibilità, tuttavia, puoi considerare passare a una delle versioni a pagamento di TranslatePress. Ecco cosa ottieni:

• TranslatePress AI – otterrai una certa quantità di utilizzo gratuito con la tua licenza e potrai anche aggiungere manualmente altri crediti, se necessario.
• SEO multilingua migliorata – mentre la versione gratuita crea versioni indicizzabili dei tuoi contenuti tradotti ottimizzate per la SEO, la versione a pagamento migliora le capacità di SEO multilingue del plugin. Ad esempio, puoi tradurre slug URL e meta SEO, creare sitemap multilingue e altro ancora.
• Molte lingue di traduzione – sarai in grado di tradurre il tuo sito Elementor in un numero illimitato di nuove lingue.
• Supporto DeepL per la traduzione automatica – La versione gratuita ti permette di collegarti direttamente a Google Translate per la traduzione automatica, ma dovrai passare alla versione Pro se vuoi collegarti direttamente a DeepL.
• Account di traduttore – crea account traduttore dedicati per consentire alle persone di gestire i tuoi contenuti multilingue.
• Naviga come ruoli utente – sfoglia i tuoi contenuti nei panni di diversi ruoli utente per tradurre contenuti con restrizioni.
• Navigazione basata sulla lingua dell'utente – mostra voci di menu completamente diverse per lingue diverse (rispetto alla semplice traduzione dello stesso set di voci di menu come puoi fare con la versione gratuita).

Traduci oggi stesso il tuo sito Elementor con TranslatePress

Con TranslatePress, puoi traduci un sito Elementor usando lo stesso approccio visivo che ami tanto in Elementor.

TranslatePress Multilingue

TranslatePress è il modo più semplice per tradurre il tuo sito WordPress. È veloce, non rallenta il tuo sito, funziona con QUALSIASI tema o plugin ed è ottimizzato per la SEO.

Ottieni il plugin Prova la versione gratuita

Tutto quello che devi fare è cliccare e otterrai la possibilità di tradurre widget, template, popup di Elementor e altro ancora.

Per iniziare, puoi installare la versione gratuita di TranslatePress disponibile su WordPress.org. Poi, Esegui l'aggiornamento a una delle versioni premium per ottenere il massimo dal tuo sito web multilingue di Elementor.

Se hai trovato utile questo post, ti invitiamo a visitare il nostro Canale YouTube, dove carichiamo costantemente brevi tutorial video facili da seguire. Puoi anche seguirci su Facebook e X per essere tra i primi a sapere ogni volta che pubblichiamo.