Le sélecteur de langue est un élément important auquel vous devez accorder une attention particulière lors de la création d'un site web multilingue, car c'est ce que les utilisateurs consultent souvent lorsqu'ils souhaitent changer de langue.
Il est donc important de créer un sélecteur de langue convivial, facile d'accès et d'utilisation.
Ainsi, dans cet article, nous allons voir comment configurer un sélecteur de langue pour OpenCart. Donc, si vous possédez des sites multilingues ou des boutiques eCommerce sur OpenCart, continuez à lire cet article jusqu'à la fin !
Pourquoi la création d'un sélecteur de langue est-elle importante pour les sites OpenCart multilingues ?
Créer un sélecteur de langue convivial est essentiel pour le succès d'un site web multilingue. Voici les raisons pour lesquelles vous devriez créer un sélecteur de langue pour les sites multilingues OpenCart .
- Expérience utilisateur améliorée : Un sélecteur de langue convivial offre des transitions fluides entre les langues, ce qui facilite la navigation et la compréhension du contenu pour les utilisateurs. Cela améliore l'expérience utilisateur globale, réduit la frustration et augmente l'engagement.
- Navigation intuitive : Les utilisateurs doivent pouvoir trouver et utiliser facilement le sélecteur de langue. Un design convivial garantit que le sélecteur est clairement placé et utilise des icônes ou des libellés clairs et facilement reconnaissables, incitant les utilisateurs à passer d'une langue à l'autre.
- Réduction du taux de rebond : Un sélecteur de langue convivial contribue à réduire le taux de rebond. Lorsque les visiteurs peuvent trouver et sélectionner rapidement leur langue préférée, ils sont plus susceptibles de rester sur le site, d'explorer le contenu et éventuellement de convertir.
- Communication claire : Les interprètes linguistiques doivent communiquer efficacement avec les utilisateurs. Des libellés ou des symboles clairs et concis aident à communiquer les options linguistiques disponibles, réduisent la confusion et garantissent que les utilisateurs peuvent faire des choix éclairés.
- Optimisation SEO : Les moteurs de recherche prennent en compte l’expérience utilisateur lors du classement des sites web. Un sélecteur de langue bien implémenté et convivial peut avoir un impact positif sur le SEO, rendant votre site plus visible et accessible aux utilisateurs qui recherchent dans plusieurs langues.
Comment configurer le sélecteur de langue pour OpenCart?
La fonctionnalité de changement de langue est généralement fournie par le service de traduction de site web. Cette fonctionnalité peut être ajustée selon les besoins de ce que l'utilisateur souhaite concevoir.
Cependant, il arrive parfois que tous les services de traduction ne proposent pas une fonction de changement de langue facile à personnaliser et à utiliser. Il est donc important de rechercher un service de traduction automatique compatible avec de nombreux CMS, dont Linguise traduction automatique.
Linguise propose une fonctionnalité de sélecteur de langue flexible et facilement personnalisable et est intégré à OpenCart, ce service de traduction pourrait être la solution pour vous.
Ensuite, comment configurer le sélecteur de langue pour OpenCart ou un site e-commerce. Continuez simplement à lire l'explication ci-dessous.
Étape 1 : Créer un compte Linguise gratuit
Pour pouvoir utiliser le sélecteur de langue sur Linguise, vous devez bien sûr d'abord créer un compte Linguise . Nous proposons également un essai gratuit d'un mois avec diverses fonctionnalités que vous pouvez utiliser.
Étape 2 : Ajouter le domaine du site OpenCart
La deuxième étape consiste àajouter le domaine du site OpenCart que vous possédez déjà au Linguise tableau de bord.Plusieurs éléments sont à renseigner, à commencer par.
- Compte
- URLs
- Plateforme, sélectionnez OpenCart
- Langue
- Langue de traduction
- Traduire les URL
Ensuite, vous devez activer la clé API et définir l'URL de la langue. Pour un guide complet sur l'ajout d'un domaine de site web, vous pouvez consulter installer Linguise traduction automatique sur OpenCart ou regarder le tutoriel vidéo ci-dessous.
Étape 3 : Activer le sélecteur de langue
Après avoir ajouté avec succès le site OpenCart et amélioré l'API, il est temps d'activer le sélecteur de langue. Plusieurs étapes sont à suivre : ouvrez d'abord le Linguise tableau de bord > Paramètres > copiez cette URL.
Une fois que vous avez copié le script, vous devez l'insérer dans l'éditeur de thème de votre site OpenCart . Pour ce faire, suivez ces étapes : allez dans Design > Éditeur de thème > Default dans le panneau d'administration OpenCart . Ensuite, collez le script dans la zone désignée comme indiqué dans l'image ci-dessous.
Ensuite, généralement, le sélecteur de langue dans Opencart apparaîtra automatiquement sur la page de votre site web dans le coin supérieur droit avec un affichage comme celui qui suit, selon la langue que vous avez choisie lors de l'ajout du site web.
Cependant, l'affichage du sélecteur de langue ci-dessus est encore celui par défaut ; avec Linguise , vous pouvez personnaliser cet affichage selon vos besoins et vos envies.
Étape 4 : Configuration de l'affichage principal
Pour configurer le sélecteur de langue ou l'affichage des drapeaux de langue, vous pouvez le faire via le Linguise tableau de bord > Paramètres > Affichage des drapeaux de langue.
Dans le premier paramètre, nous définirons l'affichage principal. Il comprend plusieurs parties, notamment :
- Forme de l'icône du drapeau : vous pouvez choisir parmi 3 options disponibles, à savoir côte à côte, menu déroulant ou popup.
- Position : cette position indique où se trouvera votre sélecteur de langue. Vous pouvez choisir parmi différentes options de position disponibles. Assurez-vous de choisir une position facile à trouver pour les visiteurs.
- Enfin, vous pouvez combiner drapeau + nom de la langue, drapeau + nom court, ou simplement le nom de la langue. Il est recommandé d'utiliser un drapeau accompagné du nom de la langue pour permettre aux utilisateurs de reconnaître plus facilement la langue.
Étape 5 : Définir le design des drapeaux
Ensuite, sous l'affichage principal, se trouvent les paramètres de conception du drapeau. Plusieurs réglages sont disponibles dans l'image ci-dessous.
- Afficher le nom de la langue : vous pouvez choisir un nom d'affichage basé sur le nom du pays ou le nom de la langue, par exemple, French ou Francais.
- Type de drapeau anglais : ceci est utilisé pour les langues qui ont plus d'un type, par exemple l'anglais américain ou l'anglais britannique (comme l'espagnol, le taïwanais, l'allemand et le portugais)
- Style du drapeau : pour définir la forme de l'icône du drapeau, ronde ou rectangulaire.
Étape 6 : Définir la couleur et la taille du drapeau
L'étape suivante après avoir défini le design du drapeau consiste à définir la couleur, la taille et plusieurs autres éléments. Dans l'affichage suivant, plusieurs paramètres sont personnalisables, tels que.
- Marquer le border-radius : rayon de bordure personnalisé en pixels là où vous utilisez le rectangle.
- 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 : couleur du titre de la langue dans la zone du popup ou du menu déroulant.
- Taille du drapeau : taille du drapeau
- Couleur du texte au survol du nom de la langue : couleur du texte au survol de la souris pour le nom de la langue
- Couleur de survol de la langue de la popup : Couleur du texte au survol de la souris pour le titre de la langue dans la popup ou le menu déroulant.
Étape 7 : Définir l'ombre portée du drapeau
Enfin, les paramètres que vous pouvez configurer concernent l'ombre de la boîte du drapeau : le premier paramètre vous permet de définir l'ombre de chaque drapeau sur votre site web, et le suivant est l'ombre des drapeaux de langue au survol de la souris.
Après avoir ajusté tous les paramètres, n’oubliez pas de sélectionner Enregistrer pour sauvegarder les modifications et vous pouvez maintenant voir à quoi ressemblent les résultats des personnalisations effectuées.
Voici un exemple de sélecteur de langue utilisant un menu déroulant, positionné dans le coin supérieur droit, puis utilisant des drapeaux + le nom de la langue. En dehors de cela, il y a aussi un affichage de site web qui tente d'être traduit en italien.
Comment créer un sélecteur de langue convivial sur votre site OpenCart ?
Après avoir compris comment configurer un sélecteur de langue pour OpenCart, il est maintenant temps pour vous de savoir comment créer un sélecteur de langue convivial afin qu'il puisse offrir un certain nombre d'avantages supplémentaires à votre site web.
- Icônes ou drapeaux familiers : utilisez des icônes ou des drapeaux de langue familiers pour représenter les différentes langues. Assurez-vous que l'icône ou le drapeau est visuellement visible et communément compris pour que tout soit clair.
- Placement pratique : placez l'outil de changement de langue à un endroit bien visible sur votre site web, idéalement au même emplacement sur toutes les pages. Les emplacements courants incluent les en-têtes, les pieds de page ou les menus de navigation. Assurez-vous que l'outil de traduction est clairement visible et facile d'accès.
- Étiquette de langue sur chaque drapeau de pays : indiquez clairement chaque option de langue dans la langue appropriée. Par exemple, utilisez « English » pour l'anglais, « Español » pour l'espagnol, « Deutsch » pour l'allemand, etc. Cela aide les utilisateurs à identifier et à sélectionner facilement la langue souhaitée.
- Conception innovante : L’outil de traduction bénéficie d’une conception innovante. Utilisez des symboles ou des textes familiers pour indiquer les choix de langue. Par exemple, vous pouvez utiliser « EN » pour l’anglais et « ID » pour l’indonésien. Veillez à ce que l’outil de changement de langue se distingue des autres éléments de la page, par exemple en utilisant une couleur différente ou une mise en surbrillance.
- Changement facile : permet aux utilisateurs de passer facilement à une autre langue si la langue par défaut ne correspond pas à leurs préférences. Évitez d'utiliser des menus déroulants, des listes de drapeaux/icônes ou des boutons à bascule pour la sélection de la langue.
- Design réactif : Assurez-vous que l'outil de changement de langue est réactif et fonctionne bien sur une variété d'appareils et de tailles d'écran. Testez la fonctionnalité sur les ordinateurs de bureau, les smartphones et les tablettes pour garantir une expérience fluide à tous les utilisateurs.
Conclusion : Configurer le sélecteur de langue sur OpenCart avec Linguise
À ce stade, vous savez déjà comment configurer un sélecteur de langue pour OpenCart avec Linguise, créer un sélecteur de langue convivial peut offrir de nombreux avantages, allant de l'amélioration de l'expérience utilisateur globale et de l'augmentation de l'engagement des utilisateurs, à l'amélioration du référencement multilingue.
Avec Linguise, vous pouvez créer des sélecteurs de langue conviviaux et des drapeaux entièrement personnalisables. Alors, qu'attendez-vous, créez un compte Linguise , un site OpenCart , et configurez le sélecteur de langue pour une meilleure expérience utilisateur.
