> 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-avatar-group.md). # AX - Grupo de Avatares ## Resumen **AX - Grupo de Avatares** es un componente de Experience Cloud que muestra varias fotos de perfil, iniciales o iconos en una fila compacta en las páginas de Experience Sites. Úsalo para mostrar miembros del equipo, colaboradores de proyectos, contactos de cuentas o cualquier grupo de usuarios o registros relacionados. El componente apila los avatares horizontalmente y muestra un indicador "+X" cuando hay más avatares de los que caben en el área de visualización. Perfecto para listas de miembros del equipo, grupos de colaboración, pantallas de asignación de casos o para mostrar quién tiene acceso a registros compartidos en portales de clientes o socios. *** ## **Opciones de configuración** ### **Fuente de datos** Indícale dónde encontrar la información para que tu Grupo de Avatares muestre a las personas correctas. Aquí es donde **Fuentes de datos** entran en juego. Piensa en ello como conectar tus avatares con el corazón de tus datos de Salesforce.
#### **Manual** Esta opción es ideal para equipos pequeños o situaciones en las que solo necesitas mostrar avatares para un evento o proyecto específico. 1. **Agregar a cada persona:** Introducirás sus detalles directamente en la configuración del Grupo de Avatares para cada individuo que quieras incluir. 2. **Proporciona información clave:** Esto incluye: * **Imagen del avatar:** Si tienes una imagen, puedes cargarla aquí. * **Iniciales:** Estas se mostrarán si no hay una imagen disponible. * **Otros detalles:** Puedes incluir información adicional como el cargo o el departamento de la persona. Aunque la opción Manual requiere más trabajo práctico, te da control total sobre quién se muestra en tu Grupo de Avatares. #### **Consulta** Esta opción es la ideal si tu equipo cambia con frecuencia o quieres que los avatares siempre coincidan con la información más reciente en tu organización de Salesforce. Así es como funciona: 1. **Elige tu objeto:** Selecciona el objeto de Salesforce (como Usuario, Contacto o un objeto personalizado) donde se encuentra la información de tu avatar. 2. **Mapea los datos:** Conecta los puntos entre los atributos de tu grupo de avatares (como Nombre, Cargo, Foto de perfil) y los campos correspondientes en el objeto que hayas elegido. Esto indica al Grupo de Avatares exactamente dónde encontrar los detalles correctos de cada persona. Usando la opción de Consulta, tu Grupo de Avatares se convierte en un reflejo dinámico de tus datos de Salesforce, mostrando siempre la información más precisa y actualizada. ### **Variante** * **Cuadrado:** Los avatares se muestran como cuadrados, con un aspecto clásico y limpio. * **Círculo:** Los avatares se muestran como círculos más modernos y amigables. * **Vacío:** Si no hay una imagen disponible, las iniciales o iconos de marcador de posición aparecen dentro de círculos o cuadrados vacíos. Elige esta opción para mantener la coherencia visual incluso cuando falten datos de imagen.
### **Tamaño** * Controla las dimensiones de cada avatar. Elige entre una gama de tamaños para adaptarlos al diseño y al contexto de tu sitio. Las opciones incluyen x-small, small, medium, large, x-large y xx-large. ### **Diseño** * **Apilado:** Los avatares se apilan verticalmente, ideal para espacios estrechos o barras laterales. * **Cuadrícula:** Los avatares se organizan en un diseño de cuadrícula, perfecto para mostrar un grupo más grande de usuarios o equipos. * **Lista:** Los avatares se muestran en una fila horizontal, lo cual es útil cuando el espacio es limitado, pero aun así quieres mostrar varios avatares. ### **Cantidad máxima** * Limita la cantidad de avatares mostrados en el grupo. Esto ayuda a mantener un diseño limpio y evita abrumar al usuario con demasiados elementos visuales. ### **Iniciales con formato automático (alternar)** * Activa esta opción para mostrar automáticamente las iniciales de los usuarios o equipos cuando no haya imágenes disponibles. Esto proporciona una representación visual coherente incluso cuando falten datos de imagen. ### Vincular a (haz que tus avatares sean interactivos) Piensa en esta sección como si le dieras a tus avatares un superpoder: ¡llevar a tus usuarios a un lugar nuevo cuando hacen clic!
#### ¿Por qué es útil? * **Perfiles de usuario:** Imagina mostrar a un equipo de expertos. Al configurar un enlace a una acción, hacer clic en un avatar podría abrir su página de perfil completa. * **Acciones personalizadas:** Tal vez quieras que un clic active un Flow específico o incluso redirija a un sitio web externo. #### Cómo funciona 1. **Elige tu tipo:** Selecciona a dónde quieres que el clic lleve a tus usuarios. Esto puede ser a una página de registro, una página personalizada, un Flow o una URL externa. 2. **Personaliza el nombre de la acción:** Al usar una interacción de navegación, elige el nombre de la acción que se invocará. Al usar la función Vincular a, tu Grupo de Avatares se convierte en más que una simple muestra de rostros; se convierte en una puerta de acceso a información o acciones adicionales. *** ## **Uso del componente Avonni Avatar Group** Estas opciones de configuración te permiten adaptar el componente Avonni Avatar Group a tus necesidades. Por ejemplo, puedes mostrar miembros del equipo en una página de proyecto, mostrar avatares de clientes en páginas de cuentas o crear listas visualmente atractivas de miembros de la comunidad. Recuerda que el componente Avonni Avatar Group es altamente adaptable. Puedes personalizar aún más su apariencia con estilo y apariencia, e incluso añadir elementos interactivos para hacer que los avatares sean clicables o vincularlos a perfiles de usuario. Aprovechando el componente Avonni Avatar Group, puedes crear una experiencia más personalizada e informativa para los usuarios de tu sitio de Experience Cloud, fomentando conexiones y destacando el elemento humano dentro de tu comunidad en línea. --- # 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-avatar-group.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.