Dove posizionare il selettore di paese/lingua nella tua navigazione

C’è una frustrazione silenziosa che chi fa acquisti internazionali conosce bene: sei su un negozio, i prezzi sono nella valuta sbagliata, e non riesci in nessun modo a trovare il pulsante per cambiarla. Scorri fino in fondo, strizza gli occhi guardando una riga di piccole icone di bandiere, clicchi su una, e la pagina si ricarica alla homepage invece della pagina prodotto che stavi visualizzando. Tre click e un ricaricamento dopo, finalmente stai vedendo i prezzi nella tua valuta—ma la tua pazienza è più sottile di quanto lo era trenta secondi fa.

Dove posizioni il selettore di paese e lingua non è un dettaglio di design. È una leva di conversione. La differenza tra un posizionamento nell’header e uno nel footer è misurabile nei tassi di engagement, nella durata della sessione e nei ricavi dei visitatori internazionali.

I quattro posizionamenti comuni

I selettori di paese e lingua compaiono in quattro posti nei negozi Shopify, ognuno con compromessi distinti in termini di visibilità, usabilità e complessità tecnica.

Posizionamento nel footer

L’impostazione predefinita più comune. I temi Shopify in genere collocano un selettore di paese/valuta nel footer, a volte come una coppia di menu a discesa, a volte come una griglia di icone di bandiere. È tecnicamente accessibile e rimane fuori dal cammino.

Il problema: la maggior parte dei visitatori non raggiunge mai il footer. I dati di scroll depth da Contentsquare’s 2024 Digital Experience Benchmark mostrano che solo il 45% dei visitatori di ecommerce scorre oltre il punto centrale di una pagina, e molti meno raggiungono il fondo assoluto. Per un visitatore internazionale che arriva su una pagina prodotto e immediatamente nota la valuta sbagliata, scrollare fino al footer non è una risposta naturale—guarda l’header per primo, poi la navigazione, poi considera se andarsene.

I selettori nel footer mostrano costantemente tassi di engagement inferiori all’8% tra i visitatori internazionali. Funzionano come un’opzione di ricaduta per i pochi utenti che li cercano attivamente, non come punto di interazione primario.

Barra header o riga di utilità

Un passo avanti rispetto al posizionamento nel footer. Molti negozi aggiungono una sottile barra di utilità sopra la navigazione principale—a volte chiamata “barra in alto” o “barra di annuncio”—che include un selettore di paese o valuta insieme a elementi come messaggi di spedizione gratuita o informazioni di contatto.

Questo posizionamento è visibile al caricamento della pagina senza scrollare, il che migliora immediatamente la scoperta. La ricerca di Baymard Institute sul design dell’header di ecommerce ha riscontrato che le barre di utilità con selettori di regione vedevano tassi di interazione significativamente superiori rispetto ai posizionamenti solo nel footer, in particolare su mobile dove l’header è l’unico elemento di navigazione visibile per impostazione predefinita.

Il compromesso è lo spazio. Su mobile, una barra di utilità compete con il logo, il menu hamburger, l’icona del carrello e la ricerca. Inserire un selettore di paese in quella riga senza affollare l’interfaccia richiede un design attento. Molti negozi si abbreviano a un’icona di bandiera o un codice paese a due lettere, il che risparmia spazio ma riduce la chiarezza—non tutti i clienti riconoscono la bandiera del loro paese a 16 pixel, e i codici a due lettere possono essere ambigui (significa “EN” la lingua inglese o l’Inghilterra il paese?).

Widget flottante

Un pulsante persistente—solitamente un’icona di globo o bandiera—che flotta in un angolo dello schermo e apre un pannello selettore quando cliccato. Sempre visibile indipendentemente dalla posizione dello scroll.

I widget flottanti risolvono il problema della scoperta. Sono visibili su ogni pagina, a ogni profondità di scroll, su ogni dispositivo. Ma introducono nuovi problemi. Su mobile, un pulsante flottante può sovrapporsi al contenuto, interferire con altri elementi flottanti (widget di chat, banner dei cookie, pulsanti torna in alto) e creare problemi di accessibilità per i lettori di schermo che incontrano un elemento interattivo inaspettato al di fuori del normale flusso del documento.

C’è anche il costo cognitivo. Gli elementi flottanti competono per l’attenzione con il contenuto effettivo. Un utente che sta leggendo una descrizione di prodotto e vede un’icona di globo pulsante nell’angolo sperimenta una lieve distrazione, ripetuta su ogni pagina. Per i negozi con traffico internazionale pesante potrebbe valere la pena; per i negozi dove il 90% dei visitatori è domestico, il widget flottante è rumore visivo per il maggioranza al servizio della minoranza.

Incorporato nel menu di navigazione principale

L’approccio con il più alto engagement: posizionare il selettore di paese e lingua all’interno del menu di navigazione stesso, come una voce di menu o una sezione all’interno di un mega menu.

Quando un visitatore apre la navigazione per sfogliare le categorie, vede la sua regione e lingua attuale visualizzate insieme ad altre voci di menu. Cliccandoci si apre un sotto-pannello o dropdown per cambiare. Il selettore è contestuale—appare esattamente quando il visitatore è già in “modalità navigazione”, pensando a dove andare e cosa fare dopo.

