> 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-es/experience-components/ax-language-selector.md).
# AX - Selector de idioma
## Resumen
**AX - Selector de idioma** es un componente de Experience Cloud que muestra un selector de idioma en las páginas de Experience Sites, permitiendo a los usuarios del portal cambiar entre los idiomas disponibles.
Úsalo para proporcionar soporte multilingüe a clientes o socios internacionales. El componente muestra todos los idiomas activos configurados para tu Experience Site y actualiza el contenido de la página cuando los usuarios seleccionan un idioma diferente.
Perfecto para portales globales de clientes, sitios internacionales para socios, centros de soporte multirregionales o cualquier portal que atienda a usuarios que hablan distintos idiomas.
🔀 Diferencias entre el idioma estándar de Salesforce y el Selector de idioma de Avonni
El Selector de idioma de Avonni supera al selector de idioma estándar de Salesforce al ofrecer:
1. **Agrupación de idiomas:** Organiza los idiomas por región u otros criterios para una experiencia fácil de usar.
2. **Personalización visual:** Adapta el aspecto del selector al diseño de tu sitio web.
3. **Funcionalidad avanzada:** Aprovecha funciones como la personalización del nubbin del menú y desencadenadores de menú flexibles que no están disponibles en el selector estándar.
Con el Selector de idioma de Avonni, puedes crear una experiencia multilingüe que sea funcional, visualmente atractiva y perfectamente alineada con la identidad única de tu sitio web.
## **Preparando el terreno: configuraciones básicas**
### **Etiqueta**
* Personaliza la etiqueta mostrada encima del menú de selección de idioma.
* Como alternativa, activa la opción "Usar el idioma actual como etiqueta" para mostrar dinámicamente el idioma seleccionado actualmente como etiqueta.
### **Grupos de idiomas**
* Organiza varios idiomas en columnas distintas usando la función Grupos de idiomas.
* Asegúrate de que los idiomas que selecciones estén activos y disponibles en tu sitio.
## **Personalización visual**
### **Nombre y tamaño del ícono**
Elige un símbolo que represente la diversidad lingüística (¿un globo terráqueo, tal vez?) y ajusta su tamaño para que se adapte a la estética de tu sitio.
### **Variante**
Selecciona un estilo visual (bare, bare-inverse, base, border, border-filled, etc.) que se alinee con la estética de tu sitio.
### **Alineación del menú**
Selecciona un estilo visual (bare, bare-inverse, base, border, border-filled, etc.) que se alinee con la estética de tu sitio.
## **Comportamiento del menú**
### **Activador del menú**
¿Tus visitantes harán clic en un botón, pasarán el cursor sobre él o lo enfocarán para mostrar las opciones de idioma? Elige la interacción más intuitiva para tu audiencia.
### **Nubbin del menú**
Esta pequeña flecha es un toque sutil que apunta desde el menú de vuelta al componente, como una señal direccional.
### **Título del menú**
Dale a tu menú un título claro (por ejemplo, "Elige tu idioma") para mayor claridad.
## **Sugerencias útiles y accesibilidad**
### **Información sobre herramientas**
Cuando los usuarios pasen el cursor sobre el componente, proporciona una breve explicación o instrucciones mediante un tooltip.
### **Ocultar flecha hacia abajo**
Puedes ocultar el icono de flecha hacia abajo normalmente asociado con los menús desplegables si prefieres un aspecto más limpio.
### **Expandir**
Esta opción permite que el componente se expanda y ocupe su contenedor, garantizando un aspecto pulido.
### **Deshabilitado**
Desactiva temporalmente la funcionalidad de selección de idioma cuando sea necesario.
### **Alineación horizontal**
Controla la alineación horizontal del componente dentro de su contenedor (izquierda, centro, derecha).
Con el Selector de idioma de Avonni, tu sitio de Experience Cloud se convierte en un centro acogedor para una audiencia global. Los visitantes pueden elegir su idioma preferido sin esfuerzo, asegurando un recorrido fluido y agradable por tu contenido.
---
# 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, and the optional `goal` query parameter:
```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-es/experience-components/ax-language-selector.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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.