Sélecteur sur mesure
Construire ton propre sélecteur de langue dans Webflow, Framer ou en code.
Le sélecteur intégré suffit dans la plupart des cas. Pour un sélecteur dessiné à la main, ajoute l’attribut data-lingo-lang à n’importe quel lien ou bouton :
<a href="#" data-lingo-lang="fr">Français</a>
<a href="#" data-lingo-lang="en">English</a>
<a href="#" data-lingo-lang="ar">العربية</a>
Dans Webflow, ajoute l’attribut dans les Custom attributes de l’élément : nom data-lingo-lang, valeur en.
Le lien de la langue active reçoit la classe lingo-active et l’attribut aria-current="true" : utilise-les pour le style.
Pense à masquer le sélecteur intégré avec data-widget-position="none", et à exclure ton sélecteur de la traduction avec translate="no".
En JavaScript
window.Lingo.language; // "en"
window.Lingo.setLanguage("es"); // change la langue