Où placer le sélecteur de pays/langue dans votre navigation

Voici une frustration discrète que les acheteurs internationaux connaissent bien : vous êtes sur une boutique, les prix s’affichent dans la mauvaise devise, et vous ne trouvez absolument pas le bouton pour la changer. Vous faites défiler jusqu’en bas, vous plissez les yeux sur une rangée de petites icônes de drapeaux, vous en cliquez une, et la page recharge en affichant la page d’accueil au lieu du produit que vous consultiez. Trois clics et un rechargement de page plus tard, vous voyez enfin les prix dans votre devise — mais votre patience est plus mince qu’il y a trente secondes.

L’endroit où vous placez le sélecteur de pays et de langue n’est pas un détail de conception. C’est un levier de conversion. La différence entre un placement en en-tête et un placement en pied de page est mesurable en taux d’engagement, durée de session et revenus provenant de visiteurs internationaux.

Les quatre placements courants

Les sélecteurs de pays et de langue apparaissent à quatre endroits sur les boutiques Shopify, chacun avec des compromis distincts en matière de visibilité, d’utilisabilité et de complexité technique.

Placement en pied de page

Le placement par défaut le plus courant. Les thèmes Shopify placent généralement un sélecteur de pays/devise en pied de page, parfois sous la forme d’une paire de menus déroulants, parfois sous la forme d’une grille d’icônes de drapeaux. C’est techniquement accessible et cela reste discret.

Le problème : la plupart des visiteurs n’atteignent jamais le pied de page. Les données de profondeur de défilement du Digital Experience Benchmark 2024 de Contentsquare montrent que seulement 45 % des visiteurs du commerce électronique font défiler au-delà du point médian d’une page, et bien moins atteignent le bas absolu. Pour un visiteur international qui arrive sur une page produit et remarque immédiatement la mauvaise devise, faire défiler jusqu’au pied de page n’est pas une réaction naturelle — il regarde d’abord l’en-tête, puis la navigation, puis envisage de partir.

Les sélecteurs en pied de page affichent constamment des taux d’engagement inférieurs à 8 % parmi les visiteurs internationaux. Ils fonctionnent comme un repli pour les rares utilisateurs qui les recherchent activement, non comme un point d’interaction principal.

Barre d’en-tête ou rangée d’utilitaires

Un pas en avant par rapport au placement en pied de page. De nombreuses boutiques ajoutent une fine barre d’utilitaires au-dessus de la navigation principale — parfois appelée « barre supérieure » ou « barre d’annonce » — qui inclut un sélecteur de pays ou de devise aux côtés d’éléments comme des messages de livraison gratuite ou des informations de contact.

Ce placement est visible au chargement de la page sans défilement, ce qui améliore immédiatement la découverte. La recherche du Baymard Institute sur la conception d’en-têtes de commerce électronique a révélé que les barres d’utilitaires avec des sélecteurs de région voyaient des taux d’interaction considérablement plus élevés que les placements en pied de page uniquement, particulièrement sur mobile où l’en-tête est le seul élément de navigation visible par défaut.

Le compromis est l’espace. Sur mobile, une barre d’utilitaires rivalise avec le logo, le menu hamburger, l’icône du panier et la recherche. Adapter un sélecteur de pays à cette ligne sans surcharger l’interface nécessite une conception soignée. De nombreuses boutiques abrègent en icône de drapeau ou code de pays à deux lettres, ce qui économise de l’espace mais réduit la clarté — tous les acheteurs ne reconnaissent pas le drapeau de leur pays à 16 pixels, et les codes à deux lettres peuvent être ambigus (« EN » signifie-t-il langue anglaise ou pays Angleterre ?).

Widget flottant

Un bouton persistant — généralement une icône de globe ou un drapeau — qui flotte dans un coin de l’écran et ouvre un panneau de sélection au clic. Toujours visible quel que soit la position de défilement.

Les widgets flottants résolvent le problème de découverte. Ils sont visibles sur chaque page, à chaque profondeur de défilement, sur chaque appareil. Mais ils introduisent de nouveaux problèmes. Sur mobile, un bouton flottant peut chevaucher le contenu, interférer avec d’autres éléments flottants (widgets de chat, bannières de cookies, boutons retour vers le haut) et créer des problèmes d’accessibilité pour les lecteurs d’écran qui rencontrent un élément interactif inattendu en dehors du flux de document normal.

Il y a aussi le coût cognitif. Les éléments flottants rivalisent pour attirer l’attention du contenu réel. Un utilisateur qui lit une description de produit et voit une icône de globe pulsante dans le coin subit une distraction mineure, répétée sur chaque page. Pour les boutiques avec un trafic international élevé, cela peut en valoir la peine ; pour les boutiques où 90 % des visiteurs sont nationaux, le widget flottant est du bruit visuel pour la majorité au service d’une minorité.

Intégré dans le menu de navigation principal

L’approche avec le plus haut engagement : placer le sélecteur de pays et de langue à l’intérieur du menu de navigation lui-même, comme élément de menu ou section dans un mega menu.

Quand un visiteur ouvre la navigation pour parcourir les catégories, il voit sa région et sa langue actuelles affichées aux côtés d’autres éléments de menu. Cliquer dessus ouvre un sous-panneau ou un déroulant pour changer. Le sélecteur est contextuel — il apparaît exactement quand le visiteur est déjà en « mode navigation », pensant à où aller et quoi faire ensuite.

