Comment configurer le sélecteur de langue pour OpenCart

Computer interface with futuristic design elements
Table of Contents

Le commutateur 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 le commutateur de langue 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 d'accès et d'utilisation.

Donc, dans cet article, nous allons discuter de la façon de configurer un sélecteur de langue pour OpenCart. Donc, pour ceux d'entre vous qui possèdent des sites Web multilingues ou du commerce électronique sur OpenCart, gardez la lecture de cet article jusqu'à la fin !

Pourquoi créer un commutateur de langue est important pour les sites web multilingues OpenCart ?

Créer un sélecteur de langue convivial est essentiel 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 :
  • Navigation intuitive : Les utilisateurs doivent pouvoir trouver et utiliser facilement le commutateur de langue. Une conception conviviale garantit que le commutateur est clairement placé et utilise des icônes ou des étiquettes clairs et facilement reconnaissables, créant une inspiration pour les utilisateurs à basculer entre les langues.
  • Réduction du taux de rebond : Un commutateur de langue convivial contribue à réduire le taux de rebond. Lorsque les visiteurs peuvent rapidement trouver et sélectionner leur langue préférée, ils sont plus susceptibles de rester sur le site, d'explorer le contenu et éventuellement de se convertir.
  • Communication claire : Les interprètes de langue doivent communiquer efficacement avec les utilisateurs. Des étiquettes ou des symboles clairs et concis aident à communiquer les options de langue disponibles, réduisent la confusion et garantissent que les utilisateurs peuvent faire des choix éclairés.
  • Optimisation pour les moteurs de recherche : Les moteurs de recherche prennent en compte l'expérience utilisateur lors du classement des sites web. Un commutateur de langue convivial et bien mis en œuvre peut avoir un impact positif sur le référencement, rendant votre site plus visible et accessible aux utilisateurs qui recherchent dans plusieurs langues.
Faire tomber les barrières linguistiques
Dites adieu aux barrières linguistiques et bonjour à une croissance illimitée ! Essayez notre service de traduction automatique dès aujourd'hui.

How to setup the language switcher for OpenCart?

The language-switching feature is usually provided by the website translation service. This feature can be adjusted according to the needs of what the user wants to design.

However, sometimes not all translation services provide a language-switching feature that is easy to customize and easy to use. Therefore, it is important to look for an automatic translation service that provides and is compatible with many CMS, one of which is Linguise automatic translation.

Linguise fournit une fonctionnalité de changement de langue flexible et facilement personnalisable et est intégré à OpenCart, cette solution de traduction pourrait être la solution pour vous.

Ensuite, comment configurer le commutateur de langue pour OpenCart ou un site Web eCommerce. Continuez simplement à lire l'explication ci-dessous.

Étape 1 : Enregistrement d'un compte gratuit Linguise

Linguise, bien sûr, vous devez Linguise d'abord

Step 2: Add domain website OpenCart

La deuxième étape consiste à ajouter le domaine du site Web OpenCart à votre Linguise tableau de bord. Il y a plusieurs choses que vous devez remplir, à partir de.

  • Compte
  • URL
  • 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 lire l'installation Linguise de la traduction automatique sur OpenCart ou regarder le tutoriel vidéo ci-dessous.

Étape 3 : Activer le commutateur de langue

Après avoir ajouté avec succès le site Web OpenCart et amélioré l'API, il est temps d'activer le sélecteur de langue. Il y a plusieurs étapes à suivre, tout d'abord, ouvrez le Linguise tableau de bord > Paramètres > copiez cette URL.

Un fond noir avec un espace blanc vide.

Une fois que vous avez copié le script, vous devez l'insérer dans l'éditeur de thème de votre OpenCart site web. Pour ce faire, suivez ces étapes : Allez à Conception > Éditeur de thème > Par défaut dans le OpenCart panneau d'administration. Ensuite, collez le script dans la zone désignée comme indiqué dans l'image ci-dessous.

Programmeur travaillant sur un projet de codage. Gros plan sur l'écran de l'ordinateur.

Après cela, généralement, le sélecteur de langue dans Opencart apparaîtra automatiquement sur votre page Web dans le coin supérieur droit avec un affichage comme suit selon la langue que vous avez choisie lors de l'ajout du site web.

Interface des outils du département informatique d'ExpertFlyer

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 : Configurer l'affichage principal

Pour configurer l'affichage du sélecteur de langue ou des drapeaux de langue, vous pouvez le faire via le Linguise tableau de bord > Paramètres > Affichage des drapeaux de langue.

A dark image with blurry text and symbols

