Widget personalizzati - Amazon Connect
Componenti personalizzati disponibiliCreazione di widget personalizzatiTabellaCoppia chiave-valoreMetrica chiaveGrafico ad anello

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.

Componenti personalizzati disponibili

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

  2. Filtraggio

    • Filtra rapidamente gli elementi all’interno della tabella

  3. 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 URL 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

  4. 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.

Figura 2

Un altro esempio di modifica di widget di tabella personalizzati.

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

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’elemento in URL 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

  2. Configurazione della colonna

    • Definizione di 1-4 colonne di coppie chiave-valore

  3. Organizza le coppie in raggruppamenti logici

Figura 1

Esempio di modifica di widget personalizzati per coppie chiave-valore.

Figura 2

Un altro esempio di modifica di widget con coppie chiave-valore personalizzate.

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 Metrica chiave consente di visualizzare in modo visibile metriche aziendali, KPI e statistiche fondamentali in un formato facilmente comprensibile.

Panoramica

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

  2. Formato metrico

  3. 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’elemento in URL 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

  4. Organizza il layout delle metriche

Figura 1

Esempio di modifica di widget con metriche chiave personalizzate.

Figura 2

Un altro esempio di modifica di widget con metriche chiave personalizzate.

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

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

  2. Nome attributo calcolato

  3. Opzioni dell’operatore

    • Equal to

    • Not Equal to

    • Greater Than

    • Less Than

  4. Valore della condizione

  5. Punti assegnati per condizione

Figura 1: esempio di valutazione positiva

Esempio di modifica del widget Valutazione positiva.

Figura 2: esempio di valutazione negativa

Esempio di modifica del widget Valutazione negativa.

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.