> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/experience-components/ax-language-selector.md).

# AX - Sélecteur de langue

## Aperçu

**AX - Sélecteur de langue** est un composant Experience Cloud qui affiche un sélecteur de langue sur les pages Experience Sites, permettant aux utilisateurs du portail de basculer entre les langues disponibles.

Utilisez-le pour offrir une prise en charge multilingue à vos clients ou partenaires internationaux. Le composant affiche toutes les langues actives configurées pour votre site Experience et met à jour le contenu de la page lorsque les utilisateurs sélectionnent une autre langue.

Idéal pour les portails clients mondiaux, les sites partenaires internationaux, les centres d’assistance multirégionaux ou tout portail destiné à des utilisateurs parlant différentes langues.

<details>

<summary>🔀 Différences entre le sélecteur de langue standard de Salesforce et le sélecteur de langue Avonni</summary>

Le sélecteur de langue Avonni surpasse le sélecteur de langue standard de Salesforce en proposant :

1. **Regroupement des langues :** Organisez les langues par région ou selon d'autres critères pour une expérience conviviale.
2. **Personnalisation visuelle :** Adaptez l’apparence du sélecteur au design de votre site Web.
3. **Fonctionnalités avancées :** Profitez de fonctionnalités comme la personnalisation du petit repère du menu et des déclencheurs de menu flexibles, indisponibles dans le sélecteur standard.

Avec le sélecteur de langue Avonni, vous pouvez créer une expérience multilingue fonctionnelle, visuellement attrayante et parfaitement alignée sur l'identité unique de votre site Web.

</details>

## **Mise en place : configurations de base**

### **Libellé**

* Personnalisez le libellé affiché au-dessus du menu de sélection de la langue.
* Vous pouvez également activer l’option « Utiliser la langue actuelle comme libellé » pour afficher dynamiquement la langue actuellement sélectionnée comme libellé.

<figure><img src="/files/1264f5a4da23c1af927da1f0b71deb78bcb9487e" alt="" width="563"><figcaption></figcaption></figure>

### **Groupes de langues**

* Organisez plusieurs langues en colonnes distinctes à l’aide de la fonctionnalité Groupes de langues.
* Assurez-vous que les langues que vous sélectionnez sont actives et disponibles sur votre site.

<figure><img src="/files/429c937b4450ab9774dfddfaf18d3982755a9f7d" alt="" width="306"><figcaption></figcaption></figure>

## **Personnalisation visuelle**

### **Nom et taille de l’icône**

Choisissez un symbole représentant la diversité linguistique (un globe, peut-être ?) et ajustez sa taille pour qu’elle s’harmonise avec l’esthétique de votre site.

### **Variante**

Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui s’accorde avec l’esthétique de votre site.

### **Alignement du menu**

Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui s’accorde avec l’esthétique de votre site.

## **Comportement du menu**

### **Déclencheur du menu**

Vos visiteurs cliqueront-ils sur un bouton, passeront-ils la souris dessus ou le sélectionneront-ils pour afficher les options de langue ? Choisissez l’interaction la plus intuitive pour votre public.

### **Nubbin du menu**

Cette petite flèche est un détail subtil qui relie le menu au composant, comme un panneau directionnel.

### **Titre du menu**

Attribuez un titre clair à votre menu (par exemple, « Choisissez votre langue ») pour plus de clarté.

## **Conseils utiles et accessibilité**

### **Info-bulle**

Lorsque les utilisateurs survolent le composant, fournissez une brève explication ou des instructions via une info-bulle.

### **Masquer la flèche vers le bas**

Vous pouvez masquer l’icône de flèche vers le bas généralement associée aux listes déroulantes si vous préférez un rendu plus épuré.

### **Étirement**

Cette option permet au composant de s’étendre et de remplir son conteneur, garantissant un rendu soigné.

### **Désactivé**

Désactivez temporairement la fonctionnalité de sélection de la langue lorsque nécessaire.

### **Alignement horizontal**

Contrôlez l’alignement horizontal du composant dans son conteneur (gauche, centre, droite).

Avec le sélecteur de langue Avonni, votre site Experience Cloud devient un espace accueillant pour un public mondial. Les visiteurs peuvent choisir leur langue préférée sans effort, garantissant une navigation fluide et agréable dans votre contenu.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/experience-components/ax-language-selector.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