In the first setting, we will set the main display. There are several parts including:

  • Flag icon shape: here you can choose from 3 available options, namely side by side, dropdown, or popup.
  • Position : Cela montre où votre sélecteur de langue sera placé, vous pouvez choisir parmi diverses options de position disponibles. Assurez-vous de choisir une position facile à trouver pour les visiteurs.
  • Finally, you can combine flag + language name, flag + short name, or just the language name. It is recommended to use a flag along with the name of the language to make it easier for users to recognize the language.

Étape 5 : Définir le design des drapeaux

Après cela, sous l'affichage principal, il y a des paramètres de conception pour le drapeau. Il y a plusieurs paramètres dans l'image suivante.

  • 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, Français 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 de drapeau : pour définir la forme de l'icône de drapeau, ronde ou rectangulaire.
Un écran sombre avec du texte gris clair et des contrôles

Étape 6 : Définir la couleur et la taille du drapeau

L'étape suivante après avoir défini la conception du drapeau consiste à définir la couleur, la taille et plusieurs autres choses. Dans l'affichage suivant, il y a plusieurs paramètres que vous pouvez personnaliser, tels que.

  • Rayon de bordure : rayon de bordure personnalisé en pixels 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.
  • Popup language color: color of the language title in the popup or dropdown area.
  • Flag size: flag size
  • 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 du popup : Couleur du texte de survol du titre de la langue dans le popup ou la liste déroulante.
une image sombre avec des formes de rectangle subtiles

Étape 7 : Définir l'ombre de la boîte de drapeau

Enfin, les paramètres que vous pouvez faire sont la configuration de l'ombre de la boîte de drapeau, le premier paramètre vous permet de définir l'ombre pour chaque drapeau sur votre site web, et le suivant est l'ombre de l'ombre des drapeaux de langue au survol de la souris.

Flag icon shadow options on tablet and on hover

Après avoir ajusté tous les paramètres, n'oubliez pas de sélectionner Enregistrer pour enregistrer les modifications et maintenant vous pouvez voir à quoi ressemblent les résultats des personnalisations qui ont été effectuées.

Ceci est un exemple de sélecteur de langue utilisant un menu déroulant, positionné dans le coin supérieur droit, puis en utilisant des drapeaux + nom de la langue. En dehors de cela, il existe également un affichage de site web qui tente d'être traduit en italien.

Circuit imprimé d'ordinateur portable endommagé. Gros plan sur les composants internes de l'ordinateur portable.
Prêt à explorer de nouveaux marchés ? Essayez notre service de traduction automatique gratuitement avec notre essai sans risque de 1 mois. Aucune carte de crédit n'est requise !

Comment créer un commutateur de langue convivial sur votre site web OpenCart ?

After understanding how to set up a language switcher for OpenCart, now is the time for you to know how to create a friendly language switcher so that it can provide a number of more benefits for your website.

  • Icônes ou drapeaux familiers : utilisez des icônes ou des drapeaux de langue familiers pour représenter différentes langues. Assurez-vous que l'icône ou le drapeau est visuellement visible et couramment compris pour que tout soit clair.
  • Placement pratique : placez l'outil de changement de langue dans une position bien visible sur votre site Web, idéalement dans un emplacement cohérent sur toutes les pages. Les endroits 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 : é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, et ainsi de suite. 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 changement de langue se démarque des autres éléments de la page, par exemple en utilisant une couleur différente ou en mettant en surbrillance.
  • Commutation facile : facilite le changement de langue pour les utilisateurs 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 responsive : 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 pour tous les utilisateurs.

Conclusion : Configurez le sélecteur de langue sur OpenCart en utilisant Linguise

À ce stade, vous savez déjà comment configurer un commutateur de langue pour OpenCart en utilisant Linguise, la création d'un commutateur de langue convivial peut offrir un certain nombre d'avantages allant de l'amélioration de l'expérience utilisateur globale et de l'augmentation de l'engagement des utilisateurs, à l'aide à 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'est-ce que vous attendez ? Enregistrez un Linguise compte, un site web OpenCart, et configurez le sélecteur de langue pour une meilleure expérience utilisateur.

Vous pourriez également être intéressé par la lecture

Ne manquez pas cette opportunité !
Abonnez-vous à notre newsletter

Recevez des nouvelles sur la traduction automatique de sites Web, le SEO international, et plus encore !

Invalid email address
Essayez-le. Une fois par mois, et vous pouvez vous désinscrire à tout moment.

Ne partez pas sans partager votre e-mail !

Nous ne pouvons pas garantir que vous gagnerez à la loterie, mais nous pouvons promettre des nouvelles informationnelles intéressantes autour de la traduction et des remises occasionnelles.

Ne manquez pas cette opportunité !
Invalid email address