Le "sélecteur de langue" constitue le pont entre l'utilisateur et votre infrastructure localisée. MultiLipi prend en charge deux méthodes d'injection distinctes pour concilier simplicité de déploiement et intégrité du design. Vous pouvez le déployer sous forme de superposition flottante persistante (idéal pour un lancement rapide) ou d'élément intégré profondément (idéal pour un design personnalisé).
Ce guide détaille les étapes de navigation et les différences techniques entre ces deux stratégies.
1. Protocole de configuration (Navigation)
Accès aux commandes de l'interface.
Pour configurer la stratégie de positionnement, suivez ce chemin dans votre centre de commande :
Étape 1 : Accéder au tableau de bord
Connectez-vous à votre compte MultiLipi pour accéder à la vue d'accueil.
Étape 2 : Sélection du projet
Cliquez sur la vignette de projet spécifique pour le site Web que vous souhaitez configurer.
Étape 3 : Accéder aux paramètres
Dans la barre latérale de gauche, cliquez sur Paramètres.
Étape 4 : Localiser le module
Dans le sous-menu ou la liste des paramètres, sélectionnez Sélecteur de langue.
Action :
Vous y trouverez l'option permettant de basculer entre les modes flottant et intégré.
2. Le sélecteur flottant (mode superposition)
Déploiement rapide via l'injection de JS.
Qu'est-ce que c'est ?
Le sélecteur flottant est un widget autonome injecté dans le DOM via JavaScript. Il se trouve sur l'axe Z au-dessus du contenu de votre site Web, ancré à un coin de la fenêtre d'affichage.
Positionnement : Configurable sur l'un des quatre quadrants :
- •En bas à gauche (Par défaut) / En bas à droite
- •En haut à gauche / En haut à droite
Avantage architectural :
- •Zéro code : aucune modification HTML requise. Il fonctionne instantanément lors de l'injection du script.
- •Compatibilité universelle : rendu garanti sur n'importe quelle plateforme (WordPress, Shopify, Webflow) sans perturber la disposition des éléments.
- •Adaptatif mobile : redimensionnement et repositionnement automatiques pour les petits écrans.
Idéal pour : Équipes qui ont besoin d'une solution « Prête à l'emploi » sans faire appel à un développeur front-end.
3. Le sélecteur intégré (Mode d'intégration)
Insertion transparente dans le DOM.
Qu'est-ce que c'est ?
Le sélecteur intégré permet d'injecter le bouton de bascule de langue directement dans un conteneur spécifique de votre structure HTML, tel que votre barre de navigation (
Le Mécanisme : Vous fournissez un sélecteur CSS spécifique (ID ou Classe) dans le tableau de bord MultiLipi.
Exemple d'entrée : #menu-language-item ou .navbar-right.
L'action : Notre script analyse le DOM à la recherche de ce sélecteur spécifique et rend le sélecteur à l'intérieur de cet élément, en héritant des contraintes de mise en page de son parent.
Idéal pour : Designers qui exigent un contrôle parfait au pixel près et souhaitent que le sélecteur fasse partie intégrante du système de menus de l'interface utilisateur.
4. Le protocole de basculement (Logique de sécurité)
Garantie de la disponibilité de l'interface.
Dans les environnements web dynamiques, les ID et les classes peuvent changer. Que se passe-t-il si vous déployez un sélecteur intégré ciblant #nav-lang, mais que votre développeur renomme accidentellement cet ID en #nav-menu ?
MultiLipi exécute un basculement automatique :
- •Analyse : le script tente de localiser le sélecteur CSS cible.
- •Échec : si la cible est introuvable (null), le script signale une erreur.
- •Récupération : il revient automatiquement en Mode Flottant.
- •Résultat : Le sélecteur apparaît dans la position flottante par défaut (par exemple, en bas à droite), garantissant que l'utilisateur peut toujours changer de langue, même si la mise en page est corrompue.
- •Débogage : un avertissement de console est enregistré pour permettre à vos développeurs de corriger le sélecteur.