Configurer un sélecteur de langue sur Magento est essentiel. Cette fonctionnalité est cruciale pour les sites web ciblant un public international, car la capacité de basculer sans effort entre les langues est devenue un besoin pressant sur le marché actuel.
Bien que le processus puisse sembler intimidant au départ, ce guide vous accompagnera pas à pas pour configurer un sélecteur de langue sur votre site Magento de manière efficace et efficiente. En suivant ces instructions, vous pourrez mettre en œuvre cette fonctionnalité précieuse en toute simplicité, améliorant ainsi la capacité de votre site à s'adresser à un public diversifié et multilingue.
Pourquoi devriez-vous configurer un sélecteur de langue pour Magento?
Voici quatre raisons clés pour lesquelles vous devriez configurer un sélecteur de langue pour Magento.
- Expérience utilisateur améliorée : Un sélecteur de langue permet aux visiteurs d'accéder au contenu dans leur langue préférée, améliorant ainsi leur compréhension et leur engagement avec votre site web. Par exemple, un client hispanophone visitant une boutique Magento en anglais peut facilement passer à l'espagnol, ce qui simplifie la navigation des produits, la lecture des descriptions et la finalisation des achats.
- Élargissement de la portée du marché : En proposant plusieurs langues, vous pouvez cibler une audience mondiale et pénétrer de nouveaux marchés, ce qui peut potentiellement augmenter votre base de clients et vos ventes. Par exemple, une boutique de vêtements en ligne aux États-Unis met en place un sélecteur de langue avec des options pour l'anglais, le français et l'allemand. Cela leur permet de commercialiser efficacement leurs produits auprès des clients au Canada et dans d'autres pays européens sans créer de sites web distincts.
- Amélioration des performances SEO : Un sélecteur de langue bien implémenté peut renforcer vos efforts de SEO multilingue , rendant votre site plus visible dans les résultats de recherche à travers différentes langues et régions. Par exemple, un magasin d'électronique basé sur Magento propose du contenu en anglais et en japonais. Lorsque les utilisateurs japonais recherchent des produits dans leur langue, les pages japonaises du magasin sont plus susceptibles d'apparaître dans les résultats de recherche, générant ainsi un trafic plus ciblé.
- Taux de conversion accrus : Lorsque les visiteurs peuvent comprendre les détails des produits, les politiques et le processus d'achat dans leur langue maternelle, ils sont plus susceptibles de finaliser des transactions et de devenir clients. Par exemple, un client italien naviguant sur une boutique internationale de produits de beauté sur Magento trouve l'option de passer à l'italien. Il peut désormais facilement comprendre les ingrédients des produits, les instructions d'utilisation et les politiques d'expédition, ce qui renforce sa confiance pour acheter.
En mettant en œuvre ces fonctionnalités, vous rendez votre boutique Magento plus accessible et conviviale pour un public diversifié et mondial, ce qui peut potentiellement augmenter le trafic web, l'engagement et les ventes.
Comment configurer un sélecteur de langue sur Magento?
Les services de traduction de sites web proposent généralement cette fonctionnalité, qui peut être adaptée à vos besoins spécifiques.
Cependant, il convient de noter que tous les services de traduction ne proposent pas un sélecteur de langue facilement personnalisable et convivial. Ainsi, il est crucial de choisir un service de traduction automatique compatible avec divers frameworks et offrant une fonctionnalité de sélecteur de langue flexible.
Un service qui se démarque pour répondre à ces critères est Linguise. Il propose une fonctionnalité de sélecteur de langue facilement personnalisable et conviviale, qui s'intègre parfaitement à Magento.
En tirant parti de l' Linguiseintégration transparente de Magento CMS, vous pouvez intégrer sans effort un sélecteur de langue dans votre site web multilingue. Avec les fonctionnalités et l'interface intuitive d' Linguise , la configuration et la maintenance d'un sélecteur de langue sur votre site Magento deviennent nettement plus simples. La section suivante décrit les étapes pour installer Linguise sur un site Magento multilingue et configurer le sélecteur de langue.
Étape 1 : Inscrivez-vous pour un compte Linguise gratuit
Tout d'abord, inscrivez-vous pour un compte Linguise gratuitement et profitez d'une période d'essai d'un mois. Le processus d'inscription est simple – il vous suffit de fournir votre adresse e-mail pour créer vos identifiants de connexion.
Pendant cette phase d'essai, vous aurez accès aux fonctionnalités impressionnantes de Linguise. Une fois la période d'essai terminée, vous serez automatiquement redirigé vers le tableau de bord Linguise .
Étape 2 : Ajout du site web de domaine Magento
Après avoir créé avec succès votre compte Linguise , vous serez redirigé vers le tableau de bord. Là, vous devrez ajouter le domaine de votre site web informations. Recherchez l' option « Ajouter un domaine » et cliquez dessus. Vous verrez alors un formulaire contenant plusieurs champs à remplir :
- Détails du compte
- URL du site web
- Sélection de la plateforme (choisir Magento)
- La langue principale de votre site
- Langues dans lesquelles vous souhaitez traduire
- Option pour traduire les URL
- Paramètre pour la traduction du contenu dynamique
Une fois que vous avez rempli toutes les informations nécessaires, cliquez sur le bouton « Next Step ».
À l'étape suivante, vous devrez saisir une clé API. Cette clé vous sera fournie et est essentielle pour le processus de configuration.
Étape 3 : Télécharger le script Linguise
L'étape suivante consiste à ajouter le script de traduction Linguise à votre serveur Magento :
- Obtenez le script de traduction PHP-JS auprès de Linguise.
- Extrayez le contenu du fichier téléchargé.
- Transférez les fichiers extraits vers le répertoire principal de votre installation Magento .
Assurez-vous que :
- Le script est positionné dans le répertoire de premier niveau de votre site web, aux côtés de vos fichiers Magento .
- Le dossier conserve son nom d'origine, “linguise”.
Ensuite, vous devez intégrer votre clé API Linguise dans le fichier Configuration.php que vous venez de télécharger. Ouvrez ce fichier pour le modifier, repérez le texte de remplacement « REPLACE_BY_YOUR_TOKEN » et remplacez-le par votre clé API réelle, en la conservant entre les guillemets.
Étape 4 : Configurer la réécriture d'URL pour Magento
Accédez à votre Magento panneau d'administration et suivez ce chemin via le menu latéral : Stores > Settings > Configuration > General > Web > Search Engine Optimization
Une fois sur place, localisez et activez l'option “Use Web Server Rewrite”.
Ensuite, vous devrez configurer des URL spécifiques à chaque langue dans votre fichier .htaccess. Ouvrez le fichier .htaccess par défaut de Magento 2 et recherchez la ligne « RewriteEngine on ». Juste après cette ligne, vous insérerez un extrait de code spécifique.
Cette configuration permet à Magento de gérer et d'acheminer correctement les requêtes pour les différentes versions linguistiques de votre site, améliorant ainsi votre configuration multilingue.
N'oubliez pas que la modification du fichier .htaccess exige une attention particulière aux détails, car des changements incorrects peuvent affecter le fonctionnement de votre site’. Si vous n'êtes pas à l'aise pour effectuer ces modifications vous-même, envisagez de demander l'aide d'un développeur familier avec les configurations 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>
Étape 5 : Activer & personnaliser le sélecteur de langue
Le sélecteur de langue est une fenêtre contextuelle avec drapeau qui permet aux utilisateurs de choisir leur langue préférée. Pour le charger, copiez le code fourni à la fin de la configuration du site web et placez-le dans l'en-tête de votre page HTML. Le sélecteur de langue à drapeau se chargera alors automatiquement.
Vous pouvez trouver le code à copier et à charger dans l'en-tête de votre site web dans votre tableau de bord Linguise en naviguant vers Votre domaine > Paramètres > Onglet > Script PHP.
Ce code doit être inséré dans l'en-tête de votre page. Magento 2 vous permet d'ajouter du contenu à l'en-tête de votre page via les paramètres de configuration.
Dans le panneau d'administration, accédez à Content > Configuration et modifiez la vue du thème de votre boutique par défaut. Ensuite, cliquez sur la section HTML Head et collez le script copié dans le champ de saisie Scripts and Style Sheets. Enfin, enregistrez la configuration.
Le sélecteur de langue est initialement affiché dans une position flottante en bas à droite de votre site web. Vous pouvez personnaliser son apparence et son emplacement en naviguant vers le Linguise tableau de bord > Paramètres > Affichage des drapeaux de langue.
Étape 6 : Configurer l'affichage principal
Le sélecteur de langue apparaît par défaut dans une position flottante en bas à droite de votre site web. Vous pouvez ajuster son apparence et son emplacement via le tableau de bord Linguise en allant dans Paramètres > Affichage des drapeaux de langue.
Étape 7 : Configurer le design du drapeau
Après avoir ajusté les paramètres d'affichage principaux, vous pouvez personnaliser davantage le design des drapeaux de langue.
- Affichage du nom de la langue : Vous pouvez choisir d'afficher le nom de la langue en fonction du pays ou de la langue elle-même, comme « French » ou « Français ».
- Type de drapeau anglais : Ceci est utile pour les langues comportant plusieurs variantes, telles que l'anglais américain ou britannique, l'espagnol, le taïwanais, l'allemand et le portugais.
- Style de drapeau : Sélectionnez la forme de l'icône du drapeau, ronde ou rectangulaire.
Étape 8 : Définir la couleur et la taille
Après avoir finalisé le design du drapeau, vous pouvez personnaliser la couleur et la taille des drapeaux avec les paramètres suivants :
- Rayon de bordure du drapeau : Ajustez le rayon de bordure pour le style de drapeau rectangulaire, mesuré en pixels.
- Couleur du nom de la langue : Choisissez la couleur de texte par défaut pour le nom de la langue.
- Couleur de la langue du popup : Définissez la couleur du texte du titre de la langue dans la zone de popup ou de menu déroulant.
- Taille du drapeau : Ajustez la taille des icônes de drapeau.
- Couleur de survol du nom de la langue : Définissez la couleur du texte qui apparaît lorsque l'utilisateur survole le nom de la langue.
- Couleur de survol de la langue du popup : Spécifiez la couleur du texte qui apparaît lorsque l'utilisateur survole le titre de la langue dans la zone de popup ou de menu déroulant.
Étape 9 : Configurer l'ombre portée du drapeau
Enfin, vous pouvez ajuster les paramètres d'ombre de la boîte de drapeau. La première option vous permet d'ajouter un effet d'ombre à chaque icône de drapeau affichée sur votre site web. La deuxième option contrôle l'effet d'ombre lorsque les utilisateurs survolent les drapeaux de langue avec leur souris.
Une fois que vous avez effectué tous les ajustements nécessaires, cliquez sur le bouton Enregistrer pour appliquer les modifications de personnalisation. Ensuite, rendez-vous sur votre site Magento pour vérifier que la configuration a bien été appliquée. Cela vous donnera un aperçu de l'apparence du sélecteur de langue.
Après avoir terminé la configuration, vous pouvez voir le sélecteur de langue sur votre site web multilingue Magento .
Nous traduirons automatiquement le site Magento dans d'autres langues, comme l'espagnol.
4 stratégies pour améliorer le sélecteur de langue sur Magento
Une fois que vous avez configuré le sélecteur de langue sur votre Magento site web multilingue, vous devez maîtriser les stratégies optimales pour concevoir un sélecteur de langue et optimiser ses performances afin d'améliorer votre site et l'expérience utilisateur.
Mettre en place facilement des indicateurs de langue
L'utilisation de symboles linguistiques ou de drapeaux universellement reconnus dans votre sélecteur de langue est essentielle. Cela permet aux visiteurs de localiser et de choisir rapidement leur langue préférée. L'utilisation de symboles familiers crée une expérience utilisateur intuitive, permettant aux visiteurs de naviguer sans effort vers la version linguistique souhaitée. La clé est de choisir des indicateurs mondialement reconnus pour éviter toute interprétation erronée.
Par exemple, un site e-commerce multilingue vendant du matériel de sport. Son sélecteur de langue pourrait utiliser une combinaison de drapeaux de pays et d’abréviations de langue :
- EN (pour l'anglais)
- ES (pour l'espagnol)
- FR (pour le français)
- DE (pour l'allemand)
- JP (pour le japonais)
Cette approche combine des repères visuels (drapeaux) avec du texte (codes de langue), ce qui permet aux utilisateurs de différents horizons d'identifier facilement leur langue préférée. Les drapeaux sont instantanément reconnaissables, tandis que les abréviations apportent une clarté supplémentaire.
Par exemple, un visiteur hispanophone pourrait rapidement repérer le drapeau espagnol et l’abréviation « ES », lui permettant de basculer le site en espagnol en un seul clic. Ce design convivial améliore l’expérience de navigation globale et peut potentiellement augmenter l’engagement et les conversions sur le site.
Combiner les noms de langues et les drapeaux
Bien que les drapeaux soient visuellement attrayants, il est avantageux de les associer aux noms natifs des langues. Cette stratégie aide à éviter toute confusion, d'autant plus que certaines langues sont utilisées dans plusieurs pays avec des drapeaux distincts.
Utiliser les noms réels des langues élimine toute ambiguïté, garantissant aux visiteurs d'identifier et de choisir précisément leur langue préférée sans malentendus. De plus, cette approche favorise l'inclusivité et témoigne du respect de la diversité culturelle.
Par exemple, un site d'actualités mondial qui s'adresse à un public diversifié. Leur sélecteur de langue pourrait ressembler à ceci.
Dans ce cas :
- L'utilisation de drapeaux fournit des repères visuels rapides.
- Les noms des langues sont écrits dans leur script natif (comme le japonais, le français, etc.), ce qui est instantanément reconnaissable pour les locuteurs de cette langue.
Cette approche est particulièrement utile pour les langues comme l'espagnol ou l'anglais parlées dans plusieurs pays. Par exemple, un utilisateur du Mexique ou d'Argentine verrait « Español » plutôt que de choisir entre plusieurs drapeaux de pays hispanophones. De même, les utilisateurs du Royaume-Uni, des États-Unis, d'Australie ou d'autres pays anglophones peuvent tous s'identifier à « English », quel que soit le drapeau utilisé.
Positionnez stratégiquement le sélecteur de langue
Il est crucial de placer le sélecteur de langue dans un endroit bien visible et facilement accessible sur votre site web. Les emplacements courants et efficaces incluent l'en-tête, le pied de page ou le menu de navigation principal. Ces endroits sont intuitifs pour la plupart des utilisateurs web et correspondent à leurs attentes lorsqu'ils recherchent des options de langue.
Maintenir un emplacement cohérent sur toutes les pages garantit aux visiteurs un accès facile au sélecteur de langue, quel que soit leur point d'entrée ou la page actuelle. Cette cohérence contribue à une expérience utilisateur fluide et prévisible.
Par exemple, un site international de réservation d'hôtels qui s'adresse à un public mondial. Il pourrait mettre en œuvre sa stratégie de sélecteur de langue comme suit.
- Emplacement dans l’en-tête : Le sélecteur de langue est situé dans le coin supérieur droit de l’en-tête, à côté de l’icône du compte utilisateur et du sélecteur de devise. Il’est visible sur chaque page et permet aux utilisateurs de changer de langue à tout moment pendant leur navigation ou leur processus de réservation.
- Design cohérent : Le sélecteur de langue apparaît sous la forme d'une icône de globe suivie de la langue actuelle (par exemple, «“🌐 English”»). Lorsqu'on clique dessus, il ouvre un menu déroulant avec d'autres options de langue.
- Sauvegarde dans le pied de page : Le pied de page inclut une liste textuelle de toutes les langues disponibles, offrant un point d'accès alternatif.
Ce placement stratégique garantit que, qu'un utilisateur atterrisse sur la page accueil, une page d'hôtel spécifique ou la page de confirmation de réservation, il peut facilement trouver et utiliser le sélecteur de langue. Par exemple, un utilisateur français naviguant parmi les options d'hôtels à Tokyo peut rapidement basculer le site vers le français pour une meilleure compréhension des descriptions de chambres et des conditions de réservation, améliorant ainsi son expérience utilisateur et augmentant potentiellement la probabilité de finaliser une réservation.
Maintenir la cohérence du sélecteur de langue sur toutes les pages
Il est essentiel de veiller à ce que le sélecteur de langue conserve une apparence et une fonctionnalité uniformes sur l’ensemble de votre site web. Les utilisateurs doivent pouvoir changer de langue sans effort, quelle que soit la page sur laquelle ils se trouvent ou le contenu qu’ils consultent. Cette cohérence offre une expérience utilisateur fluide et renforce l’accessibilité des options linguistiques, favorisant ainsi la confiance dans votre site web multilingue.
Par exemple, une plateforme de commerce électronique mondiale vendant de l'électronique. Voici comment ils pourraient mettre en œuvre une stratégie cohérente de sélecteur de langue.
- Design uniforme : Le sélecteur de langue apparaît sous la forme d'une icône de globe avec le code de langue actuel (par exemple, « 🌐 EN ») dans le coin supérieur droit de chaque page, y compris les listes de produits, les pages de produits individuelles, les paniers d'achat et les pages de paiement.
- Fonctionnalité cohérente : Cliquer sur le sélecteur de langue ouvre toujours le même menu déroulant avec toutes les langues disponibles, quelle que soit la page.
- Préservation du contenu : lorsque les utilisateurs changent de langue, ils restent sur la même page, mais le contenu est affiché dans la langue nouvellement sélectionnée. Par exemple, si un utilisateur consulte les spécifications d’un ordinateur portable en anglais et passe à l’espagnol, il voit les détails du même ordinateur portable, désormais en espagnol.
- Structure de l'URL : La structure de l'URL change de manière cohérente lors du changement de langue. Par exemple :
Étude de cas : Un client japonais naviguant sur des ordinateurs portables sur la version anglaise du site décide de passer au japonais pour mieux comprendre. Il clique sur l'icône « 🌐 EN » dans l'en-tête, sélectionne « 日本語 » dans le menu déroulant, et la page se recharge, affichant les mêmes détails sur l'ordinateur portable mais en japonais. L'URL passe de « /products/… » à « /ja/製品/… ».
Cette expérience cohérente sur toutes les pages et fonctionnalités du site garantit que l'utilisateur peut naviguer et acheter en toute confiance dans sa langue préférée, ce qui augmente potentiellement sa probabilité de finaliser un achat et de revenir sur le site à l'avenir.
Configurez le sélecteur de langue sur Magento avec Linguise!
À présent, vous devez savoir que vous configurez un sélecteur de langue pour un site web Magento multilingue. La mise en place d'un sélecteur de langue peut offrir de nombreux avantages et être personnalisée selon nos directives.
Optimiser votre sélecteur de langue peut considérablement améliorer l'expérience utilisateur globale sur votre site Magento . L'étape suivante consiste à créer un compte Linguise , à l'intégrer à votre site Magento et à ajuster les paramètres du sélecteur de langue. Ces actions amélioreront l'expérience utilisateur, rendant votre site e-commerce multilingue plus accessible et convivial.
N'oubliez pas qu'un sélecteur de langue bien implémenté sur votre plateforme Magento peut conduire à un meilleur engagement, une augmentation des conversions et une amélioration de la satisfaction client sur différents marchés linguistiques. C'est un élément crucial pour créer un site web véritablement multilingue.
