# AX - Detalle del registro ## Descripción general **AX - Detalle del registro** es un componente de Experience Cloud que muestra los campos y detalles de registros de Salesforce en un diseño personalizable en las páginas de Experience Sites. Úsalo para mostrar a los usuarios del portal información detallada sobre registros específicos, como detalles de cuentas, información de casos, especificaciones de pedidos o datos de objetos estándar o personalizados. Configura qué campos aparecen, su diseño y el estilo en Experience Builder sin código. Perfecto para páginas de detalles de cuentas, vistas de detalles de casos, pantallas de información de pedidos o cualquier lugar donde los usuarios del portal necesiten ver información completa del registro en un formato personalizado. *** ## Primeros pasos Usa este sencillo tutorial para aprender los conceptos básicos del componente de detalles del registro y empezar a crear tus casos de uso. {% @arcade/embed flowId="F3WnyWtZCFNcb07r05cm" url="" %} *** ## Opciones de configuración ### **Nombre del objeto** Especifica el objeto de Salesforce que deseas mostrar (por ejemplo, Cuenta, Contacto, Oportunidad, Caso). Esto determina el tipo de registro que el componente recuperará y presentará. ### **ID del registro** Proporciona el identificador único del registro específico que deseas mostrar. Esto garantiza que el componente recupere y muestre la información correcta. #### Ejemplo Imagina que quieres agregar el componente de detalles del registro a una página sobre una cuenta específica. Para mostrar los detalles de esa cuenta en la página (en lugar de cualquier cuenta aleatoria), necesitarás usar una expresión especial de Experience Cloud. Esto le indica al componente que muestre dinámicamente los detalles de la cuenta que el usuario está viendo actualmente.
``` {!recordId} ``` ### **Solo lectura (alternar)** Elige si los usuarios pueden editar directamente los datos del registro mostrado en tu sitio de Experience Cloud. Habilita esta opción para una vista estática e informativa, o desactívala para permitir que los usuarios actualicen los detalles del registro. ### **Diseño** Selecciona un estilo de diseño: * **Completo:** Muestra todos los campos disponibles en un formato detallado, perfecto para verlo todo. * **Compacto:** Muestra solo los campos más importantes para ahorrar espacio, ideal para vistas generales rápidas. * **Personalizado:** Adapta el diseño a tus necesidades específicas. Elige manualmente qué campos mostrar y organízalos en el orden que desees

Editor de diseño personalizado

### **Número de columnas** Define cómo se organizan los campos del registro en el componente. Elige varias columnas para un diseño estructurado y tabular o una sola columna para una presentación vertical y simplificada. ### **Densidad** Controla el espaciado entre los elementos del componente para una legibilidad óptima: * **Cómodo:** Proporciona un espaciado amplio para una experiencia de lectura relajada. * **Compacto:** Utiliza un espaciado más reducido para una vista más compacta. * **Auto:** Ajusta automáticamente el espaciado según el tamaño de la pantalla y el espacio disponible. *** ## Ejemplos de casos de uso ### Ejemplo 1: Panel destacado de cuenta {% @arcade/embed flowId="4kdHqm6vhNkcnPUq42E7" url="" %} Dale a tus páginas de cuenta un impacto visual inmediato mostrando la información más crítica de la cuenta en un panel destacado limpio y fácil de escanear. Esta configuración extrae los campos clave directamente del registro de Cuenta y los muestra en un formato compacto, justo donde tu equipo los necesita. *** #### **Lo que lograrás** * **Lectura más rápida de cuentas:** Los detalles clave de la cuenta están visibles de inmediato sin abrir el registro completo * **Presentación uniforme:** Un panel destacado estructurado crea una experiencia uniforme en todas las páginas de cuenta *** #### **Antes de comenzar** * **Componente de tarjeta de perfil:** Opcionalmente, usa un componente de tarjeta de perfil como contenedor para enmarcar tu panel destacado *** **Cómo configurarlo:** {% stepper %} {% step %} #### **Agrega el componente a tu página de lista de Cuentas** * Arrastra el componente AX - Detalle del registro a Experience Builder en la página de lista de Cuentas {% endstep %} {% step %} #### **Configura la fuente de datos** * Establece el Nombre del objeto en `Cuenta` * Establece el ID del registro en `{!Item.Id}` * Establece el Tipo de registro en `Master` * Establece el Diseño en `Compacto` {% endstep %} {% step %} #### **Revisa tu configuración** * Previsualiza la página para confirmar que el panel destacado muestra los campos correctos de la cuenta {% endstep %} {% endstepper %} *** **Enlaces** {% content-ref url="/pages/df4acbb907e4cf7ef56d5f7f91e15709688f2a5a" %} [AX - Tarjeta de perfil](/experience-cloud/experience-cloud-es/experience-components/ax-tarjeta-de-perfil.md) {% endcontent-ref %} *** ### Ejemplo 2: Mostrar los detalles de la cuenta principal en un caso {% @arcade/embed flowId="vu4akvJvLUqRGJUTl8Bv" url="" %} Proporciona a tus agentes de servicio un contexto inmediato de la cuenta mientras trabajan en un caso, para que puedan personalizar cada interacción con el cliente sin cambiar de pestaña ni buscar información en otro lugar. *** #### **Lo que lograrás** * **Vista 360 del cliente:** Los agentes ven los detalles relevantes de la cuenta directamente en el caso, proporcionando un contexto completo del cliente de un vistazo * **Mejora de la tasa de resolución de casos:** Un acceso más rápido a la información de la cuenta permite que los agentes se concentren en resolver el problema en lugar de buscar detalles de contexto *** #### **Antes de comenzar** * **Páginas del objeto Caso:** Asegúrate de haber creado páginas del objeto Caso, específicamente la página de Detalle del caso, en Experience Builder *** #### **Cómo configurarlo** {% stepper %} {% step %} #### **Agrega el componente a tu página de Detalle del caso** * Arrastra el componente AX - Detalle del registro a Experience Builder en la página de Detalle del caso {% endstep %} {% step %} #### **Configura la fuente de datos** * Establece el Nombre del objeto en `Cuenta` * Establece el ID del registro en `{!Item.AccountId}` * Establece el Tipo de registro en `Master` * Establece el Diseño en `Compacto` {% endstep %} {% step %} #### **Revisa tu configuración** * Previsualiza la página para confirmar que los detalles de la cuenta principal se muestran correctamente en el registro del caso {% endstep %} {% endstepper %} --- # 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-es/experience-components/ax-detalle-del-registro.md?ask= ``` 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.