Comment configurer un sélecteur de langue sur Concrete CMS

par Aorinka Anendya
23 octobre 2024

Blog > Guide > Comment configurer un sélecteur de langue sur Concrete CMS

Vous avez un site web créé avec Concrete CMS et souhaitez ajouter un sélecteur de langue ? La configuration d'un sélecteur de langue simplifie le processus permettant aux utilisateurs de basculer entre les langues. Cette fonctionnalité est particulièrement utile pour les sites Web ayant une base d'utilisateurs internationale, permettant aux visiteurs de naviguer sur la plateforme dans leur langue préférée.

Pour configurer un sélecteur de langue dans Concrete CMS , les administrateurs commencent généralement par spécifier les langues qu'ils souhaitent prendre en charge dans les paramètres du système. Ils ajoutent ensuite un menu déroulant ou un bouton que les utilisateurs peuvent utiliser pour sélectionner leur langue préférée. Cet article vous guidera dans la mise en œuvre d'un sélecteur de langue dans Concrete CMS à l'aide de l'un des services de traduction automatique .

Importance de configurer un sélecteur de langue sur Concrete CMS

La nécessité de proposer du contenu dans plusieurs langues devient de plus en plus importante. Une étude récente de DeepL a révélé que 75 % des personnes interrogées conviennent que le contenu localisé augmente considérablement l'engagement des clients.

La mise en œuvre d'un sélecteur de langue consiste à traduire le contenu et à créer une expérience plus personnalisée pour les visiteurs du site web. Cela ressort clairement des données montrant que 96 % des personnes interrogées ont observé un retour sur investissement (retour sur investissement) positif grâce à leurs efforts de localisation de contenu.

Compte tenu de ces données, la mise en œuvre d’un sélecteur de langue sur Concrete CMS est une démarche stratégique qui ne peut être abandonnée. C'est pourquoi cet article explique comment configurer un sélecteur de langue sur votre site web Concrete CMS .

Briser les barrières linguistiques

Dites adieu aux barrières linguistiques et bonjour à la croissance sans limite ! Essayez notre service de traduction automatique dès aujourd'hui.

Commencez à traduire maintenant

Comment configurer un sélecteur de langue sur Concrete CMS

Maintenant que nous comprenons l'importance de la fonctionnalité de changement de langue sur la plateforme multilingue Concrete CMS discutons de la manière de la mettre en œuvre. Concrete CMS dispose d'un système de gestion linguistique intégré qui peut être personnalisé pour répondre aux besoins de votre organisation.

L'un des services de traduction automatique que vous pouvez utiliser est Linguise . Linguise offre des fonctionnalités de changement de langue faciles à utiliser et peut être intégré à divers CMS populaires, notamment Concrete CMS .

Concrete CMS offre une intégration multilingue facile, permettant aux administrateurs d'ajouter rapidement des fonctionnalités de changement de langue à leurs sites. En utilisant les fonctionnalités avancées et l’interface conviviale de Concrete CMS Voici les étapes pour installer la traduction automatique Linguise Concrete CMS et configurer le sélecteur de langue.

#1 Enregistrez un domaine Concrete CMS

Commencez par créer un compte Linguise gratuit et ajoutez le domaine de votre site web. Vous pouvez profiter d’un essai gratuit de 30 jours avant de décider d’un abonnement.

Ensuite, vous devrez autoriser la traduction de votre domaine. Copiez votre nom de domaine, y compris « https:// », et sélectionnez « Concrete CMS » comme plateforme. Choisissez votre langue source et les langues cibles pour la configuration automatique de la traduction dans Concrete CMS .

#2 : Téléchargez et connectez le script Linguise

Vous devez télécharger le script de traduction Linguise sur le serveur sur lequel Concrete CMS est installé. Téléchargez le script à partir du lien fourni, décompressez-le et placez le dossier dans le répertoire racine de votre installation Concrete CMS . Assurez-vous que le dossier est nommé «linguise ».

Ensuite, insérez la clé API Linguise dans le fichier Configuration.php sur votre serveur. Ouvrez le fichier et remplacez « REPLACE_BY_YOUR_TOKEN » par votre clé API, en la plaçant entre guillemets simples.

#3 : Configurer la réécriture d'URL Concrete CMS

Dans Concrete CMS , la réécriture d'URL est généralement activée par défaut. Sinon, vous pouvez l'activer via votre fournisseur d'hébergement. Mettez à jour le fichier .htaccess en ajoutant du code spécifique après la ligne « RewriteEngine on ». Cela configurera les URL spécifiques à la langue.

				
					<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)(?:$|/)(.*)$ /concretee/linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME}/index.html !-f
    RewriteCond %{REQUEST_FILENAME}/index.php !-f
    RewriteRule . /concretee/index.php [L]
