Le sélecteur de langue est un élément important auquel vous devez prêter une attention particulière lors de la création d'un site web multilingue, car c'est ce que les utilisateurs visiteront souvent lorsqu'ils souhaitent changer de langue.
Il est donc important de créer un sélecteur de langue convivial, facile à atteindre et à utiliser.
Ainsi, dans cet article, nous verrons comment configurer un sélecteur de langue pour OpenCart . Alors, pour ceux d'entre vous qui possèdent des sites Web multilingues ou du commerce électronique 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 Web OpenCart multilingues ?
La création d'un sélecteur de langue convivial est essentielle au 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 : le sélecteur de langue convivial offre des transitions fluides entre les langues, facilitant ainsi la navigation et la compréhension du contenu par 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. La conception conviviale garantit que le sélecteur est clairement placé et utilise des icônes ou des étiquettes claires et facilement reconnaissables, ce qui incite les utilisateurs à basculer entre les langues.
- Réduction du taux de rebond : le 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 d'effectuer une conversion.
- Communication claire : les interprètes linguistiques doivent communiquer efficacement avec les utilisateurs. Des étiquettes ou des symboles clairs et concis aident à communiquer les options linguistiques disponibles, à réduire la confusion et à garantir que les utilisateurs peuvent faire des choix éclairés.
- Optimisation du référencement : les moteurs de recherche prennent en compte l'expérience utilisateur lors du classement des sites Web. Un sélecteur de langue bien mis en œuvre et convivial peut avoir un impact positif sur le référencement, rendant votre site plus visible et accessible aux utilisateurs effectuant des recherches dans plusieurs langues.
Comment configurer le sélecteur de langue pour OpenCart ?
La fonction de changement de langue est généralement fournie par le service de traduction du site web. Cette fonctionnalité peut être ajustée en fonction des besoins de ce que l'utilisateur souhaite concevoir.
Cependant, il arrive parfois que tous les services de traduction ne proposent pas une fonctionnalité de changement de langue facile à personnaliser et à utiliser. Par conséquent, il est important de rechercher un service de traduction automatique qui fournit et est compatible avec de nombreux CMS, dont la Linguise .
Linguise offre une fonctionnalité de changement 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 le site Web de commerce électronique. Continuez simplement à lire l’explication ci-dessous.
Étape 1 : Créer un compte gratuit Linguise
Étape 2 : Ajouter le site web du domaine OpenCart
La deuxième étape consiste à ajouter le domaine du site Web OpenCart que vous possédez déjà au Linguise . Il y a plusieurs choses que vous devez remplir, en commençant par.
- Compte
- URL
- Plateforme, sélectionnez OpenCart
- Langue
- Langue de traduction
- Traduire les URL
Après cela, 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 lire la d'installation Linguise sur OpenCart ou regarder le didacticiel vidéo ci-dessous.
Étape 3 : Activer le sélecteur de langue
Après avoir ajouté avec succès le OpenCart et amélioré l'API, il est temps d'activer le sélecteur de langue. Vous devez suivre plusieurs étapes. Tout d'abord, ouvrez le Linguise > 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 OpenCart . Pour ce faire, procédez comme suit : Accédez à Conception > Éditeur de thème > Par défaut dans le OpenCart . Ensuite, collez le script dans la zone désignée, comme indiqué dans l'image ci-dessous.
Après cela, 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-ci en fonction de la langue que vous avez choisie lors de l'ajout du site web.
Cependant, l'affichage du sélecteur de langue ci-dessus est toujours celui par défaut, avec Linguise vous pouvez personnaliser cet affichage en fonction de vos besoins et de vos envies.
Étape 4 : Configuration de l'écran principal
Pour définir le sélecteur de langue ou l'affichage des indicateurs de langue, vous pouvez le faire via le tableau de bord Linguise
Dans le premier réglage, nous définirons l’affichage principal. Il y a plusieurs parties dont :
- Forme de l'icône du drapeau : ici, vous pouvez choisir parmi 3 options disponibles, à savoir côte à côte, liste déroulante ou popup.
- Position : Cette position indique où se trouvera votre sélecteur de langue, vous pouvez choisir parmi les différentes options de position disponibles. Assurez-vous de choisir un emplacement 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 indicateur avec le nom de la langue pour permettre aux utilisateurs de reconnaître plus facilement la langue.
Étape 5 : Définir la conception des drapeaux
Après cela, sous l'écran principal, se trouvent les paramètres de conception du drapeau. Il y a plusieurs paramètres dans l'image suivante.
- Nom de la langue d'affichage : vous pouvez choisir un nom d'affichage en fonction du nom du pays ou du nom de la langue, par exemple French ou Francais.
- Type de drapeau anglais : il est utilisé pour les langues qui ont plus d'un type, par exemple l'anglais américain ou l'anglais britannique (le même que l'espagnol, le taïwanais, l'allemand et le portugais)
- Style de 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 la définition du design du drapeau consiste à définir la couleur, la taille et plusieurs autres choses. Dans l'écran suivant, vous pouvez personnaliser plusieurs paramètres, tels que.
- Mark border-radius : rayon de bordure personnalisé en pixels à l'endroit où vous utilisez le rectangle.
- Couleur du nom de la langue : choisissez la couleur du 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 popup ou déroulante.
- Taille du drapeau : taille du drapeau
- Couleur de survol du nom de la langue : couleur du texte de survol de la souris pour le nom de la langue
- Couleur de survol de la langue contextuelle : couleur du texte de survol de la souris du titre de la langue dans la fenêtre contextuelle ou la liste déroulante.
Étape 7 : Définir l'ombre de la boîte du drapeau
Enfin, les paramètres que vous pouvez effectuer sont la configuration de l'ombre de la zone de 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 enregistrer les modifications et vous pourrez maintenant voir à quoi ressemblent les résultats des personnalisations effectuées.
Ceci est un exemple de sélecteur de langue utilisant une liste déroulante, positionnée dans le coin supérieur droit puis utilisant des drapeaux + le nom de la langue. En dehors de cela, il existe également un site web qui tente d'être traduit en italien.
Comment créer un sélecteur de langue convivial sur votre site web 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 dans une langue familière pour représenter différentes langues. Assurez-vous que l'icône ou le drapeau est visuellement visible et généralement compris pour vous assurer que tout est clair.
- Emplacement pratique : placez l'outil de changement de langue dans un emplacement bien en vue sur votre site Web, idéalement à un emplacement cohérent sur toutes les pages. Les endroits communs 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 le drapeau de chaque pays : étiquetez 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 a une conception innovante. Utilisez des symboles ou du texte familiers pour indiquer les choix de langue. Par exemple, vous pouvez utiliser « EN » pour l'anglais et « ID » pour l'indonésien. Assurez-vous que l'outil de déplacement de langue se démarque des autres éléments de la page, par exemple en utilisant une couleur ou un surlignage différent.
- Changement facile : permet aux utilisateurs de passer facilement à une autre langue si la langue par défaut ne correspond pas à leurs préférences. Empêche l'utilisation de menus déroulants, de listes de drapeaux/icônes ou de boutons à bascule pour la sélection de la langue.
- Conception réactive : 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 les fonctionnalités sur les ordinateurs de bureau, les smartphones et les tablettes pour garantir une expérience fluide à tous les utilisateurs.
Conclusion : configurez le sélecteur de langue sur OpenCart à l'aide Linguise
À ce stade, vous savez déjà comment configurer un sélecteur de langue pour OpenCart à l'aide Linguise . La création d'un sélecteur de langue convivial peut offrir un certain nombre d'avantages allant de l'amélioration de l'expérience utilisateur globale à l'augmentation de l'engagement des utilisateurs, en passant par l'amélioration du référencement multilingue.
Avec Linguise , vous pouvez créer des sélecteurs de langue conviviaux et des indicateurs de personnalisation complets. Alors, qu'attendez-vous, enregistrez un compte Linguise , un OpenCart et configurez le sélecteur de langue pour une meilleure expérience utilisateur.