Hai un sito web creato con Concrete CMS e desideri aggiungere un selettore di lingua? Impostando un selettore di lingua, gli utenti potranno passare più facilmente da una lingua all'altra. Questa funzionalità è particolarmente utile per i siti web con una base utenti internazionale, consentendo ai visitatori di navigare sulla piattaforma nella loro lingua preferita.
Per impostare un selettore di lingua in Concrete CMS , gli amministratori di solito iniziano specificando le lingue che desiderano supportare nelle impostazioni di sistema. Quindi aggiungono un menu a discesa o un pulsante che gli utenti possono utilizzare per selezionare la lingua preferita. Questo articolo vi guiderà nell'implementazione di un selettore di lingua in Concrete CMS utilizzando uno dei servizi di traduzione automatica .
Importanza di impostare un selettore di lingua su Concrete CMS
La necessità di offrire contenuti in più lingue sta diventando sempre più importante. Un recente studio di DeepL ha rivelato che il 75% degli intervistati concorda sul fatto che i contenuti localizzati aumentano significativamente il coinvolgimento dei clienti.
L'implementazione di un selettore di lingua consente di tradurre i contenuti e creare un'esperienza più personalizzata per i visitatori del sito web. Questo è evidente dai dati che mostrano che il 96% degli intervistati ha osservato un ROI (ritorno sull'investimento) positivo dai propri sforzi di localizzazione dei contenuti.
Con questi dati in mente, implementare un selettore di lingua su Concrete CMS è una mossa strategica che non può essere abbandonata. Ecco perché questo articolo spiegherà come impostare un selettore di lingua sul tuo sito web Concrete CMS .
Come impostare un selettore di lingua su Concrete CMS
Ora che abbiamo compreso l'importanza della funzionalità di cambio lingua sulla piattaforma multilingue Concrete CMS vediamo come implementarla. Concrete CMS dispone di un sistema di gestione delle lingue integrato che può essere personalizzato in base alle esigenze della vostra organizzazione.
Uno dei servizi di traduzione automatica che puoi utilizzare è Linguise . Linguise offre funzionalità di cambio lingua facili da usare e può essere integrato con diversi CMS popolari, tra cui Concrete CMS .
Concrete CMS offre una facile integrazione multilingua, consentendo agli amministratori di aggiungere rapidamente funzionalità di cambio lingua ai propri siti. Utilizzando Concrete CMS , è possibile semplificare la configurazione e la gestione di un selettore di lingua sulla propria piattaforma. Ecco i passaggi per installare Linguise su Concrete CMS e configurare il selettore di lingua.
#1 Registra il dominio Concrete CMS
Inizia creando un account Linguise gratuito e aggiungendo il dominio del tuo sito web. Puoi usufruire di una prova gratuita di 30 giorni prima di decidere di sottoscrivere un abbonamento.
Successivamente, dovrai autorizzare il tuo dominio per la traduzione. Copia il nome del tuo dominio, incluso "https://", e seleziona "Concrete CMS" come piattaforma. Scegli la lingua di origine e le lingue di destinazione per la configurazione della traduzione automatica all'interno di Concrete CMS.
#2: Carica e collega lo script Linguise
È necessario caricare lo script di traduzione Linguise sul server su cui è installato Concrete CMS . Scaricare lo script dal link fornito, decomprimerlo e posizionare la cartella nella directory principale dell'installazione Concrete CMS . Assicurarsi che la cartella si chiami "linguise"
Quindi, inserisci la chiave API Linguise nel file Configuration.php sul tuo server. Apri il file e sostituisci "REPLACE_BY_YOUR_TOKEN" con la tua chiave API, inserendola tra virgolette singole.
#3: Imposta la riscrittura degli URL Concrete CMS
In Concrete CMS, la riscrittura degli URL è in genere abilitata di default. In caso contrario, puoi abilitarla tramite il tuo provider di hosting. Aggiorna il file .htaccess aggiungendo il codice specifico dopo la riga "RewriteEngine on". Questo configurerà gli URL specifici per ogni lingua.
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME}/index.html !-f
RewriteCond %{REQUEST_FILENAME}/index.php !-f
RewriteRule . /concretee/index.php [L]
</IfModule>
#4: Abilita e personalizza il selettore di lingua
Il link allo script JS Linguise deve essere caricato su tutte le pagine di Concrete CMS per visualizzare il selettore di lingua con flag e URL alternativi (fondamentale per la SEO). Puoi trovare il link allo script nelle impostazioni del dominio nella dashboard Linguise .
Per caricare lo script in Concrete CMS, inserisci il codice nel file header.php o all'interno del tuo sito<head> sezione tramite il pannello di amministrazione andando su Sistema e impostazioni > SEO e statistiche.
Quindi, aggiungilo in Codici di monitoraggio.
Per impostazione predefinita, lo switcher appare nell'angolo in alto a destra.
Tuttavia, è possibile personalizzare l'aspetto della dashboard tramite la funzione "Visualizzazione delle bandiere delle lingue".
#5: Configurare il display principale
Per iniziare a configurare il selettore di lingua, vai alla "Impostazioni" > "Visualizzazione dei flag di lingua" nella Linguise . Qui puoi regolare diverse impostazioni.
- Stile dell'icona della bandiera: scegli tra tre stili di visualizzazione: affiancati, menu a discesa o popup.
- Posizione: seleziona la posizione del selettore di lingua sul tuo sito web, assicurandoti che sia facilmente accessibile ai visitatori.
#6: Personalizza il design della bandiera
Dopo aver impostato la visualizzazione principale, è possibile personalizzare il design delle bandiere delle lingue.
- Nome della lingua visualizzata: decidi se visualizzare il nome in base al Paese o alla lingua, ad esempio "Francese" o "Français".
- Tipo di bandiera inglese: questa opzione consente di distinguere tra le varianti dell'inglese britannico o statunitense e si applica in modo simile allo spagnolo, al portoghese o al tedesco.
- Stile bandiera: seleziona la forma dell'icona della bandiera, rotonda o rettangolare.
#7: Regola colore e dimensione
Successivamente, puoi personalizzare il colore e le dimensioni delle bandiere.
- Flag border-radius: imposta il raggio in pixel per le bandiere rettangolari.
- Colore del nome della lingua: scegli il colore predefinito del testo per visualizzare i nomi delle lingue.
- Colore della lingua del popup: specifica il colore del testo per i titoli delle lingue nel popup o nel menu a discesa.
- Dimensione bandiera: regola la dimensione delle icone della bandiera.
- Colore del passaggio del mouse sul nome della lingua: imposta il colore del passaggio del mouse sui nomi delle lingue.
- Colore del passaggio del mouse sulla lingua del popup: definisce il colore del passaggio del mouse sui titoli delle lingue nel popup o nel menu a discesa.
#8: Aggiungi una casella di bandiera-ombra
Infine, puoi personalizzare le impostazioni dell'ombra della casella della bandiera.
- La prima opzione aggiunge un effetto ombra alle icone delle bandiere visualizzate sul tuo sito web.
- La seconda opzione controlla l'effetto ombra quando gli utenti passano il mouse sulle bandiere delle lingue.
Una volta soddisfatte le impostazioni, clicca su "Salva" per applicare le modifiche. Visita il Concrete CMS per verificare che il selettore di lingua funzioni come previsto e per visualizzarne un'anteprima.
È anche possibile tradurre il sito in altre lingue, come il tedesco.
Best practice per ottimizzare il cambio lingua su Concrete CMS
Ottimizzare il selettore di lingua su Concrete CMS migliora l'esperienza utente in un ambiente multilingue. Di seguito sono riportati alcuni suggerimenti chiave per migliorare il selettore di lingua sulla tua piattaforma.
Utilizzo di nomi e bandiere delle lingue
Combinare i nomi delle lingue con le icone delle bandiere è un modo efficace per rendere il selettore di lingua più intuitivo. Questo approccio offre due indicazioni visive, aiutando gli utenti a identificare e selezionare rapidamente la lingua desiderata. Il nome della lingua fornisce chiarezza, mentre la bandiera offre un riferimento visivo, facilitando la scelta, soprattutto quando una lingua viene utilizzata in più paesi con bandiere diverse.
Ad esempio, se il tuo sito Concrete CMS si rivolge a un pubblico di e-commerce globale, combinando "🇺🇸 English", "🇫🇷 Français" e "🇩🇪 Deutsch" nella lingua, lo switcher può aiutare gli utenti a trovare rapidamente la loro lingua preferita, migliorando la loro esperienza di acquisto e aiutandoli a navigare nel sito senza sforzo.
Icone riconoscibili della bandiera
È essenziale utilizzare icone di bandiera chiare e di alta qualità, facilmente riconoscibili anche in piccole dimensioni. Queste icone aiutano gli utenti a identificare rapidamente la propria lingua senza dover leggere il testo. Quando necessario, è importante scegliere icone culturalmente sensibili che rappresentino le lingue piuttosto che i paesi. Ad esempio, utilizzare un simbolo neutro per una lingua ampiamente parlata come l'arabo può essere più appropriato rispetto alla scelta di una bandiera nazionale.
Ad esempio, una piattaforma Concrete CMS progettata per un'agenzia di viaggi globale potrebbe utilizzare la bandiera spagnola per lo spagnolo, la bandiera canadese per il francese e un'icona a forma di globo per le lingue più diffuse come l'inglese. Questo garantisce che le icone siano chiare e intuitive, facilitando la selezione della lingua preferita da parte degli utenti durante la ricerca dei pacchetti di viaggio.
Cambia lingua in modo strategico
Il selettore di lingua dovrebbe essere posizionato in un punto facilmente visibile e accessibile agli utenti, senza ingombrare l'interfaccia. Le opzioni di posizionamento più comuni includono l'intestazione, il piè di pagina o il menu di navigazione principale del sito. La coerenza nel posizionamento in tutte le pagine è fondamentale affinché gli utenti possano trovarlo ovunque nel sito.
Ad esempio, un sito Concrete CMS potrebbe posizionare lo switcher nell'angolo in alto a destra dell'intestazione, assicurandosi che rimanga visibile mentre gli utenti scorrono le pagine. Per i dispositivi mobili, integrarlo nel menu ad hamburger mantiene l'accessibilità risparmiando spazio.
Mantenere la coerenza tra le pagine
È importante mantenere coerenza nell'aspetto e nelle funzionalità. Il selettore di lingua dovrebbe funzionare allo stesso modo in ogni pagina e, quando gli utenti cambiano lingua, dovrebbero rimanere sulla stessa pagina con i contenuti tradotti nella nuova lingua. Questo migliora il flusso di lavoro dell'utente e rende la navigazione più intuitiva.
Ad esempio, un selettore di lingua a discesa appare in modo coerente nelle home page, nelle pagine dei contatti e in altre pagine. Ciò consentirebbe agli utenti di cambiare lingua senza problemi, senza perdere il filo del discorso.
Conclusione
L'impostazione di un selettore di lingua e l'implementazione della traduzione automatica sul Concrete CMS possono offrire un'esperienza multilingue fluida ai tuoi utenti. Seguendo i passaggi descritti in questa guida, puoi integrare un selettore di lingua e personalizzarlo in base alle esigenze del tuo sito.
Ottimizzare efficacemente il selettore di lingua migliorerà l'esperienza utente e il coinvolgimento. Per iniziare, crea un account Linguise , integralo con il tuo Concrete CMS e configura il selettore di lingua in base alle tue preferenze. In questo modo, i visitatori potranno navigare facilmente sulla tua piattaforma nella loro lingua preferita.
