Comment utiliser le Switcher Editor
Dans cet article, vous apprendrez comment changer la position du sélecteur de langue sur votre site web grâce à la fonctionnalité Switcher Editor.
1. Comment accéder à l'éditeur de Switcher
2. Comment changer la position de l'aiguilleur
4. Comment ajouter un commutateur mobile
5. Comment modifier la conception de l'aiguilleur
L'éditeur de sélecteur vous permet de repositionner le sélecteur de langue sur votre site web. Il offre un aperçu de votre site web, où vous pouvez expérimenter différents designs en faisant glisser le bouton du sélecteur de langue jusqu'à ce que vous soyez satisfait de sa position.
1. Comment accéder au Switcher Editor
Tout d'abord, allez sur votre Weglot Dashboard > Settings > Language Switcher, et cliquez sur le bouton "Switcher Editor" :
⚠️ Notez que votre site web doit être en ligne et accessible pour utiliser le Switcher Editor. L'URL de votre site doit également être définie, ce que vous pouvez faire via le Weglot Dashboard > Settings > General.
2. Comment changer la position du sélecteur
Pour modifier la position de votre sélecteur de langue (situé par défaut dans le coin inférieur droit de la fenêtre du navigateur), cliquez dessus, puis faites glisser le sélecteur jusqu'à l'emplacement souhaité. Vous pouvez répéter ce processus jusqu'à ce que vous soyez satisfait de l'emplacement du sélecteur.
Enfin, cliquez sur "Enregistrer" pour enregistrer vos modifications.
3. Comment réinitialiser la position par défaut du sélecteur ?
Vous pouvez remettre le sélecteur dans sa position par défaut en cliquant sur le menu déroulant "Position du sélecteur" situé dans le menu de gauche. Cliquez ensuite sur "Réinitialiser la position par défaut".
4. Comment ajouter un sélecteur mobile
Vous pouvez ajouter autant de sélecteurs de langue que vous le souhaitez, même pour les différentes versions de votre site web (mobile et desktop, par exemple).
Tout d'abord, sélectionnez la version appropriée dans le coin inférieur gauche :
Cliquez ensuite sur l'icône plus dans le coin supérieur gauche :
Cela ajoutera un nouveau sélecteur de langue que vous pouvez faire glisser et déposer à l'endroit souhaité, puis cliquez sur "Save" pour appliquer vos modifications.
5. Comment changer le design du sélecteur
- Le nom de la langue (abrégé si l'option "Display the full language name" ("Afficher le nom complet de la langue") est désactivée, comme "en" pour l'Anglais, par exemple)
- Le nom complet de la langue
- Le type de sélecteur (lorsqu'il est désactivé, les options linguistiques s'affichent sous forme de liste)
- Les drapeaux de la langue et le type de drapeaux (rectangle brillant, rectangle mat, carré, cercle)
Vous pouvez également choisir un modèle prédéfini dans le menu déroulant "Choose a switcher template" et le personnaliser :
Enfin, vous pouvez modifier d'autres paramètres dans la section "Autres paramètres de l'aiguilleur" :
Dans cette section, vous pouvez modifier ces options :
- Si le sélecteur peut être ouvert en le survolant
- Si le sélecteur se ferme automatiquement en cliquant à l'extérieur de la page (s'il s'agit, par exemple, d'un sélecteur de liste déroulante)
- Si le sélecteur ne s'affiche que sur des tailles d'écran spécifiques
Une fois que vous avez configuré les paramètres souhaités, cliquez sur "Enregistrer", et c'est terminé.
Si vous souhaitez apporter d'autres modifications au design de votre sélecteur de langue, n'hésitez pas à consulter notre article dédié : Comment modifier le design du sélecteur de langue ?