</IfModule>

#4 : Activer et personnaliser le sélecteur de langue

Le lien du script Linguise JS doit être chargé sur toutes vos pages Concrete CMS pour afficher le sélecteur de langue avec des drapeaux et des URL alternatives (crucial pour le référencement). Vous pouvez trouver le lien du script sous les paramètres du domaine dans votre tableau de bord Linguise .

Pour charger le script dans Concrete CMS , insérez le code dans le fichier header.php ou dans le fichier header.php de votre site.<head> via le panneau d'administration en accédant à Système et paramètres > SEO et statistiques.

Ensuite, ajoutez-le sous Codes de suivi.

Par défaut, le sélecteur apparaît dans le coin supérieur droit.

Cependant, votre tableau de bord peut personnaliser son apparence grâce à la fonctionnalité « Affichage des drapeaux de langue ».

#5 : Configurer l'écran principal

Pour commencer à configurer le sélecteur de langue, accédez à la section « Paramètres » > « Affichage des indicateurs de langue » Linguise . Ici, vous pouvez ajuster plusieurs paramètres.

Style d'icône de drapeau : choisissez parmi trois styles d'affichage : côte à côte, menu déroulant ou popup.
Position : sélectionnez l'emplacement du sélecteur de langue sur votre site Web, en vous assurant qu'il est facilement accessible aux visiteurs.

#6 : Personnalisez le design du drapeau

Après avoir configuré l'affichage principal, vous pouvez personnaliser le design des drapeaux de langue.

Afficher le nom de la langue : décidez si vous souhaitez afficher le nom en fonction du pays ou de la langue, par exemple « French » ou « Français ».
Type de drapeau anglais : cette option vous permet de différencier les variantes de l'anglais américain ou britannique et s'applique de la même manière à l'espagnol, au portugais ou à l'allemand.
Style de drapeau : sélectionnez la forme de l'icône du drapeau, ronde ou rectangulaire.

#7 : Ajustez la couleur et la taille

Ensuite, vous pouvez personnaliser la couleur et la taille des drapeaux.

Flag border-radius : définissez le rayon en pixels pour les drapeaux rectangulaires.
Couleur du nom de langue : choisissez la couleur du texte par défaut pour afficher les noms de langue.
Couleur de langue contextuelle : spécifiez la couleur du texte pour les titres de langue dans la fenêtre contextuelle ou la liste déroulante.
Taille du drapeau : Ajustez la taille des icônes du drapeau.
Couleur de survol du nom de langue : définissez la couleur de survol des noms de langue.
Couleur de survol de la langue contextuelle : définissez la couleur de survol des titres de langue dans la fenêtre contextuelle ou la liste déroulante.

#8 : Ajouter une ombre de boîte de drapeau

Enfin, vous pouvez personnaliser les paramètres d’ombre de la zone de drapeau.

La première option ajoute un effet d'ombre aux icônes de drapeau affichées sur votre site web.
La deuxième option contrôle l'effet d'ombre lorsque les utilisateurs survolent les drapeaux de langue.

Une fois satisfait des paramètres, cliquez sur « Enregistrer » pour appliquer les modifications. Visitez votre Concrete CMS pour confirmer que le sélecteur de langue fonctionne comme prévu et pour prévisualiser son apparence.

Vous pouvez également traduire le site dans des langues supplémentaires, comme l'allemand.

Meilleures pratiques pour optimiser le sélecteur de langue sur Concrete CMS

L'optimisation du sélecteur de langue sur Concrete CMS améliore l'expérience utilisateur dans un environnement multilingue. Vous trouverez ci-dessous des conseils clés pour améliorer le sélecteur de langue sur votre plateforme.

Utiliser des noms de langue et des drapeaux

Combiner les noms de langues avec des icônes de drapeau est un moyen efficace de rendre votre sélecteur de langue plus convivial. Cette approche offre deux repères visuels, aidant les utilisateurs à identifier et à sélectionner rapidement la langue de leur choix. Le nom de la langue apporte de la clarté, tandis que le drapeau offre une référence visuelle, facilitant ainsi le choix des utilisateurs, en particulier lorsqu'une langue est utilisée dans plusieurs pays avec des drapeaux différents.

