MultiLipi Vous donne un contrôle total sur l’apparence et le comportement de votre sélecteur de langue, sur les ordinateurs de bureau et les appareils mobiles. Que vous recherchiez une intégration transparente du design ou une accessibilité plus visible, la personnalisation de votre mélangeur peut améliorer l’expérience utilisateur et maintenir la cohérence du design sur les pages multilingues.

Guide d’installation étape par étape

1. Accédez aux paramètres du sélecteur de langue

Pour commencer à personnaliser votre sélecteur de langue :

  • Rendez-vous dans votre Tableau de bord MultiLipi

  • Choisir Sélecteur de langue de la Paramètres dans le menu de gauche.
    Navigation dans la barre latérale mettant en évidence l’option de paramètres du sélecteur de langue

2. Modifier la disposition et l’apparence du mélangeur

Une fois à l’intérieur de l’éditeur de commutateurs, vous verrez un tableau de bord dédié avec des options de personnalisation pour les deux Bureau et Mobile Interfaces. Panneau de commutation de l’éditeur affichant les options de basculement Ordinateur de bureau et Mobile

3. Modèle (style Switcher)

Choisissez parmi les styles de sélecteur prédéfinis qui correspondent le mieux à l’interface utilisateur de votre site Web : Liste déroulante de style sélecteur de langue avec des modèles prédéfinis

4. Positionnement du mélangeur

Réglez la position du sélecteur de langue à l’écran :

  • Flottant (positionnement basé sur les coins comme en bas à gauche)
  • Inclus (inséré dans un élément HTML spécifique)

La logique de secours garantit que le mélangeur redevient flottant si le spot intégré n’est pas trouvé.

Options de position pour le sélecteur de langue, y compris le placement flottant et intégré

5. Personnaliser les couleurs du mélangeur

Choisissez votre propre palette de couleurs en fonction de votre image de marque. Poser:

  • Couleur d’arrière-plan
  • Couleur du texte

Utilisez les valeurs RVB ou le sélecteur de couleurs intégré. Panneau de personnalisation des couleurs pour le sélecteur de langue

6. CSS personnalisé avancé (facultatif)

Pour un contrôle total, injectez vos propres règles CSS pour styliser le sélecteur exactement comme vous le souhaitez.

Exemple:

Css- CopierModifier

#lang-switcher-selected-lang .fi {

rayon de la bordure : 0px ;

}

#dynamicDropdown {

/* vos styles */

}

Zone de texte CSS personnalisée pour une personnalisation avancée du sélecteur de langue

7. Enregistrer ou réinitialiser

  • Cliquer Sauvegarder pour appliquer vos modifications.

  • Cliquer Réinitialisation pour revenir à la conception par défaut.

Aperçu final

Toutes les personnalisations sont instantanément prévisualisées en temps réel, ce qui vous permet de basculer entre les modes ordinateur et mobile pour assurer la cohérence entre les types d’appareils.

Conclusion

L’éditeur de changement de langue de MultiLipi vous permet de :

  • Choisissez votre style d’affichage idéal
  • Ajuster la position exacte
  • Assortissez les couleurs avec le thème de votre site Web
  • Utilisez un CSS personnalisé pour une flexibilité totale

Perfectionnez votre expérience utilisateur pour un public multilingue, le tout en quelques clics.