# AX - Dettaglio record

## Panoramica

**AX - Dettaglio record** è un componente di Experience Cloud che visualizza i campi e i dettagli dei record Salesforce in un layout personalizzabile nelle pagine dei siti Experience.

Usalo per mostrare agli utenti del portale informazioni dettagliate su record specifici, come dettagli dell’account, informazioni sui casi, specifiche degli ordini o dati di oggetti standard o personalizzati. Configura quali campi vengono visualizzati, il loro layout e lo stile in Experience Builder senza codice.

Perfetto per pagine di dettaglio dell’account, viste di dettaglio dei casi, visualizzazioni delle informazioni sugli ordini o ovunque gli utenti del portale debbano vedere informazioni complete sui record in un formato personalizzato.

***

## Per iniziare

Usa questo semplice tutorial per apprendere le basi del componente Dettaglio record e iniziare a sviluppare i tuoi casi d’uso.

{% @arcade/embed flowId="F3WnyWtZCFNcb07r05cm" url="<https://app.arcade.software/share/F3WnyWtZCFNcb07r05cm>" %}

***

## Opzioni di configurazione

### **Nome oggetto**

Specifica l’oggetto Salesforce che vuoi visualizzare (ad es. Account, Contatto, Opportunità, Caso). Questo determina il tipo di record che il componente recupererà e presenterà.

### **ID record**

Fornisci l’identificativo univoco del record specifico che vuoi visualizzare. Questo garantisce che il componente recuperi e visualizzi le informazioni corrette.

#### Esempio

Immagina di voler aggiungere il componente Dettaglio record a una pagina relativa a un account specifico. Per mostrare i dettagli di quell’account nella pagina (anziché di un account qualsiasi), dovrai usare una speciale espressione di Experience Cloud. Questa indica al componente di visualizzare dinamicamente i dettagli dell’account che l’utente sta attualmente visualizzando.

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FJdQltF6RELKiE4iUEK13%2F2024-07-05_16-26-43.png?alt=media&#x26;token=9b920b24-f426-460c-a96d-1a1ab7651df6" alt=""><figcaption></figcaption></figure>

```
{!recordId}
```

### **Sola lettura (interruttore)**

Scegli se gli utenti possono modificare direttamente i dati del record visualizzato nel tuo sito Experience Cloud. Abilita questa opzione per una vista statica e informativa, oppure disabilitala per consentire agli utenti di aggiornare i dettagli del record.

### **Layout**

Seleziona uno stile di layout:

* **Completo:** Visualizza tutti i campi disponibili in un formato dettagliato, perfetto per vedere tutto.
* **Compatto:** Mostra solo i campi più importanti per risparmiare spazio, ideale per una panoramica rapida.
* **Personalizzato:** Adatta il layout alle tue esigenze specifiche. Scegli manualmente quali campi visualizzare e disponili nell’ordine desiderato

<figure><img src="https://4258905998-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2FCrMiIjXHCYIaf0tQb3uF%2FJuly%203%202024.gif?alt=media&#x26;token=adc06821-a3e8-4430-9534-057c44b279fa" alt=""><figcaption><p>Editor del layout personalizzato</p></figcaption></figure>

### **Numero di colonne**

Definisci come i campi del record sono distribuiti nel componente. Scegli più colonne per un layout strutturato e tabellare oppure una singola colonna per una presentazione verticale e più essenziale.

### **Densità**

Controlla la spaziatura tra gli elementi del componente per una leggibilità ottimale:

* **Comoda:** Fornisce una spaziatura generosa per un’esperienza di lettura rilassata.
* **Compatto:** Usa una spaziatura più ridotta per una visualizzazione più compatta.
* **Automatica:** Regola automaticamente la spaziatura in base alle dimensioni dello schermo e allo spazio disponibile.

***

## Esempi di casi d'uso

### Esempio 1: pannello evidenziazione account

{% @arcade/embed flowId="4kdHqm6vhNkcnPUq42E7" url="<https://app.arcade.software/share/4kdHqm6vhNkcnPUq42E7>" %}

Dai alle pagine dei tuoi account un impatto visivo immediato mettendo in evidenza le informazioni più importanti dell’account in un pannello pulito e facile da consultare. Questa configurazione estrae i campi chiave direttamente dal record Account e li visualizza in un formato compatto, proprio dove servono al tuo team.

***

#### **Cosa otterrai**

* **Consultazione più rapida dell’account:** I dettagli chiave dell’account sono immediatamente visibili senza aprire il record completo
* **Presentazione coerente:** Un pannello evidenziazione strutturato crea un’esperienza uniforme su tutte le pagine account

***

#### **Prima di iniziare**

* **Componente scheda profilo:** Facoltativamente usa un componente scheda profilo come contenitore per incorniciare il pannello evidenziazione

***

**Come configurarlo:**

{% stepper %}
{% step %}

#### **Aggiungi il componente alla pagina elenco Account**

* Trascina il componente AX - Dettaglio record in Experience Builder nella pagina elenco Account
  {% endstep %}

{% step %}

#### **Configura l'origine dati**

* Imposta Nome oggetto su `Account`
* Imposta ID record su `{!Item.Id}`
* Imposta Tipo di record su `Master`
* Imposta Layout su `Compatto`
  {% endstep %}

{% step %}

#### **Verifica la configurazione**

* Visualizza l’anteprima della pagina per confermare che il pannello evidenziazione mostri i campi corretti dell’account
  {% endstep %}
  {% endstepper %}

***

**Link**

{% content-ref url="ax-scheda-profilo" %}
[ax-scheda-profilo](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-scheda-profilo)
{% endcontent-ref %}

***

### Esempio 2: visualizzare i dettagli dell’account padre in un caso <a href="#id-4b86f04a-b256-490c-a0ee-834ee0a4e968" id="id-4b86f04a-b256-490c-a0ee-834ee0a4e968"></a>

{% @arcade/embed flowId="vu4akvJvLUqRGJUTl8Bv" url="<https://app.arcade.software/share/vu4akvJvLUqRGJUTl8Bv>" %}

Offri ai tuoi agenti del servizio un contesto immediato sull’account mentre lavorano su un caso, così possono personalizzare ogni interazione con il cliente senza cambiare scheda o cercare informazioni altrove.

***

#### **Cosa otterrai**

* **Vista Customer 360:** Gli agenti vedono i dettagli rilevanti dell’account direttamente nel caso, ottenendo un contesto completo del cliente a colpo d’occhio
* **Miglior tasso di risoluzione dei casi:** Un accesso più rapido alle informazioni dell’account consente agli agenti di concentrarsi sulla risoluzione del problema invece di cercare dettagli di contesto

***

#### **Prima di iniziare**

* **Pagine dell’oggetto Caso:** Assicurati di aver creato le pagine dell’oggetto Caso, in particolare la pagina Dettaglio caso, in Experience Builder

***

#### **Come configurarlo**

{% stepper %}
{% step %}

#### **Aggiungi il componente alla pagina Dettaglio caso**

* Trascina il componente AX - Dettaglio record in Experience Builder nella pagina Dettaglio caso
  {% endstep %}

{% step %}

#### **Configura l'origine dati**

* Imposta Nome oggetto su `Account`
* Imposta ID record su `{!Item.AccountId}`
* Imposta Tipo di record su `Master`
* Imposta Layout su `Compatto`
  {% endstep %}

{% step %}

#### **Verifica la configurazione**

* Visualizza l’anteprima della pagina per confermare che i dettagli dell’account padre vengano visualizzati correttamente nel record del caso
  {% endstep %}
  {% endstepper %}
