Come impostare un cambio di lingua su Craft CMS

di Aorinka Anendya
13 giugno 2024

Blog > Guida > Come impostare un cambio di lingua su Craft CMS

L'impostazione di un cambio di lingua su Craft CMS è una funzionalità cruciale per qualsiasi sito Web che mira a raggiungere un pubblico globale. Nell'era della globalizzazione, la capacità di passare da una lingua all'altra senza problemi è un'esigenza urgente.

L'impostazione di un cambio di lingua su Craft CMS migliora l'accessibilità per i visitatori provenienti da vari paesi, può migliorare il posizionamento nei motori di ricerca e può creare fiducia nel marchio globale. Sebbene possa sembrare complessa, questa guida passo passo ti aiuterà a farlo in modo fluido ed efficiente sul tuo Craft CMS .

Importanza di impostare un cambio di lingua su Craft CMS

Prima di approfondire come impostare un cambio di lingua su Craft CMS , discutiamo innanzitutto dell'importanza di impostare un cambio di lingua. Ecco qui alcuni di loro.

Migliore esperienza utente: un cambio di lingua consente ai visitatori di accedere facilmente ai contenuti nella loro lingua preferita, migliorando così la loro comprensione e il coinvolgimento con il sito web.
Riduzione della frequenza di rimbalzo: i visitatori che non riescono a trovare la lingua desiderata potrebbero potenzialmente uscire immediatamente dal tuo sito web. Un commutatore di lingua che fornisce più lingue può impedire loro di lasciare il sito.
Aumento delle conversioni: comprendere i dettagli del prodotto, le politiche e il processo di acquisto nella loro lingua può incoraggiare i visitatori ad acquistare o intraprendere altre azioni.
Ottimizzazione del SEO multilingue: i motori di ricerca considerano i fattori legati all'esperienza dell'utente quando classificano i siti web. Un cambio di lingua intuitivo può migliorare il tuo SEO multilingue rendendo più facile per i visitatori accedere ai contenuti nella loro lingua. Tradurre correttamente i contenuti invia inoltre segnali positivi ai motori di ricerca indicando che il tuo sito è pertinente per varie query in diverse lingue.

Rompere le barriere linguistiche

Dì addio alle barriere linguistiche e dai il benvenuto a una crescita illimitata! Prova oggi stesso il nostro servizio di traduzione automatica.

Inizia subito a tradurre

Come impostare un cambio di lingua su Craft CMS

Dopo aver compreso l'importanza di utilizzare un cambio di lingua su un sito Web Craft CMS multilingue, parliamo di come. In genere, i servizi di traduzione di siti web offrono questa funzionalità, che può essere personalizzata in base alle tue esigenze.

Tuttavia, non tutti i servizi di traduzione forniscono un commutatore di lingua facilmente personalizzabile e intuitivo. Pertanto, è importante scegliere un servizio di traduzione automatica compatibile con vari framework e fornire una funzionalità flessibile per il cambio di lingua.

Un servizio che soddisfa questi criteri è Linguise . Linguise offre una funzionalità di cambio lingua facilmente personalizzabile e intuitiva e può essere ben integrata con Craft CMS .

Utilizzando la perfetta integrazione di Linguise con il framework Craft CMS , puoi facilmente aggiungere un commutatore di lingua alla tua applicazione multilingue. Con le funzionalità avanzate e l'interfaccia intuitiva di Linguise , impostare e mantenere un cambio di lingua sul tuo sito web Craft CMS sarà molto più semplice.

Di seguito sono riportati i passaggi per installare Linguise su un sito Web Craft CMS e impostare il cambio di lingua.

#1: Registrati per un account Linguise gratuito

account Linguise gratuito e beneficia di una prova gratuita di un mese per iniziare. Inserisci semplicemente il tuo indirizzo email per generare un nome utente e una password.

Per tutta la durata del periodo di prova, avrai accesso a tutte le interessanti funzionalità che Linguise ha da offrire. Al termine del periodo di prova verrai indirizzato alla dashboard Linguise .

N. 2: Aggiunta del sito web del dominio Craft CMS

Una volta creato il tuo Linguise , verrai indirizzato alla dashboard per inserire il dominio del tuo Craft CMS . Seleziona “Aggiungi dominio” e completa i campi forniti:

Account
URL
Piattaforma utilizzata ( Craft CMS )
Lingua di default
Lingue di traduzione
Traduci gli URL
Traduzione di contenuti dinamici

Puoi ottenere la chiave API, che dovrai incollare nel passaggio successivo.

#4: carica lo script Linguise

Successivamente, dovrai caricare lo script di traduzione Linguise sul tuo server su cui è installato Craft CMS .

Scarica lo script di traduzione PHP-JS, decomprimilo e caricalo nella directory principale della tua installazione Craft CMS .

Assicurati che lo script sia inserito nella directory principale del tuo sito web, dove si trovano i file Craft CMS , e che la cartella mantenga il suo nome originale, " linguise ".

Successivamente, inserisci la chiave API Linguise nel file Configuration.php che hai caricato sul tuo server. Apri il file per la modifica e incolla la chiave API tra virgolette, sostituendo il testo REPLACE_BY_YOUR_TOKEN.

