Configurare un selettore di lingua su Magento è essenziale. Questa funzione è fondamentale per i siti web che si rivolgono a un pubblico internazionale, poiché la capacità di passare facilmente da una lingua all'altra è diventata un'esigenza pressante nel mercato attuale.
Sebbene il processo possa sembrare inizialmente scoraggiante, questa guida ti guiderà attraverso i passaggi per configurare un selettore di lingua sul tuo sito web Magento in modo efficiente e efficace. Seguendo queste istruzioni, potrai implementare questa preziosa funzione senza problemi, migliorando la capacità del tuo sito di soddisfare un pubblico diversificato e multilingue.
Perché dovresti configurare un selettore di lingua per Magento?
Ecco quattro motivi chiave per cui dovresti configurare un selettore di lingua per Magento.
- Esperienza Utente Migliorata: Un selettore di lingua consente ai visitatori di accedere ai contenuti nella loro lingua preferita, migliorando la loro comprensione e il coinvolgimento con il tuo sito web. Ad esempio, un cliente di lingua spagnola che visita un negozio basato su inglese Magento può facilmente passare alla lingua spagnola, rendendo più semplice la navigazione dei prodotti, la lettura delle descrizioni e il completamento degli acquisti.
- Portata di mercato ampliata: Offrendo più lingue, puoi raggiungere un pubblico globale e accedere a nuovi mercati, aumentando potenzialmente la tua base di clienti e le vendite. Ad esempio, un negozio di abbigliamento online negli Stati Uniti implementa un selettore di lingua con opzioni per inglese, francese e tedesco. Ciò consente loro di commercializzare i propri prodotti in modo efficace per i clienti in Canada e in altri paesi europei senza creare siti web separati.
- Miglioramento delle prestazioni SEO: Un selettore di lingua ben implementato può aumentare i tuoi sforzi di SEO multilingue, rendendo il tuo sito più visibile nei risultati di ricerca in diverse lingue e regioni. Ad esempio, un negozio di elettronica basato su Magento offre contenuti sia in inglese che in giapponese. Quando gli utenti giapponesi cercano prodotti nella loro lingua, le pagine giapponesi del negozio hanno maggiori probabilità di apparire nei risultati di ricerca, generando più traffico mirato.
- Tassi di conversione aumentati: Quando i visitatori possono comprendere i dettagli del prodotto, le politiche e il processo di acquisto nella loro lingua madre, è più probabile che completino le transazioni e diventino clienti. Ad esempio, un cliente italiano che naviga in un negozio di prodotti di bellezza internazionali su Magento trova l'opzione per passare all'italiano. Ora possono facilmente comprendere gli ingredienti del prodotto, le istruzioni per l'uso e le politiche di spedizione, aumentando la loro fiducia nell'acquisto.
Implementando queste funzionalità, rendete il vostro negozio Magento più accessibile e facile da usare per un pubblico diversificato e globale, potenzialmente aumentando il traffico web, l'engagement e le vendite.
Come impostare un selettore di lingua su Magento?
I servizi di traduzione del sito web offrono generalmente questa funzionalità, che può essere personalizzata per soddisfare le vostre esigenze specifiche.
Tuttavia, vale la pena notare che non tutti i servizi di traduzione forniscono un selettore di lingua facilmente personalizzabile e facile da usare. Pertanto, selezionare un servizio di traduzione automatica compatibile con vari framework e che offra una funzione di cambio lingua flessibile è fondamentale.
Un servizio che si distingue per soddisfare questi criteri è Linguise. Fornisce una funzione di cambio lingua facilmente personalizzabile e facile da usare e si integra perfettamente con Magento.
Sfruttando l'integrazione fluida di Linguise con il Magento CMS, puoi incorporare senza sforzo un selettore di lingua nel tuo sito web multilingue. Con le funzionalità di Linguise e l'interfaccia intuitiva, configurare e mantenere un selettore di lingua sul tuo Magento sito web diventa significativamente più semplice. La sezione seguente descrive i passaggi per installare Linguise su un Magento sito web multilingue e configurare il selettore di lingua.
Passo 1: Registra un account Linguise gratuito
Innanzitutto, iscriviti per un account Linguise a costo zero e approfitta di un periodo di prova di un mese. Il processo di registrazione è semplice – basta fornire il tuo indirizzo email per creare le tue credenziali di accesso.
Durante questa fase di prova, avrai accesso alle impressionanti funzionalità di Linguise. Una volta terminato il periodo di prova, sarai automaticamente reindirizzato alla dashboard di Linguise .
Passo 2: Aggiunta del dominio del sito web Magento
Dopo aver creato con successo il tuo Linguise, sarai reindirizzato alla dashboard. Lì, dovrai aggiungere le informazioni del dominio del tuo sito web. Cerca l'opzione “Aggiungi dominio” e cliccaci sopra. Ti verrà presentato un modulo con diversi campi da compilare:
- Dettagli dell'account
- URL del sito web
- Selezione della piattaforma (scegli Magento)
- La lingua principale del tuo sito
- Lingue che desideri tradurre in
- Opzione per tradurre gli URL
- Impostazione per la traduzione dei contenuti dinamici
Una volta completate tutte le informazioni necessarie, clicca sul pulsante “Passo successivo”.
Nella fase successiva, dovrai inserire una chiave API. Questa chiave ti sarà fornita e sarà essenziale per il processo di configurazione.
Passo 3: Carica lo script di Linguise
Il passo successivo consiste nell'aggiungere lo script di traduzione Linguise al tuo server Magento :
- Ottieni lo script di traduzione PHP-JS da Linguise.
- Estrai il contenuto del file scaricato.
- Trasferisci i file estratti nella directory principale della tua installazione Magento .
Assicurati che:
- Lo script sia posizionato nella directory di primo livello del tuo sito web accanto ai tuoi file Magento .
- La cartella mantiene il suo nome originale, “linguise”.
Successivamente, è necessario incorporare la chiave API Linguise nel file Configuration.php che hai appena caricato. Apri questo file per modificarlo, individua il testo di segnaposto "REPLACE_BY_YOUR_TOKEN" e sostituiscilo con la chiave API effettiva, mantenendolo tra virgolette.
Passo 4: Configura la riscrittura dell'URL per Magento
Accedi al tuo pannello di amministrazione di Magento e segui questo percorso attraverso il menu laterale: Negozi > Impostazioni > Configurazione > Generale > Web > Ottimizzazione per i motori di ricerca
Una volta lì, individua e attiva l'opzione "Utilizza la riscrittura del server web".
Successivamente, dovrai impostare URL specifici per lingua nel tuo file .htaccess. Apri il file .htaccess predefinito di Magento 2 e trova la riga che dice “RewriteEngine on”. Immediatamente dopo questa riga, inserirai uno specifico snippet di codice.
Questa configurazione consente ad Magento di gestire correttamente e instradare le richieste per diverse versioni linguistiche del tuo sito, migliorando la tua configurazione multilingue.
Ricorda, la modifica del file .htaccess richiede un'attenzione particolare ai dettagli, poiché modifiche errate possono influire sulla funzionalità del tuo sito. Se non ti senti a tuo agio nel fare queste modifiche da solo, considera di chiedere assistenza a uno sviluppatore familiare con le configurazioni di Magento .
<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)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA,END]
</IfModule>
Passo 5: Attiva e personalizza il selettore di lingua
Il selettore di lingua è un popup con bandiere che consente agli utenti di selezionare la propria lingua preferita. Per caricarlo, copia il codice fornito alla fine della configurazione del sito web e incollalo nell'header della tua pagina HTML. Il selettore di lingua con bandiere verrà quindi caricato automaticamente.
Puoi trovare il codice da copiare e caricare nell'intestazione del tuo sito web nel Linguise dashboard navigando su YIl tuo dominio > Impostazioni > Scheda > Script PHP.
Questo codice dovrebbe essere inserito nell'intestazione della tua pagina. Magento 2 ti consente di aggiungere contenuto all'intestazione della tua pagina tramite le impostazioni di configurazione.
Nel pannello di amministrazione, vai a Contenuto > Configurazione e modifica la vista del tema del negozio predefinito. Successivamente, clicca sulla sezione HTML Head e incolla lo script copiato nel campo di input Scripts e Style Sheets. Infine, salva la configurazione.
L'interruttore di lingua viene inizialmente visualizzato in una posizione fluttuante in basso a destra nel tuo sito web. Puoi personalizzare il suo aspetto e la sua posizione navigando nel Linguise cruscotto > Impostazioni > Visualizzazione Bandiere Lingua.
Passo 6: Configura la visualizzazione principale
L'interruttore di lingua appare per impostazione predefinita in una posizione fluttuante in basso a destra del tuo sito web. Puoi regolare il suo aspetto e posizionamento attraverso la Linguise dashboard andando su Impostazioni > Visualizzazione Bandiere di Lingua.
Passo 7: Configura il design delle bandiere
Dopo aver regolato le impostazioni principali di visualizzazione, puoi ulteriormente personalizzare il design delle bandiere di lingua.
- Visualizzazione Nome Lingua: Puoi scegliere di mostrare il nome della lingua in base al paese o alla lingua stessa, come “Francese” o “Français.”
- Tipo di Bandiera Inglese: Questo è utile per le lingue con molteplici variazioni, come l'inglese americano o britannico, lo spagnolo, il taiwanese, il tedesco e il portoghese.
- Stile della Bandiera: Seleziona la forma dell'icona della bandiera, rotonda o rettangolare.
Passo 8: Imposta il colore e la dimensione
Dopo aver finalizzato il design della bandiera, è possibile procedere per personalizzare il colore e la dimensione delle bandiere con le seguenti impostazioni:
- Raggio di bordo bandiera: Regola il raggio di bordo per lo stile di bandiera rettangolare, misurato in pixel.
- Colore nome lingua: Scegli il colore del testo predefinito per il nome della lingua.
- Colore lingua popup: Imposta il colore per il testo del titolo della lingua nel popup o nell'area a discesa.
- Dimensioni bandiera: Regola la dimensione delle icone delle bandiere.
- Colore nome lingua al passaggio del mouse: Definisci il colore del testo che appare quando l'utente passa sopra il nome della lingua.
- Colore lingua popup al passaggio del mouse: Specifica il colore del testo che appare quando l'utente passa sopra il titolo della lingua nel popup o nell'area a discesa.
Passaggio 9: Configura l'ombra del box delle bandiere
Infine, puoi regolare le impostazioni dell'ombra del box delle bandiere. La prima opzione ti consente di aggiungere un effetto ombra a ciascuna icona della bandiera visualizzata sul tuo sito web. La seconda opzione controlla l'effetto ombra quando gli utenti passano il mouse sulle bandiere delle lingue.
Una volta apportate tutte le modifiche necessarie, clicca sul pulsante Salva per applicare le modifiche di personalizzazione. Quindi, vai sul tuo sito web Magento per verificare che la configurazione sia stata applicata con successo. Ciò ti darà un'idea di come verrà visualizzato il selettore di lingua.
Dopo aver completato la configurazione, puoi vedere il selettore di lingua sul tuo sito web multilingue Magento .
Traduciamo automaticamente il sito web Magento in altre lingue, come lo spagnolo.
4 strategie per migliorare il selettore di lingua su Magento
Una volta configurato il selettore di lingua sul tuo Magento, devi comprendere le strategie ottimali per progettare un selettore di lingua e ottimizzare le sue prestazioni per migliorare il tuo sito e l'esperienza utente.
Implementa facilmente indicatori di lingua
L'utilizzo di simboli linguistici o bandiere universalmente riconosciuti nel selettore di lingua è fondamentale. Ciò consente ai visitatori di individuare e scegliere rapidamente la propria lingua preferita. L'implementazione di simboli familiari crea un'esperienza utente intuitiva, consentendo ai visitatori di navigare senza sforzo verso la versione linguistica desiderata. La chiave è selezionare indicatori riconosciuti a livello globale per prevenire interpretazioni errate.
Ad esempio un sito e-commerce multilingue che vende attrezzature sportive. Il loro selettore di lingua potrebbe utilizzare una combinazione di bandiere nazionali e abbreviazioni linguistiche:
- EN (per Inglese)
- ES (per Spagnolo)
- FR (per Francese)
- DE (per Tedesco)
- JP (per Giapponese)
Questo approccio combina segnali visivi (bandiere) con testo (codici linguistici), rendendo facile per gli utenti di diversi background identificare la propria lingua preferita. Le bandiere sono immediatamente riconoscibili, mentre le abbreviazioni forniscono ulteriore chiarezza.
Ad esempio, un visitatore di lingua spagnola potrebbe individuare rapidamente la bandiera spagnola e l'abbreviazione 'ES', consentendo loro di commutare il sito in spagnolo con un solo clic. Questo design facile da usare migliora l'esperienza di navigazione complessiva e aumenta potenzialmente il coinvolgimento e le conversioni sul sito.
Combina nomi di lingue e bandiere
Mentre le bandiere sono visivamente attraenti, è utile associarle ai nomi nativi delle lingue. Questa strategia aiuta a prevenire la confusione, soprattutto perché alcune lingue sono utilizzate in più paesi con bandiere diverse.
Utilizzare i nomi delle lingue effettivi elimina l'ambiguità, garantendo che i visitatori possano identificare e scegliere con precisione la propria lingua preferita senza fraintendimenti. Inoltre, questo approccio promuove l'inclusività e mostra rispetto per la diversità culturale.
Ad esempio, un sito web di notizie globali che si rivolge a un pubblico diversificato. Il loro selettore di lingua potrebbe apparire così.
In questo caso:
- L'uso delle bandiere fornisce suggerimenti visivi rapidi.
- I nomi delle lingue sono scritti nella loro lingua madre (come giapponese, francese, ecc.), che è immediatamente riconoscibile per i parlanti di quella lingua.
Questo approccio è particolarmente utile per le lingue come lo spagnolo o l'inglese parlate in più paesi. Ad esempio, un utente del Messico o dell'Argentina vedrebbe “Español” piuttosto che scegliere tra le bandiere di paesi di lingua spagnola. Allo stesso modo, gli utenti del Regno Unito, degli Stati Uniti, dell'Australia o di altri paesi di lingua inglese possono identificarsi con “English” indipendentemente dalla bandiera utilizzata.
Posiziona strategicamente il selettore di lingua
È fondamentale posizionare il selettore di lingua in un luogo prominente e facilmente accessibile sul tuo sito web. Posizioni comuni ed efficaci includono l'intestazione, il piè di pagina o il menu di navigazione principale. Questi punti sono intuitivi per la maggior parte degli utenti web e soddisfano le loro aspettative quando cercano opzioni di lingua.
Mantenere un posizionamento coerente su tutte le pagine assicura che i visitatori possano accedere facilmente al selettore di lingua, indipendentemente dal loro punto di ingresso o dalla pagina corrente. Questa coerenza contribuisce a un'esperienza utente fluida e prevedibile.
Ad esempio, un sito web di prenotazione alberghiera internazionale che si rivolge a un pubblico globale. Potrebbero implementare la loro strategia di selezione della lingua come segue.
- Posizionamento dell'intestazione: Il selettore di lingua è posizionato nell'angolo in alto a destra dell'intestazione, accanto all'icona dell'account utente e al selettore di valuta. È visibile in ogni pagina e consente agli utenti di cambiare lingua in qualsiasi momento durante la navigazione o il processo di prenotazione.
- Design coerente: Il selettore di lingua appare come un'icona a forma di globo seguita dalla lingua corrente (ad esempio, “🌐 Italiano”). Quando si clicca, si apre un menu a discesa con altre opzioni di lingua.
- Backup nel piè di pagina: Il piè di pagina include un elenco testuale di tutte le lingue disponibili, fornendo un punto di accesso alternativo.
Questa collocazione strategica garantisce che, indipendentemente dalla pagina di destinazione dell'utente, sia essa la homepage, una pagina specifica di un hotel o la pagina di conferma della prenotazione, possano facilmente trovare e utilizzare il selettore di lingua. Ad esempio, un utente francese che esplora le opzioni alberghiere a Tokyo può rapidamente commutare il sito in francese per una comprensione più agevole delle descrizioni delle camere e dei termini di prenotazione, migliorando la loro esperienza utente e potenzialmente aumentando la probabilità di completare una prenotazione.
Mantenere la coerenza nel selettore di lingua su tutte le pagine
È fondamentale assicurarsi che il selettore di lingua mantenga un aspetto e una funzionalità uniformi in tutto il sito web. Gli utenti dovrebbero essere in grado di cambiare lingua senza sforzo, indipendentemente dalla pagina corrente o dal contenuto che stanno visualizzando. Questa coerenza fornisce un'esperienza utente fluida e rafforza l'accessibilità delle opzioni linguistiche, promuovendo fiducia e sicurezza nel proprio sito web multilingue.
Ad esempio, una piattaforma di e-commerce globale che vende elettronica. Ecco come potrebbero implementare una strategia coerente per il selettore di lingua.
- Design uniforme: Il selettore di lingua appare come un'icona globo con il codice della lingua corrente (ad esempio, “🌐 IT”) nell'angolo in alto a destra di ogni pagina, comprese le liste dei prodotti, le pagine dei singoli prodotti, i carrelli della spesa e le pagine di checkout.
- Funzionalità coerente: Facendo clic sul selettore di lingua si apre sempre lo stesso menu a discesa con tutte le lingue disponibili, indipendentemente dalla pagina.
- Conservazione dei contenuti: quando gli utenti cambiano lingua, rimangono sulla stessa pagina, ma il contenuto viene visualizzato nella lingua appena selezionata. Ad esempio, se un utente sta visualizzando le specifiche di un laptop in inglese e passa allo spagnolo, vedrà i dettagli dello stesso laptop, ora in spagnolo.
- Struttura URL: La struttura dell'URL cambia in modo coerente quando si cambiano le lingue. Ad esempio:
Studio di caso: Un cliente giapponese che naviga nei laptop sulla versione inglese del sito decide di passare al giapponese per una migliore comprensione. Cliccano sull'icona “🌐 EN” nell'intestazione, selezionano “日本語” dal menu a discesa e la pagina si aggiorna, mostrando gli stessi dettagli del laptop ma in giapponese. L'URL cambia da “/products/…” a “/ja/製品/…”.
Questa esperienza coerente in tutte le pagine e funzioni del sito garantisce che l'utente possa navigare e fare acquisti con fiducia nella propria lingua preferita, aumentando potenzialmente la probabilità di completare un acquisto e tornare sul sito in futuro.
Configura il selettore di lingua su Magento con Linguise!
Ormai, dovreste essere consapevoli che state configurando un selettore di lingua per un sito web multilingue Magento. L'implementazione di un selettore di lingua può offrire numerosi vantaggi e essere personalizzata secondo le nostre linee guida.
Ottimizzare il selettore di lingua può migliorare significativamente l'esperienza utente complessiva sul tuo sito Magento. Il passo successivo è creare un account Linguise, integrarlo con il tuo sito web Magento, e ottimizzare le impostazioni del selettore di lingua. Queste azioni miglioreranno l'esperienza utente, rendendo il tuo sito e-commerce multilingue più accessibile e facile da usare.
Ricorda, un selettore di lingua ben implementato sulla tua piattaforma Magento può portare a un maggiore coinvolgimento, aumento delle conversioni e miglioramento della soddisfazione del cliente in diversi mercati linguistici. È un elemento cruciale per creare un sito web veramente multilingue.
