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 vous souhaitez ajouter un sélecteur de langue ? La mise en place d'un sélecteur de langue simplifie le processus permettant aux utilisateurs de passer d'une langue à l'autre. Cette fonctionnalité est particulièrement utile pour les sites web dotés d'une base d'utilisateurs internationale, car elle permet aux visiteurs de naviguer sur la plateforme dans la langue de leur choix.

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 permettant aux utilisateurs de 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 en utilisant l'un des services de traduction automatique disponibles.

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

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

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

Avec ces données en tête, mettre en place un sélecteur de langue sur Concrete CMS est un choix stratégique qu’il ne faut pas négliger. C’est pourquoi cet article expliquera comment configurer un sélecteur de langue sur votre site Concrete CMS .

Brisez les barrières linguistiques

Dites adieu aux barrières linguistiques et bonjour à une croissance illimitée ! Essayez dès aujourd'hui notre service de traduction automatique.

Commencez à traduire dès 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 , voyons comment la mettre en œuvre. Concrete CMS dispose d'un système de gestion des langues 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 propose 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, vous pouvez simplifier la configuration et la maintenance d'un sélecteur de langue sur votre plateforme. Voici les étapes pour installer Linguise la traduction automatique sur Concrete CMS et configurer le sélecteur de langue.

#1 Enregistrer le domaine Concrete CMS

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

Ensuite, vous devrez autoriser votre domaine pour la traduction. 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 de la traduction automatique dans Concrete CMS.

#2 : Télécharger et connecter le script Linguise

Vous devez télécharger le script de traduction Linguise sur le serveur où Concrete CMS est installé. Téléchargez le script depuis le 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 les 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. Si ce n'est pas le cas, vous pouvez l'activer via votre hébergeur. Mettez à jour le fichier .htaccess en ajoutant un code spécifique après la ligne « RewriteEngine on ». Cela configurera des URL spécifiques à chaque 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 JS Linguise 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 SEO). Vous pouvez trouver le lien du script dans les paramètres de domaine de votre tableau de bord Linguise .

Pour charger le script dans Concrete CMS, insérez le code dans le fichier header.php ou dans la section <head> de votre site via le panneau d'administration en naviguant vers Système & Paramètres > SEO & 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'affichage principal

Pour commencer à configurer le sélecteur de langue, rendez-vous dans la section « Paramètres » > « Affichage des drapeaux de langue » du tableau de bord Linguise . Vous pouvez y ajuster plusieurs paramètres.

Style de l'icône du drapeau : Choisissez parmi trois styles d'affichage : côte à côte, menu déroulant ou fenêtre contextuelle.
Position : Sélectionnez l’emplacement du sélecteur de langue sur votre site web, en veillant à ce qu’il soit facilement accessible aux visiteurs.

#6 : Personnaliser 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 d'anglais américain et britannique et s'applique de la même manière à l'espagnol, au portugais ou à l'allemand.
Style du drapeau : Sélectionnez la forme de l'icône de drapeau, ronde ou rectangulaire.

#7 : Ajuster la couleur et la taille

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

Rayon de bordure du drapeau : Définissez le rayon en pixels pour les drapeaux rectangulaires.
Couleur du nom de la langue : Choisissez la couleur de texte par défaut pour afficher les noms des langues.
Couleur de la langue du popup : Spécifiez la couleur du texte des titres de langue dans le popup ou le 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 de survol des noms de langues.
Couleur de survol du titre de langue dans la fenêtre contextuelle : Définissez la couleur de survol des titres de langue dans la fenêtre contextuelle ou le menu déroulant.

#8 : Ajouter une ombre portée au drapeau

Enfin, vous pouvez personnaliser les paramètres d'ombre de la boîte du 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 les paramètres configurés à votre convenance, cliquez sur “Enregistrer” pour appliquer les modifications. Visitez votre site Concrete CMS pour confirmer que le sélecteur de langue fonctionne comme prévu et prévisualiser son apparence.

Vous pouvez également traduire le site dans d'autres langues, comme l'allemand.

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

Optimiser le sélecteur de langue sur Concrete CMS améliore l'expérience utilisateur dans un environnement multilingue. Voici quelques conseils clés pour améliorer le sélecteur de langue sur votre plateforme.

Utiliser les noms de langues et les drapeaux

Associer les noms de langues à des icônes de drapeaux 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, ce qui facilite 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 à une audience e-commerce mondiale, combiner « 🇺🇸 English », « 🇫🇷 Français » et « 🇩🇪 Deutsch » dans le sélecteur de langue peut aider les utilisateurs à trouver rapidement 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 drapeaux reconnaissables

Il est essentiel d’utiliser des icônes de drapeaux claires et de haute qualité, facilement reconnaissables, même en petite taille. Ces icônes aident les utilisateurs à identifier rapidement leur langue sans avoir à lire de texte. Le cas échéant, il est important de choisir des icônes culturellement sensibles qui représentent des langues plutôt que des pays. Par exemple, utiliser un symbole neutre pour une langue largement parlée comme l’arabe peut être plus approprié que de sélectionner un drapeau national.

Par exemple, une plateforme Concrete CMS conçue pour une agence de voyage internationale 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, ce qui permet aux utilisateurs de sélectionner facilement leur langue préférée tout en explorant les offres de voyage.

Sélecteur de langue stratégique

Le sélecteur de langue doit être placé à un endroit bien visible et facilement accessible pour les utilisateurs, sans encombrer l'interface. Les emplacements courants incluent l'en-tête du site, le pied de page ou le menu de navigation principal. La cohérence de l'emplacement sur toutes les pages est essentielle 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. Sur mobile, l'intégrer au menu hamburger préserve l'accessibilité tout en économisant de l'espace.

Maintenir la cohérence entre les pages

Il est important de maintenir une cohérence dans l'apparence et les fonctionnalités. 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 de manière cohérente sur accueil pages, les pages de contact et autres. Cela permettrait aux utilisateurs de changer de langue en toute transparence sans perdre leur place dans le contenu.

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

Réclamez votre essai gratuit d'un mois

Conclusion

Configurer un sélecteur de langue et mettre en place la traduction automatique sur le Concrete CMS site web peut offrir une expérience multilingue fluide à vos utilisateurs. En suivant les étapes décrites dans ce guide, vous pouvez intégrer un sélecteur de langue et le personnaliser pour répondre aux besoins de votre site.

Optimiser efficacement le sélecteur de langue améliorera l'expérience utilisateur et l'engagement. Pour commencer, inscrivez-vous pour un compte Linguise , intégrez-le à votre site Concrete CMS , et configurez le sélecteur de langue selon vos préférences. Cela garantit que les visiteurs peuvent facilement naviguer sur votre plateforme dans leur langue préférée.