Par exemple, si votre site Concrete CMS s'adresse à un public mondial de commerce électronique, en combinant « 🇺🇸 English », « 🇫🇷 Français » et « 🇩🇪 Deutsch » dans la langue, Switcher peut permettre aux utilisateurs de localiser rapidement plus facilement. leur langue préférée, améliorant ainsi leur expérience d'achat et les aidant à naviguer sur le site sans effort.

Icônes de drapeau reconnaissables

Il est essentiel d'utiliser des icônes de drapeau claires, de haute qualité et facilement reconnaissables, même dans des tailles plus petites. Ces icônes aident les utilisateurs à identifier rapidement leur langue sans avoir à lire le texte. Lorsque cela est nécessaire, il est important de choisir des icônes culturellement sensibles qui représentent des langues plutôt que des pays. Par exemple, l’utilisation d’un symbole neutre pour une langue largement parlée comme l’arabe peut être plus appropriée que le choix d’un drapeau national.

Par exemple, une plate-forme Concrete CMS conçue pour une agence de voyages mondiale pourrait utiliser le drapeau espagnol pour l'espagnol, le drapeau canadien pour le français et une icône de globe pour les langues largement parlées comme l'anglais. Cela garantit que les icônes sont claires et intuitives, permettant aux utilisateurs de sélectionner facilement leur langue préférée tout en explorant les forfaits de voyage.

Sélecteur de langue stratégiquement

Le sélecteur de langue doit être placé là où il est facilement visible et accessible aux utilisateurs sans encombrer l'interface. Les options de placement courantes incluent l'en-tête, le pied de page ou le menu de navigation principal du site. La cohérence du placement sur toutes les pages est cruciale afin que les utilisateurs puissent le trouver n'importe où sur le site.

Par exemple, un site Concrete CMS pourrait positionner le sélecteur dans le coin supérieur droit de l'en-tête, garantissant qu'il reste visible lorsque les utilisateurs font défiler les pages. Pour les mobiles, son intégration dans le menu hamburger permet de conserver l'accessibilité tout en économisant de l'espace.

Maintenir la cohérence entre les pages

Il est important de maintenir une cohérence en termes d’apparence et de fonctionnalité. Le sélecteur de langue doit fonctionner de la même manière sur chaque page, et lorsque les utilisateurs changent de langue, ils doivent rester sur la même page avec le contenu traduit dans la nouvelle langue. Cela améliore le flux de travail des utilisateurs et rend la navigation plus intuitive.

Par exemple, un sélecteur de langue déroulant apparaît systématiquement sur les pages accueil , les pages de contact et autres. Cela permettrait aux utilisateurs de changer de langue de manière transparente sans perdre leur place dans le matériel.

Prêt à explorer de nouveaux marchés ? Essayez gratuitement notre service de traduction automatique avec notre essai sans risque d'un mois. Aucune carte de crédit nécessaire!

Réclamez votre essai gratuit d'un mois

Conclusion

La configuration d'un sélecteur de langue et la mise en œuvre de la traduction automatique sur le Concrete CMS peuvent offrir une expérience multilingue transparente à vos utilisateurs. En suivant les étapes décrites dans ce guide, vous pouvez intégrer un sélecteur de langue et le personnaliser pour l'adapter aux besoins de votre site.

L'optimisation efficace du sélecteur de langue améliorera l'expérience et l'engagement des utilisateurs. Pour commencer, créez un compte Linguise , intégrez-le à votre Concrete CMS et configurez le sélecteur de langue en fonction de vos préférences. Cela garantit que les visiteurs peuvent facilement naviguer sur votre plateforme dans leur langue préférée.

Comment configurer un sélecteur de langue sur Concrete CMS

Importance de configurer un sélecteur de langue sur Concrete CMS

Comment configurer un sélecteur de langue sur Concrete CMS

#1 Enregistrez un domaine Concrete CMS

#2 : Téléchargez et connectez le script Linguise

#3 : Configurer la réécriture d'URL Concrete CMS

#4 : Activer et personnaliser le sélecteur de langue

#5 : Configurer l'écran principal

#6 : Personnalisez le design du drapeau

#7 : Ajustez la couleur et la taille

#8 : Ajouter une ombre de boîte de drapeau

Meilleures pratiques pour optimiser le sélecteur de langue sur Concrete CMS

Utiliser des noms de langue et des drapeaux

Icônes de drapeau reconnaissables

Sélecteur de langue stratégiquement

Maintenir la cohérence entre les pages

Conclusion

Vous pouvez également être intéressé à lire

Google Gemini vs traduction automatique : laquelle offre les meilleures performances ?

Comment implémenter la traduction automatique sur ProcessWire CMS

Comment implémenter la traduction automatique sur Moodle

Légal

Soutien

Produit