Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.
# Widget personalizzati
Crea da zero componenti della dashboard personalizzati per soddisfare esigenze aziendali specifiche. I widget personalizzati consentono di creare visualizzazioni uniche senza dati predefiniti.
![\[Aggiungi i widget dei clienti nel layout dell’Esploratore di profili.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/custom-widgets-1.png)
## Componenti personalizzati disponibili
+ [Tabella](#table-widget)
+ [Coppia chiave-valore](#key-value-pair)
+ [Metrica chiave](#key-metric)
+ [Grafico ad anello](#donut-chart)
## Creazione di widget personalizzati
**Ogni widget personalizzato può essere configurato con:**
+ Origini dati personalizzate
+ Display personalizzati
+ Campi personalizzati
+ Interazioni con gli elementi personalizzate
## Tabella
Il componente tabella personalizzata offre opzioni di configurazione flessibili per la visualizzazione dei dati in formato tabulare, con funzionalità avanzate per l’interazione e l’organizzazione.
### Funzionalità
1. **Configurazioni delle colonne**
+ Definisci le intestazioni di colonna personalizzate
+ Specifica i dati per ogni colonna
+ Imposta le opzioni di formattazione dei dati
+ Definisci il posizionamento delle colonne
1. **Filtraggio**
+ Filtra rapidamente gli elementi all’interno della tabella
1. **Collegamento**
+ Connetti i link alle risorse
+ Navigazione senza interruzioni verso:
+ Segmenti
+ Attributi calcolati
+ Si apre in una nuova scheda
+ **Link agli URL esterni**
+ Converti il valore dell'elemento di riga in URLs quello che puoi scegliere
+ Si apre in una nuova scheda
+ Genera dinamicamente collegamenti in base ai dati delle righe
+ Link alla visualizzazione del cassetto
+ Apri le informazioni dettagliate in un cassetto laterale
+ Visualizza i dettagli completi del record senza uscire dalla pagina
1. Organizzazione dei dati
+ Raggruppamento
+ Raggruppa le righe in base a nomi di campo specifici
+ Impostazioni di gruppo persistenti
+ Ordinamento
+ Ordina in base a qualsiasi campo di colonna
+ Organizzazione in ordine crescente
+ Impostazioni di ordinamento persistenti
**Figura 1**
![\[Esempio di modifica di widget di tabella personalizzati.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/table-features-1.png)
**Figura 2**
![\[Un altro esempio di modifica di widget di tabella personalizzati.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/table-features-2.png)
### Configurazione di esempio
```
{
"Type": "Table",
"Props": {
"ColumnDefinitions": [
{
"Header": "Table column header"
"Cell": {
"Content": {
"Props": {
"Variant": "Link",
"LinkOptions": {
"LinkType": "Drawer"
}
},
"Type": "TextContent",
"Children": ["string"]
}
},
}
]
}
}
```
## Coppia chiave-valore
Il componente Coppia chiave-valore consente di creare visualizzazioni organizzate di punti dati correlati in un formato flessibile e leggibile.
### Panoramica di
Crea visualizzazioni dinamiche dei dati definendo relazioni chiave-valore personalizzate. Questo componente è particolarmente utile per mostrare coppie di attributi come:
+ Dettagli del cliente
+ Informazioni sull’account
### Funzionalità
1. **Opzioni di link interattivi**
+ Connetti i link alle risorse
+ Link diretto alle risorse correlate
+ Navigazione senza interruzioni verso:
+ Attributi calcolati
+ Segmenti
+ Si apre in una nuova scheda
+ Link agli URL esterni
+ Converti il valore dell'articolo in URLs quello che puoi scegliere
+ Si apre in una nuova scheda
+ Link alla visualizzazione del cassetto
+ Apri le informazioni dettagliate in un cassetto laterale
+ Visualizza i dettagli completi senza uscire dalla pagina
1. Configurazione della colonna
+ Definizione di 1-4 colonne di coppie chiave-valore
1. Organizza le coppie in raggruppamenti logici
**Figura 1**
![\[Esempio di modifica di widget personalizzati per coppie chiave-valore.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/key-value-pair-features-1.png)
**Figura 2**
![\[Un altro esempio di modifica di widget con coppie chiave-valore personalizzate.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/key-value-pair-features-2.png)
### Configurazione di esempio
```
{
"Type": "KeyValuePair",
"Id": "UniqueId",
"Props": {
"Columns": 2,
"Items": [
{
"Label": {
"Content": {
"Type": "TextContent",
"Id": "UniqueId",
"Props": {
"FontWeight": "bold"
},
"Children": ["Profile id"]
}
},
"Value": {
"Content": {
"Type": "TextContent",
"Id": "UniqueId",
"Props": {},
"Children": ["[string]"]
}
}
}
]
}
}
```
**Nota**
Questo componente attualmente non supporta `ProfileObjects` nel generatore di interfacce utente.
## Metrica chiave
Il componente Key Metric consente di visualizzare in modo visibile le metriche aziendali critiche e le statistiche vitali in un formato facilmente comprensibile. KPIs
### Panoramica di
Crea display metrici ad alta visibilità che evidenziano punti dati, tendenze o indicatori di stato importanti. Questo componente è ideale per mostrare:
+ Indicatori delle prestazioni
+ Misurazioni critiche
+ Riepiloghi dello stato
+ Indicatori di tendenza
### Funzionalità
1. **Testo sul display di grandi dimensioni**
1. **Formato metrico**
1. **Opzioni di link interattivi**
+ Connetti i link alle risorse
+ Link diretto alle risorse correlate
+ Navigazione senza interruzioni verso:
+ Attributi calcolati
+ Segmenti
+ Si apre in una nuova scheda
+ Link agli URL esterni
+ Converti il valore dell'articolo in URLs quello che puoi scegliere
+ Si apre in una nuova scheda
+ Link alla visualizzazione del cassetto
+ Apri le informazioni dettagliate in un cassetto laterale
+ Visualizza i dettagli completi senza uscire dalla pagina
1. **Organizza il layout delle metriche**
**Figura 1**
![\[Esempio di modifica di widget con metriche chiave personalizzate.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/key-metric-features-1.png)
**Figura 2**
![\[Un altro esempio di modifica di widget con metriche chiave personalizzate.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/key-metric-features-2.png)
### Configurazione di esempio
```
{
"Type": "KeyMetrics",
"Props": {
"MetricDefinitions": [
{
"MetricLabel": "Total Revenue",
"MetricValue": {
"Content": {
"Type": "TextContent",
"Props": {
"Format": "USD",
"FontSize": "large",
"FontWeight": "bold"
},
"Children": ["[string]"]
}
},
"Columns": 1
}
]
}
}
```
**Nota**
Questo componente attualmente non supporta `ProfileObjects` nel generatore di interfacce utente.
## Grafico ad anello
Il componente Grafico ad anello consente la visualizzazione del punteggio della valutazione attraverso un grafico circolare ad anello.
### Panoramica di
Crea visualizzazioni dinamiche della valutazione definendo criteri di punteggio personalizzati. Questo componente è particolarmente utile per mostrare:
+ Parametri di riuscita
+ Percentuali di successo
+ Valutazioni del rischio
+ Indicatori delle prestazioni
### Funzionalità
1. Opzioni di analisi della valutazione
+ Sentiment positivo
+ Inizia da zero
+ Monitora i risultati in base a criteri:
+ Valori in punti personalizzati
+ Segmenti con codice a colori
+ Grigio per condizioni non soddisfatte
+ Mostra la percentuale di successo
+ Sentiment negativo
+ Inizia dal valore massimo
+ Tiene traccia delle deduzioni:
+ Segmenti con codice a colori
+ Sistema di riduzione dei punti
+ Verde per il valore residuo
+ Mostra il punteggio finale
1. Nome attributo calcolato
1. Opzioni dell’operatore
+ Equal to
+ Not Equal to
+ Greater Than
+ Less Than
1. Valore della condizione
1. Punti assegnati per condizione
**Figura 1: esempio di valutazione positiva**
![\[Esempio di modifica del widget Valutazione positiva.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/donut-chart-features-1.png)
**Figura 2: esempio di valutazione negativa**
![\[Esempio di modifica del widget Valutazione negativa.\]](http://docs.aws.amazon.com/it_it/connect/latest/adminguide/images/donut-chart-features-2.png)
### Configurazione di esempio
```
{
"Type": "DonutChart",
"Props": {
"Variant": "PositiveSentiment",
"ConditionDefinitions": [
{
"Title": "Customer Satisfaction",
"Color": "#4CAF50",
"CalculatedAttribute": "satisfaction_score",
"Operator": "GREATER_THAN",
"ValueCondition": 8,
"Points": 10
}
]
}
}
```
**Nota**
**Al momento, i grafici ad anello supportano solo gli attributi calcolati come origine dati**.
**Tutte le definizioni delle condizioni devono includere un titolo, un colore, un attributo calcolato, un operatore, una condizione di valore e un valore in punti**.