# AX - Selettore lingua

## Panoramica

**AX - Selettore della lingua** è un componente di Experience Cloud che visualizza un selettore di lingua nelle pagine dei siti Experience, consentendo agli utenti del portale di passare tra le lingue disponibili.

Usalo per fornire supporto multilingue ai clienti o partner internazionali. Il componente mostra tutte le lingue attive configurate per il tuo sito Experience e aggiorna il contenuto della pagina quando gli utenti selezionano una lingua diversa.

Perfetto per portali clienti globali, siti partner internazionali, centri di supporto multi-regione o qualsiasi portale che serve utenti che parlano lingue diverse.

<details>

<summary>🔀 Differenze tra il Selettore di lingua standard di Salesforce e il Selettore di lingua Avonni</summary>

Il Selettore di lingua Avonni supera il selettore di lingua standard di Salesforce offrendo:

1. **Raggruppamento delle lingue:** Organizza le lingue per regione o altri criteri per un'esperienza più intuitiva per l'utente.
2. **Personalizzazione visiva:** Adatta l'aspetto del selettore per abbinarlo al design del tuo sito web.
3. **Funzionalità avanzate:** Approfitta di funzionalità come la personalizzazione del 'nubbin' del menu e trigger di menu flessibili non disponibili nel selettore standard.

Con il Selettore di lingua Avonni puoi creare un'esperienza multilingue funzionale, esteticamente gradevole e perfettamente allineata all'identità unica del tuo sito.

</details>

## **Preparare il terreno: configurazioni di base**

### **Etichetta**

* Personalizza l'etichetta visualizzata sopra il menu di selezione della lingua.
* In alternativa, attiva l'opzione "Usa la lingua corrente come etichetta" per visualizzare dinamicamente la lingua attualmente selezionata come etichetta.

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FfQoA5SuFjgSdQInI9EQC%2F2024-07-05_16-04-11.png?alt=media&#x26;token=a5874a43-fb1e-473a-b4a9-ccb78fde5b6f" alt="" width="563"><figcaption></figcaption></figure>

### **Gruppi di lingue**

* Organizza più lingue in colonne distinte utilizzando la funzione Gruppi di lingue.
* Assicurati che le lingue selezionate siano attive e disponibili sul tuo sito.

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FWw5aInrhSZNR5WZ1SWGt%2F2024-07-05_16-21-42.png?alt=media&#x26;token=aaf9940d-e73b-4c08-afc7-1cd036ac1816" alt="" width="306"><figcaption></figcaption></figure>

## **Personalizzazione visiva**

### **Nome e dimensione dell'icona**

Scegli un simbolo che rappresenti la diversità linguistica (forse un globo?) e regola la sua dimensione per adattarla all'estetica del tuo sito.

### **Variante**

Seleziona uno stile visivo (bare, bare-inverse, base, border, border-filled, ecc.) che si allinei all'estetica del tuo sito.

### **Allineamento del menu**

Seleziona uno stile visivo (bare, bare-inverse, base, border, border-filled, ecc.) che si allinei all'estetica del tuo sito.

## **Comportamento del menu**

### **Trigger del menu**

I tuoi visitatori cliccheranno un pulsante, lo passeranno con il mouse o lo focalizzeranno per mostrare le opzioni di lingua? Scegli l'interazione più intuitiva per il tuo pubblico.

### **Nubbin del menu**

Questa piccola freccia è un tocco sottile che punta dal menu al componente, come un segnale direzionale.

### **Titolo del menu**

Dai al tuo menu un titolo chiaro (es. "Scegli la tua lingua") per maggiore chiarezza.

## **Suggerimenti utili e accessibilità**

### **Tooltip**

Quando gli utenti passano il mouse sul componente, fornisci una breve spiegazione o istruzioni tramite un tooltip.

### **Nascondi la freccia verso il basso**

Puoi nascondere l'icona della freccia verso il basso solitamente associata ai menu a discesa se preferisci un aspetto più pulito.

### **Allungare**

Questa opzione permette al componente di espandersi e riempire il suo contenitore, garantendo un aspetto curato.

### **Disabilitato**

Disabilita temporaneamente la funzionalità di selezione della lingua quando necessario.

### **Allineamento orizzontale**

Controlla l'allineamento orizzontale del componente all'interno del suo contenitore (sinistra, centro, destra).

Con il Selettore di lingua Avonni, il tuo sito Experience Cloud diventa un punto di riferimento accogliente per un pubblico globale. I visitatori possono scegliere la lingua preferita con facilità, assicurando un percorso fluido e piacevole attraverso i tuoi contenuti.