Les données des boutiques utilisant ce modèle montrent 2,3 fois plus d’engagement avec les paramètres régionaux par rapport au placement en pied de page uniquement. La raison est comportementale : les visiteurs interagissent avec le menu de navigation sur presque chaque session, donc intégrer le sélecteur là signifie qu’il est découvert passivement plutôt que de nécessiter une recherche active.

Pourquoi le placement affecte la conversion

La connexion entre le placement du sélecteur et la conversion ne concerne pas seulement la question de savoir si les visiteurs trouvent le bouton. C’est une question de quand ils le trouvent dans leur parcours.

Un visiteur qui arrive dans votre boutique depuis Berlin et voit immédiatement « USD

Anglais » dans la navigation en en-tête sait que la boutique n’est pas localisée pour lui — mais sait aussi exactement comment le corriger. Un clic, et il voit les prix en EUR. Il ne quitte jamais la page produit. Les frictions ont duré deux secondes.

Le même visiteur sur une boutique avec un sélecteur en pied de page uniquement voit les prix en USD, se sent incertain, ajoute peut-être quand même quelque chose au panier, puis découvre à la caisse que l’expédition en Allemagne coûte plus que prévu car la boutique affichait des tarifs optimisés pour les États-Unis. Il abandonne le panier. Les frictions ont duré trois minutes et se sont terminées par une vente perdue.

L’abandon de panier due aux « coûts imprévus » est la raison numéro un des abandons de paniers au niveau mondial, selon la recherche continue du Baymard Institute, affectant 48 % de tous les abandons. Pour les visiteurs internationaux, « coûts imprévus » signifie souvent confusion de devise et surprises d’expédition qu’un sélecteur de pays accessible aurait résolu sur la première page.

Les détails de mise en œuvre qui comptent

Le placement seul ne suffit pas. La façon dont le sélecteur se comporte après que le visiteur fasse un choix a un impact démesurément important sur la satisfaction.

Préservez l’URL actuelle. Quand un visiteur passe de USD à EUR sur une page produit, il devrait rester sur cette page produit dans la nouvelle devise. Rediriger vers la page d’accueil après un changement de région est la plainte la plus courante dans les tests d’utilisabilité des sélecteurs de pays. Shopify Markets gère cela correctement par défaut lors de l’utilisation de sous-répertoires, mais les implémentations personnalisées et certaines applications tierces redirigent vers la racine.

Mémorisez le choix. Définissez un cookie persistant ou utilisez les métadonnées client Shopify pour stocker la sélection du visiteur. Un visiteur régulier qui a choisi EUR la semaine dernière ne devrait pas voir USD à nouveau cette semaine. C’est particulièrement important pour les boutiques utilisant la géolocalisation côté serveur — le cookie devrait remplacer la détection IP.

Séparez la langue de la devise du pays. Pas tous les visiteurs veulent le même ensemble. Un expatrié américain au Japon peut vouloir la langue anglaise, la devise JPY et les tarifs d’expédition du Japon. Une boutique qui force « Japon = Japonais » ignore un segment d’utilisateurs significatif. Où possible, laissez les visiteurs mélanger et assortir.

Étiquetez clairement. Utilisez le nom du pays et le code de devise, pas seulement une icône de drapeau. Les drapeaux sont ambigus (les drapeaux américain et libérien se ressemblent à petite taille), et certains visiteurs s’identifient davantage à une langue qu’à un pays. « États-Unis

USD

Anglais » est sans ambiguïté. Une icône de drapeau de 16 pixels est un jeu de devinettes.

Audit rapideVisitez votre boutique sur un appareil mobile. Sans faire défiler, pouvez-vous voir une indication du pays ou de la devise sélectionnés ? Si non, vos visiteurs internationaux éprouvent probablement la même confusion. La correction ne nécessite pas une refonte — déplacer ou dupliquer le sélecteur dans l'en-tête ou le menu de navigation est généralement un changement de configuration, pas un projet de développement.

L’approche intégrée à la navigation en pratique

La mise en œuvre la plus efficace traite le sélecteur de pays et de langue comme un élément de navigation de première classe, pas un ajout ultérieur boulonné au pied de page.

En pratique, cela signifie ajouter un élément de menu — visible dans la barre de navigation principale ou dans un panneau de mega menu — qui affiche la région et la langue actuelles du visiteur. Cliquer dessus ouvre un sous-menu ou un superposition avec des options pour changer le pays, la devise et la langue indépendamment.

Navi+ Menu Builder prend en charge ce modèle nativement pour les boutiques Shopify, permettant aux commerçants d’intégrer les sélecteurs de pays et de devise directement dans les menus de navigation personnalisés via son interface glisser-déposer. Le sélecteur vit aux côtés des catégories et des collections, donc les visiteurs le découvrent naturellement en naviguant plutôt que de le chercher en pied de page. Les boutiques utilisant cette approche intégrée signalent un engagement considérablement plus élevé avec les paramètres régionaux et moins de tickets de support concernant la confusion de devise ou d’expédition.

Le principe derrière tout cela est simple : mettez le sélecteur où les gens regardent déjà. Les visiteurs regardent les menus de navigation. Ils ne regardent pas les pieds de page. Concevez en conséquence.

Cet article fait partie du guide plus complet sur Détection automatique de la localisation des visiteurs : quand rediriger vs quand demander.