N. 5: abilita e personalizza il cambio di lingua

Il collegamento allo script Linguise JS deve essere incorporato in tutte le pagine del tuo Craft CMS per visualizzare il cambio di lingua con flag e per includere URL alternativi nelle intestazioni HTML per vantaggi SEO.

Per ottenere il collegamento allo script, vai alle impostazioni del dominio nella dashboard Linguise e copia da lì il collegamento allo script fornito.

Un modo semplice per incorporare questo codice in Craft CMS è aggiungerlo all'indice dei modelli. Accedi alla cartella /template e modifica il file indice per includere il collegamento allo script nella sezione dell'intestazione.

Per visualizzare il cambio lingua, rappresentato dal popup flag per la selezione della lingua desiderata, puoi caricarlo copiando il codice fornito alla fine della configurazione del sito e incollandolo nell'intestazione della tua pagina HTML. Questa azione consentirà il caricamento automatico del cambio della lingua delle bandiere.

Il selettore di lingua verrà inizialmente visualizzato nel formato predefinito, ma è possibile personalizzarlo. Personalizza il cambio di lingua tramite la Linguise accedendo a Impostazioni > Visualizzazione dei flag di lingua . Questa sezione include varie opzioni di personalizzazione, tra cui la visualizzazione principale, i nomi delle lingue e gli elementi di design.

#6 Configura il display principale

Per avviare la configurazione del selettore di lingua, vai alla sezione "Impostazioni" > "Visualizzazione dei flag di lingua" Linguise .

In questa sezione è possibile personalizzare diverse impostazioni. Innanzitutto ci sono le impostazioni principali del display, dove puoi modificare vari elementi come.

Stile icona bandiera: puoi scegliere tra visualizzazione affiancata, menu a discesa o popup.
Posizione: questa impostazione determina il posizionamento del selettore di lingua sul tuo sito web. Sono disponibili diverse opzioni di posizione, quindi assicurati di selezionarne una a cui i visitatori possano accedere comodamente.

# 7 Imposta il design della bandiera

Una volta modificate le impostazioni principali del display, puoi procedere a personalizzare il design delle bandiere visualizzate.

Visualizzazione del nome della lingua: è possibile visualizzare il nome della lingua in base al nome del paese o alla lingua stessa. Ad esempio, puoi mostrare "French" o "Français".
Tipo di bandiera inglese: questa funzionalità avvantaggia le lingue con più varianti, come l'inglese americano o britannico. È applicabile anche a spagnolo, taiwanese, tedesco e portoghese.
Stile bandiera: questa opzione ti consente di selezionare la forma dell'icona della bandiera, rotonda o rettangolare.

#8 Imposta il colore e la dimensione

Una volta completata la configurazione del design delle bandiere, puoi procedere alla personalizzazione del colore e delle dimensioni delle bandiere. Di seguito sono riportate alcune impostazioni disponibili per la regolazione.

Raggio del bordo della bandiera: personalizza il raggio del bordo per lo stile della bandiera rettangolare, misurato in pixel.
Colore nome lingua: seleziona il colore del testo predefinito per visualizzare il nome.
Colore lingua popup: definisce il colore per il testo del titolo in lingua nell'area popup o a discesa.
Dimensioni bandiera: modifica la dimensione delle icone delle bandiere.
Colore al passaggio del mouse sul nome della lingua: specifica il colore del testo che viene visualizzato quando l'utente passa il mouse sul nome della lingua.
Colore al passaggio del mouse sulla lingua popup: determina il colore del testo che appare quando l'utente passa il mouse sul titolo della lingua nell'area popup o a discesa.

#9 Configura l'ombra della casella

Infine, puoi regolare le impostazioni dell'ombra del flag-box. L'opzione iniziale ti consente di aggiungere un effetto ombra a ciascuna icona di bandiera mostrata sul tuo sito web. L'opzione successiva gestisce l'effetto ombra quando gli utenti passano il mouse sulle bandiere della lingua.

Dopo aver apportato tutte le modifiche necessarie, fai clic sul pulsante Salva per implementare le modifiche alla personalizzazione. Quindi, procedi al sito Web Craft CMS per confermare che la configurazione è stata applicata con successo. Questo è più o meno il modo in cui verrà visualizzato il cambio di lingua.

Dopo aver terminato il processo di installazione, puoi osservare la funzionalità del cambio di lingua sul tuo sito web multilingue Craft CMS .

Tradurremo quindi automaticamente il Craft CMS in altre lingue come il tedesco.

5 suggerimenti per ottimizzare il cambio lingua su Craft CMS

Una volta stabilito il selettore di lingua sul tuo Craft CMS , è importante comprendere le migliori pratiche per progettare un selettore di lingua e le sue prestazioni a vantaggio sia del tuo sito che dei visitatori.

Utilizzare un logo con bandiera della lingua facilmente riconoscibile

L'utilizzo di icone o bandiere linguistiche universalmente riconosciute è fondamentale affinché i visitatori possano identificare e selezionare rapidamente l'opzione della lingua preferita. Assicurarsi che le icone o le bandiere utilizzate siano chiare, abbiano un buon contrasto cromatico e siano ampiamente comprese nelle diverse culture per evitare confusione o ambiguità.

