# 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 des sites Experience, permettant aux utilisateurs du portail de basculer entre les langues disponibles.

Utilisez-le pour fournir un support multilingue aux 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 langue différente.

Parfait pour les portails clients mondiaux, les sites partenaires internationaux, les centres d'assistance multi-régions ou tout portail desservant des utilisateurs parlant différentes langues.

<details>

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

Le sélecteur de langue Avonni dépasse le sélecteur de langue standard de Salesforce en offrant :

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 pour qu'elle corresponde au design de votre site.
3. **Fonctionnalités avancées :** Profitez de fonctionnalités telles que la personnalisation du “nubbin” 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, esthétiquement agréable et parfaitement alignée sur l'identité unique de votre site.

</details>

## **Préparer le terrain : configurations de base**

### **Étiquette**

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

<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 (une planète, par exemple ?) et ajustez sa taille pour l'adapter à l'esthétique de votre site.

### **Variante**

Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui correspond à l'esthétique de votre site.

### **Alignement du menu**

Sélectionnez un style visuel (bare, bare-inverse, base, border, border-filled, etc.) qui correspond à l'esthétique de votre site.

## **Comportement du menu**

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

Vos visiteurs cliqueront-ils sur un bouton, survoleront-ils ou focaliseront-ils dessus pour révéler les options de langue ? Choisissez l'interaction la plus intuitive pour votre public.

### **Nubbin du menu**

Cette petite flèche est une touche subtile qui pointe du menu vers le composant, comme un panneau directionnel.

### **Titre du menu**

Donnez à votre menu un titre clair (par ex. « Choisissez votre langue ») pour plus de clarté.

## **Conseils utiles et accessibilité**

### **Infobulle**

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

### **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 menus déroulants si vous préférez un aspect plus épuré.

### **Étirement**

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

### **Désactivé**

Désactivez temporairement la fonctionnalité de sélection de la langue si 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 hub accueillant pour un public mondial. Les visiteurs peuvent choisir facilement leur langue préférée, assurant un parcours fluide et agréable à travers votre contenu.


---

# Agent Instructions: 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-selecteur-de-langue.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.
