AX - Tarjeta de Perfil

Resumen

AX - Tarjeta de Perfil es un componente de Experience Cloud que muestra información de usuario o contacto en un formato de tarjeta con estilo, con fotos de perfil, nombres, detalles y opciones de imágenes de fondo en las páginas de Experience Sites.

Úsalo para mostrar miembros del equipo, contactos de clientes, representantes de socios o colaboradores de la comunidad con un formato visual coherente. Configura qué campos aparecen, añade imágenes de perfil, personaliza el estilo e incluye botones de acción en Experience Builder.

Perfecto para directorios de equipo, listas de contactos, perfiles de miembros de la comunidad, secciones de "Conozca a su representante" o cualquier lugar de tu portal que necesite presentaciones profesionales de perfiles.

Este componente aprovecha los espacios (slots) para la personalización avanzada, lo que lo hace ideal para sitios LWR. Los sitios Aura no admiten este nivel de personalización.

Tutoriales

Nombre	Descripción
Configurando la Tarjeta de Perfil para mostrar la información del usuario actual	Configura una Tarjeta Avonni para mostrar información del usuario en Experience Cloud, mejorando la personalización.

Ranuras

El componente Avonni Profile Card ofrece una forma flexible y dinámica de presentar una amplia gama de información mediante ranuras. Estas ranuras son áreas designadas dentro del componente donde se pueden insertar diversos otros componentes, permitiendo una amplia personalización y funcionalidad.

Tipos de Ranuras

1. Ranura de Contenido:

   • El área principal para información detallada.

   • Ideal para añadir elementos diversos como texto, listas, imágenes o componentes personalizados.

   • Puede usarse para mostrar datos completos o elementos interactivos.

2. Ranura de Encabezado:

   • Dedicada a títulos, encabezados o contenido introductorio.

   • Adecuada para etiquetas de texto, avatares, iconos o cualquier componente que proporcione contexto.

   • Mejora la comprensión inmediata del propósito de la Tarjeta de Perfil.

3. Ranura de Acciones:

   • Reservada para elementos interactivos como botones o enlaces.

   • Facilita la interacción del usuario, ofreciendo acciones como editar perfiles o navegación.

   • Aumenta la interactividad y el compromiso del usuario con la tarjeta.

Configuración

🎛️ Propiedades

Nombre	Descripción	Uso
Título y Estilo de Texto del Título	Define el título y su apariencia eligiendo entre una variedad de estilos de texto como H1, H2, H3, H4, P1 y P2.	Utiliza esto para darle a tu tarjeta de perfil un encabezado destacado y estilizado que capte la atención.
Subtítulo y Estilo de Texto del Subtítulo	Añade un subtítulo y personaliza su apariencia, permitiendo información contextual adicional con opciones de estilo.	Usa los subtítulos para proporcionar información extra, como un puesto o departamento, aumentando la exhaustividad de la tarjeta de perfil.
Fondo CMS o URL de Fondo	Personaliza el fondo eligiendo una imagen del CMS o proporcionando una URL, permitiendo un telón de fondo visualmente enriquecido.	Una imagen de fondo bien elegida puede añadir profundidad y contexto al perfil, mejorando su atractivo visual.
Imagen de Avatar del CMS o URL de la Imagen de Avatar	Define el avatar seleccionando una imagen del CMS o usando una URL, permitiendo un toque personal en la representación del perfil.	Los avatares añaden un toque personal, haciendo que el perfil sea más atractivo y cercano.
Variante y Tamaño del Avatar	Personaliza la forma y el tamaño del avatar, eligiendo variantes como círculo o cuadrado y tamaños que van de extra pequeño a extra grande.	Ajusta la apariencia del avatar para que se adapte a la estética de diseño general de la tarjeta de perfil, asegurando coherencia visual y atractivo.
Posición del Avatar	Coloca el avatar en la tarjeta, eligiendo ubicaciones como arriba a la izquierda, arriba al centro o abajo a la derecha, entre otras.	Ajusta la posición del avatar para lograr un diseño equilibrado y armonioso dentro de la tarjeta de perfil.

🎨 Estilizado