I dati dei negozi che utilizzano questo modello mostrano un engagement 2,3 volte superiore con le impostazioni regionali rispetto al posizionamento solo nel footer. Il motivo è comportamentale: i visitatori interagiscono con il menu di navigazione in quasi ogni sessione, quindi incorporare il selettore lì significa che viene scoperto passivamente piuttosto che richiedere una ricerca attiva.

Perché il posizionamento influisce sulla conversione

La connessione tra il posizionamento del selettore e la conversione non riguarda solo se i visitatori trovano il pulsante. Riguarda quando lo trovano nel loro percorso.

Un visitatore che arriva al tuo negozio da Berlino e immediatamente vede “USD

Inglese” nella navigazione dell’header sa che il negozio non è localizzato per loro—ma sa anche esattamente come risolverlo. Un click, e stanno vedendo i prezzi in EUR. Non lasciano mai la pagina prodotto. L’attrito è durato due secondi.

Lo stesso visitatore in un negozio con un selettore solo nel footer vede prezzi in USD, si sente incerto, forse aggiunge comunque qualcosa al carrello, quindi scopre al checkout che la spedizione in Germania costa più del previsto perché il negozio stava mostrando tariffe ottimizzate per gli USA. Abbandona il carrello. L’attrito è durato tre minuti e si è concluso con una vendita persa.

L’abbandono del carrello da “costi imprevisti” è il motivo numero uno per cui i carrelli vengono abbandonati a livello mondiale, secondo la ricerca in corso di Baymard Institute, interessando il 48% di tutti gli abbandoni. Per i visitatori internazionali, “costi imprevisti” spesso significa confusione sulla valuta e sorprese sulla spedizione che un selettore di paese accessibile avrebbe risolto sulla prima pagina.

Dettagli di implementazione che contano

Il solo posizionamento non è sufficiente. Come il selettore si comporta dopo che il visitatore fa una scelta ha un impatto smisurato sulla soddisfazione.

Preserva l’URL attuale. Quando un visitatore passa da USD a EUR su una pagina prodotto, dovrebbe rimanere su quella pagina prodotto nella nuova valuta. Reindirizzare alla homepage dopo un cambio di regione è il reclamo più comune nei test di usabilità dei selettori di paese. Shopify Markets gestisce questo correttamente per impostazione predefinita quando si utilizzano sottodirectory, ma le implementazioni personalizzate e alcune app di terze parti reindirizzano alla root.

Ricorda la scelta. Imposta un cookie persistente o utilizza i metadati del cliente Shopify per memorizzare la selezione del visitatore. Un visitatore di ritorno che ha scelto EUR la scorsa settimana non dovrebbe vedere USD di nuovo questa settimana. Questo è particolarmente importante per i negozi che utilizzano la geolocalizzazione lato server—il cookie dovrebbe sovrascrivere il rilevamento IP.

Separa lingua da valuta da paese. Non ogni visitatore vuole lo stesso pacchetto. Un expatriato americano in Giappone potrebbe volere la lingua inglese, la valuta JPY e le tariffe di spedizione in Giappone. Un negozio che forza “Giappone = Giapponese” ignora un segmento di utenti significativo. Dove possibile, lascia che i visitatori mescolino e abbinino.

Etichetta chiaramente. Usa il nome del paese e il codice della valuta, non solo un’icona di bandiera. Le bandiere sono ambigue (le bandiere degli USA e della Liberia si assomigliano a piccole dimensioni), e alcuni visitatori si identificano più con una lingua che con un paese. “Stati Uniti

USD

Inglese” non è ambiguo. Un’icona di bandiera a 16 pixel è una partita di indovinelli.

Audit rapidoVisita il tuo negozio su un dispositivo mobile. Senza scorrere, puoi vedere un'indicazione di quale paese o valuta è selezionato? Se no, i tuoi visitatori internazionali probabilmente stanno vivendo la stessa confusione. La correzione non richiede una riprogettazione---spostare o duplicare il selettore nell'header o nel menu di navigazione è solitamente un cambio di configurazione, non un progetto di sviluppo.

L’approccio incorporato nella navigazione in pratica

L’implementazione più efficace tratta il selettore di paese e lingua come un elemento di navigazione di primo livello, non un’aggiunta pensata in fretta al footer.

In pratica questo significa aggiungere una voce di menu—visibile nella barra di navigazione principale o all’interno di un pannello mega menu—che mostra la regione e la lingua attuali del visitatore. Cliccandoci si apre un sotto-menu o un overlay con opzioni per cambiare paese, valuta e lingua in modo indipendente.

Navi+ Menu Builder supporta questo modello in modo nativo per i negozi Shopify, permettendo ai commercianti di incorporare selettori di paese e valuta direttamente in menu di navigazione personalizzati attraverso la sua interfaccia drag-and-drop. Il selettore vive insieme alle categorie e alle collezioni, quindi i visitatori lo scoprono naturalmente mentre navigano piuttosto che cercarlo nel footer. I negozi che utilizzano questo approccio incorporato segnalano un engagement significativamente superiore con le impostazioni regionali e meno ticket di supporto sulla confusione di valuta o spedizione.

Il principio dietro tutto questo è semplice: metti il selettore dove le persone già guardano. I visitatori guardano i menu di navigazione. Non guardano i footer. Progetta di conseguenza.

Questo articolo è parte della guida più ampia su Rilevamento automatico della posizione del visitatore: quando reindirizzare e quando chiedere.