Le "Sélecteur de langue" est le pont de l'utilisateur vers votre infrastructure localisée. MultiLipi prend en charge deux méthodes d'injection distinctes pour équilibrer la facilité de déploiement et l'intégrité de la conception. 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 intégré (idéal pour une conception personnalisée).
Ce guide détaille les étapes de navigation et les différences techniques entre les deux stratégies.
1. Protocole de Configuration (Navigation)
Accès aux contrôles 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 Accueil.
Étape 2 : Sélectionner le 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 gauche, cliquez sur Paramètres.
Étape 4 : Localiser le module
Depuis le sous-menu ou la liste des paramètres, sélectionnez Sélecteur de langue.
Action :
Vous verrez ici l'option pour basculer entre les modes Flottant et Intégré.
2. Le Sélecteur Flottant (Mode Superposition)
Déploiement rapide via injection 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é dans un coin de la fenêtre d'affichage.
Positionnement : Configurable dans l'un des quatre quadrants :
- •Bas-Gauche (Défaut) / Bas-Droite
- •Haut-Gauche / Haut-Droite
Avantage architectural :
- •Zéro code : Aucune modification HTML requise. Il fonctionne instantanément après l'injection du script.
- •Compatibilité Universelle : Garanti de s'afficher sur n'importe quelle plateforme (WordPress, Shopify, Webflow) sans perturber les flux de mise en page.
- •Adaptatif mobile : S'adapte et se repositionne automatiquement pour les petits écrans.
Idéal pour : Équipes qui ont besoin d'une solution "Plug-and-Play" sans impliquer un développeur frontend.
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é vous permet d'injecter le sélecteur 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 affiche 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 : Concepteurs qui exigent un contrôle pixelisé et souhaitent que le sélecteur s'intègre comme un élément natif du système de menu de l'interface utilisateur.
4. Le protocole de basculement (logique de sécurité)
Assurer 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 :
- •Scan : Le script tente de localiser le sélecteur CSS cible.
- •Échec : Si la cible n'est pas trouvée (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 incorrecte.
- •Débogage : Un avertissement de console est enregistré pour que vos développeurs corrigent le sélecteur.