Il selettore di lingua è un elemento importante a cui devi prestare molta attenzione quando crei un sito web multilingue perché il selettore di lingua è ciò che gli utenti visiteranno spesso quando vorranno cambiare lingua.
È quindi importante creare un selettore di lingua che sia amichevole, facile da raggiungere e utilizzare.
Quindi, in questo articolo, discuteremo come impostare un selettore di lingua per OpenCart. Quindi, per coloro che possiedono siti web multilingue o eCommerce su OpenCart, continuate a leggere questo articolo fino alla fine!
Perché creare un selettore di lingua è importante per i siti web multilingue OpenCart ?
Creare un selettore di lingua facile da usare è fondamentale per il successo di un sito web multilingue. Ecco i motivi per cui dovresti creare un selettore di lingua per siti multilingue OpenCart .
- Migliorata l'esperienza utente: L'interruttore di lingua facile da usare fornisce transizioni fluide tra le lingue, rendendo più facile per gli utenti navigare e comprendere i contenuti. Ciò migliora l'esperienza utente complessiva, riduce la frustrazione e aumenta l'engagement.
- Navigazione intuitiva: Gli utenti dovrebbero essere in grado di trovare e utilizzare facilmente il selettore di lingua. Un design intuitivo garantisce che il selettore sia posizionato chiaramente e utilizzi icone o etichette chiare e facilmente riconoscibili, creando ispirazione per gli utenti per passare da una lingua all'altra.
- Riduzione della frequenza di rimbalzo: L'interruttore di lingua facile da usare contribuisce a ridurre la frequenza di rimbalzo. Quando i visitatori possono trovare e selezionare rapidamente la loro lingua preferita, è più probabile che rimangano sul sito, esplorino i contenuti e possibilmente si converta.
- Comunicazione chiara: Gli interpreti di lingua devono comunicare in modo efficace con gli utenti. Etichette o simboli chiari e concisi aiutano a comunicare le opzioni di lingua disponibili, riducono la confusione e assicurano che gli utenti possano fare scelte informate.
- Ottimizzazione SEO: I motori di ricerca considerano l'esperienza utente durante la classificazione dei siti web. Un selettore di lingua ben implementato e facile da usare può avere un impatto positivo sulla SEO, rendendo il tuo sito più visibile e accessibile agli utenti che cercano in più lingue.
Come configurare il selettore di lingua per OpenCart?
La funzione di cambio lingua è solitamente fornita dal servizio di traduzione del sito web. Questa funzione può essere regolata in base alle esigenze di ciò che l'utente desidera progettare.
Tuttavia, a volte non tutti i servizi di traduzione forniscono una funzione di cambio lingua facile da personalizzare e utilizzare. Pertanto, è importante cercare un servizio di traduzione automatica che fornisca e sia compatibile con molti CMS, uno dei quali è Linguise traduzione automatica.
Linguise fornisce una funzione di cambio lingua flessibile e facilmente personalizzabile ed è integrato con OpenCart, questo servizio di traduzione potrebbe essere la soluzione per te.
Poi come impostare il selettore di lingua per OpenCart o sito web eCommerce. Continua a leggere la spiegazione qui sotto.
Passo 1: Registrazione dell'account gratuito Linguise
Per poter utilizzare il selettore di lingua su Linguise, naturalmente, è necessario registrare un account Linguise per primo. Offriamo anche una prova gratuita di 1 mese con varie funzionalità che puoi utilizzare.
Passaggio 2: Aggiungi il sito web del dominio OpenCart
Il secondo passo è aggiungere il dominio del sito web OpenCart che già possiedi alla Linguise dashboard. Ci sono diverse cose che devi compilare, partendo da.
- Account
- URL
- Piattaforma, seleziona OpenCart
- Lingua
- Lingua di traduzione
- Traduci URL
Dopo di che, è necessario attivare la chiave API e impostare l'URL della lingua. Per una guida completa sull'aggiunta di un dominio di sito web, puoi leggere l'installazione Linguise traduzione automatica su OpenCart o guardare il tutorial video qui sotto.
Passaggio 3: Attiva il selettore di lingua
Dopo aver aggiunto con successo il sito web OpenCart e migliorato l'API, è il momento di attivare il selettore di lingua. Ci sono diversi passaggi da seguire, prima apri il Linguise cruscotto > Impostazioni > copia questo URL.
Una volta copiato lo script, è necessario inserirlo nell'editor del tema del tuo OpenCart sito web. Per farlo, segui questi passaggi: vai su Progettazione > Editor del tema > Predefinito nel pannello di amministrazione di OpenCart. Quindi, incolla lo script nell'area designata come mostrato nell'immagine sotto.
Dopo di che, di solito, il selettore di lingua in Opencart apparirà automaticamente sulla pagina del tuo sito web nell'angolo in alto a destra con una visualizzazione come la seguente in base alla lingua scelta al momento dell'aggiunta del sito web.
Tuttavia, la visualizzazione del selettore di lingua sopra è ancora quella predefinita, con Linguise puoi personalizzare questa visualizzazione in base alle tue esigenze e desideri.
Passo 4: Configura visualizzazione principale
Per impostare il selettore di lingua o la visualizzazione delle bandiere linguistiche, puoi farlo tramite il Linguise cruscotto > Impostazioni > Visualizzazione bandiere linguistiche.
Nella prima impostazione, imposteremo la visualizzazione principale. Ci sono diverse parti che includono:
- Forma dell'icona della bandiera: qui puoi scegliere tra 3 opzioni disponibili, ovvero affiancate, a discesa o popup.
- Posizione: questa posizione mostra dove sarà il tuo selettore di lingua, puoi scegliere tra varie opzioni di posizione disponibili. Assicurati di scegliere una posizione facile da trovare per i visitatori.
- Infine, puoi combinare bandiera + nome della lingua, bandiera + nome breve o solo nome della lingua. È consigliabile utilizzare una bandiera insieme al nome della lingua per rendere più facile per gli utenti riconoscere la lingua.
Passaggio 5: Impostare il design delle bandiere
Dopo di che, sotto la visualizzazione principale, ci sono impostazioni di progettazione per la bandiera. Ci sono diverse impostazioni nell'immagine seguente.
- Nome della lingua di visualizzazione: puoi scegliere un nome visualizzato in base al nome del paese o al nome della lingua, ad esempio, francese o francese.
- Tipo di bandiera inglese: questo viene utilizzato per le lingue che hanno più di 1 tipo, ad esempio, inglese americano o inglese britannico (lo stesso per spagnolo, taiwanese, tedesco e portoghese)
- Stile della bandiera: per impostare la forma dell'icona della bandiera, rotonda o rettangolare.
Passaggio 6: Impostare il colore e la dimensione della bandiera
Il passaggio successivo dopo aver impostato il design della bandiera è impostare il colore, la dimensione e molte altre cose. Nella visualizzazione seguente, ci sono diverse impostazioni che puoi personalizzare, come ad esempio.
- Segna il raggio del bordo: raggio del bordo personalizzato in pixel dove si utilizza il rettangolo.
- Colore del nome della lingua: scegli il colore del testo predefinito per il nome della lingua.
- Colore della lingua nel popup: colore del titolo della lingua nell'area popup o a discesa.
- Dimensione della bandiera: dimensione della bandiera
- Colore del nome della lingua al passaggio del mouse: colore del testo al passaggio del mouse per il nome della lingua
- Colore hover della lingua popup: Colore del testo al passaggio del mouse per il titolo della lingua nel popup o nel menu a discesa.
Passo 7: Imposta l'ombra del flag
Infine, le impostazioni che puoi fare sono impostare l'ombra della casella della bandiera, la prima impostazione ti consente di impostare l'ombra per ogni bandiera sul tuo sito web, e la successiva è l'ombra per le bandiere della lingua al passaggio del mouse.
Dopo aver regolato tutte le impostazioni, non dimenticare di selezionare Salva per salvare le modifiche e ora puoi vedere come appaiono i risultati delle personalizzazioni effettuate.
Questo è un esempio di un selettore di lingua che utilizza un menu a discesa, posizionato nell'angolo in alto a destra e che utilizza bandiere + nome della lingua. Oltre a ciò, c'è anche una visualizzazione del sito web che sta cercando di essere tradotto in italiano.
Come creare un selettore di lingua intuitivo sul tuo sito web OpenCart ?
Dopo aver compreso come impostare un selettore di lingua per OpenCart, ora è il momento di sapere come creare un selettore di lingua amichevole in modo che possa fornire una serie di vantaggi maggiori per il tuo sito web.
- Icone o bandiere familiari: utilizza icone o bandiere di lingue familiari per rappresentare lingue diverse. Assicurati che l'icona o la bandiera sia visivamente visibile e comunemente compresa per garantire che tutto sia chiaro.
- Posizionamento comodo: posiziona lo strumento di cambio lingua in una posizione prominente sul tuo sito web, idealmente in una posizione coerente su tutte le pagine. I luoghi comuni includono intestazioni, piè di pagina o menu di navigazione. Assicurati che lo strumento di traduzione sia chiaramente visibile e facile da accedere.
- Etichetta lingua su ogni bandiera nazionale: etichetta chiaramente ogni opzione di lingua nella lingua appropriata. Ad esempio, usa “Italiano” per l'italiano, “Español” per lo spagnolo, “Deutsch” per il tedesco, e così via. Ciò aiuta gli utenti a identificare e selezionare la lingua desiderata facilmente.
- Design innovativo: Lo strumento di traduzione ha un design innovativo. Utilizza simboli o testo familiari per indicare le scelte di lingua. Ad esempio, puoi utilizzare “EN” per l'inglese e “ID” per l'indonesiano. Assicurati che lo strumento di cambio lingua si distingua da altri elementi nella pagina, ad esempio utilizzando un colore diverso o evidenziandolo.
- Cambio facile: rende facile per gli utenti passare a un'altra lingua se la lingua predefinita non corrisponde alle loro preferenze. Evita l'uso di menu a discesa, elenchi di bandiere/icona o pulsanti di attivazione/disattivazione per la selezione della lingua.
- Design reattivo: Assicurati che lo strumento di cambio lingua sia reattivo e funzioni bene su una varietà di dispositivi e dimensioni dello schermo. Testa la funzionalità su desktop, smartphone e tablet per garantire un'esperienza fluida per tutti gli utenti.
Conclusione: Configura l'interruttore di lingua su OpenCart utilizzando Linguise
A questo punto sai già come impostare un selettore di lingua per OpenCart utilizzando Linguise, la creazione di un selettore di lingua amichevole può fornire una serie di vantaggi che vanno dal migliorare l'esperienza utente complessiva e aumentare il coinvolgimento degli utenti, fino a contribuire a migliorare la SEO multilingue.
Con Linguise, puoi creare interruttori di lingua amichevoli e flag di personalizzazione completi. Quindi, cosa aspetti, registra un Linguise account, un OpenCart sito web e imposta l'interruttore di lingua per un'esperienza utente migliore.