Simboli o icone familiari aiutano a creare un'esperienza intuitiva e facile da usare, consentendo ai visitatori di navigare facilmente nella versione nella lingua desiderata. È molto importante scegliere icone o bandiere universalmente conosciute per evitare malintesi o confusioni.

Utilizzando i nomi delle lingue e la bandiera

Oltre a utilizzare esclusivamente i flag, è consigliabile considerare di incorporare sia i flag che i nomi della lingua originale. Questo approccio può aiutare a evitare confusione poiché alcune lingue sono parlate in più paesi con bandiere diverse.

L'utilizzo diretto dei nomi delle lingue elimina le ambiguità e garantisce che i visitatori possano identificare e selezionare chiaramente la lingua desiderata senza fraintendimenti. Inoltre, l’uso dei nomi delle lingue può essere più inclusivo e rispettoso della diversità culturale.

Posiziona il pulsante di cambio lingua in modo strategico

Posizioniamo il pulsante di cambio lingua in un'area ben visibile e facilmente accessibile sul tuo sito web. I posizionamenti standard includono l'intestazione, il piè di pagina o il menu di navigazione principale. Queste posizioni sono intuitive per la maggior parte degli utenti di Internet e si allineano alle loro aspettative durante la ricerca di opzioni linguistiche.

Il posizionamento coerente su tutte le pagine garantisce che i visitatori possano accedere facilmente al cambio di lingua indipendentemente dal punto di ingresso o dalla pagina specifica che visitano. Questo posizionamento coerente aiuta a creare un'esperienza utente fluida e prevedibile.

Implementare un design reattivo per il cambio di lingua

Assicurati che il pulsante di cambio lingua sia reattivo e funzioni bene su vari dispositivi e dimensioni dello schermo, inclusi desktop, tablet e smartphone. Provalo su diversi dispositivi e risoluzioni dello schermo per garantire un'esperienza utente fluida senza tagliare o sovrapporre elementi.

Un design reattivo garantisce che i visitatori possano accedere facilmente alle opzioni linguistiche da qualsiasi dispositivo utilizzino, migliorando l'accessibilità e la comodità nel cambiare lingua.

Assicurati che il cambio di lingua sia coerente su tutte le pagine

Assicurati che il selettore di lingua mantenga aspetto e comportamento coerenti in tutto il tuo sito web. Gli utenti dovrebbero essere in grado di cambiare lingua senza problemi, indipendentemente dalla pagina in cui si trovano o dal contenuto che stanno visualizzando. La coerenza non solo fornisce un'esperienza utente coerente, ma rafforza anche l'accessibilità e la disponibilità delle opzioni linguistiche, creando fiducia nel tuo sito web multilingue.

Qualsiasi incoerenza nel cambio di lingua può confondere e frustrare gli utenti, portandoli potenzialmente ad abbandonare il tuo sito web.

Pronto ad esplorare nuovi mercati? Prova gratuitamente il nostro servizio di traduzione automatica con la nostra prova senza rischi di 1 mese. Nessuna carta di credito necessaria!

Richiedi la tua prova gratuita di 1 mese

Imposta il cambio lingua su Craft CMS con Linguise !

A questo punto, dovresti riconoscere che stai configurando il cambio di lingua per un sito web multilingue Craft CMS . Stabilire un cambio di lingua può offrire vari vantaggi e può essere ottimizzato in base ai punti precedentemente menzionati.

L'ottimizzazione del cambio di lingua può migliorare significativamente l'esperienza utente complessiva. Successivamente, registrati per un account Linguise , integralo con il tuo Craft CMS e ottimizza il cambio di lingua per migliorare ulteriormente l'esperienza dell'utente.

Come impostare un cambio di lingua su Craft CMS

Importanza di impostare un cambio di lingua su Craft CMS

Come impostare un cambio di lingua su Craft CMS

#1: Registrati per un account Linguise gratuito

N. 2: Aggiunta del sito web del dominio Craft CMS

#4: carica lo script Linguise

N. 5: abilita e personalizza il cambio di lingua

#6 Configura il display principale

# 7 Imposta il design della bandiera

#8 Imposta il colore e la dimensione

#9 Configura l'ombra della casella

5 suggerimenti per ottimizzare il cambio lingua su Craft CMS

Utilizzare un logo con bandiera della lingua facilmente riconoscibile

Utilizzando i nomi delle lingue e la bandiera

Posiziona il pulsante di cambio lingua in modo strategico

Implementare un design reattivo per il cambio di lingua

Assicurati che il cambio di lingua sia coerente su tutte le pagine

Imposta il cambio lingua su Craft CMS con Linguise !

Potresti anche essere interessato a leggere

Cantonese vs mandarino, qual è la differenza?

Webflow eCommerce: oltre 5 suggerimenti per raggiungere il mercato internazionale

Come scegliere il miglior plugin di traduzione WooCommerce per il tuo negozio multilingue (+configurazione)

Legale

Supporto

Prodotto