Widgets personalizados - Amazon Connect
Componentes personalizados disponiblesCreación de widgets personalizadosTablaPar clave-valorMétrica claveGráfico de anillos

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Widgets personalizados

Cree componentes de panel de control personalizados desde cero para satisfacer las necesidades específicas de su empresa. Los widgets personalizados le permiten crear visualizaciones únicas sin datos predefinidos.

Agregue widgets de clientes en el diseño del explorador de perfiles.

Componentes personalizados disponibles

Creación de widgets personalizados

Cada widget personalizado se puede configurar con:

  • Orígenes de datos personalizados

  • Pantallas personalizadas

  • Campos personalizados

  • Interacciones personalizadas entre elementos

Tabla

El componente de tabla personalizada ofrece opciones de configuración flexibles para mostrar los datos en formato tabular, con funciones avanzadas de interacción y organización.

Características

  1. Configuraciones de columnas

    • Defina encabezados de columna personalizados

    • Especifique los datos para cada columna

    • Configure las opciones de formato de datos

    • Defina la ubicación de las columnas

  2. Filtrado

    • Filtra rápidamente los elementos de tu tabla

  3. Vinculando

    • Enlaces de recursos de Connect

      • Navegación perfecta para:

        • Segmentos

        • Atributos calculados

      • Se abre en una nueva pestaña

    • Enlaces URL externos

      • Convierta el valor del elemento de la fila en el URLs que pueda elegir

      • Se abre en una nueva pestaña

      • Genere enlaces de forma dinámica en función de los datos de las filas

    • Vínculos con vista de cajones

      • Abre información detallada en el cajón lateral

      • Vea los detalles completos del registro sin salir de la página

  4. Organización de los datos

    • Agrupación

      • Agrupe las filas por nombres de campo específicos

      • Configuración de grupo persistente

    • Ordenar

      • Ordenar por cualquier campo de columna

      • Organización de orden ascendente

      • Configuración de clasificación persistente

Figura 1

Ejemplo de edición de un widget de tabla personalizado.

Figura 2

Otro ejemplo de edición de widgets de tablas personalizadas.

Configuración de ejemplo

{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Header": "Table column header"
                "Cell": {
                    "Content": {
                        "Props": {
                            "Variant": "Link",
                            "LinkOptions": {
                                "LinkType": "Drawer"
                            }
                        },
                        "Type": "TextContent",
                        "Children": ["string"]
                    }
                },
            }
        ]
    }
}

Par clave-valor

El componente Key Value Pair permite crear visualizaciones organizadas de puntos de datos relacionados en un formato flexible y legible.

Descripción general

Cree visualizaciones de datos dinámicas definiendo relaciones clave-valor personalizadas. Este componente es particularmente útil para mostrar pares de atributos como:

  • Detalles del cliente

  • Información de la cuenta

Características

  1. Opciones de enlaces interactivos

    • Connect: enlaces a recursos

      • Enlaza directamente a los recursos relacionados

      • Navegación perfecta a:

        • Atributos calculados

        • Segmentos

      • Se abre en una nueva pestaña

    • Enlaces URL externos

      • Convierte el valor del artículo en el URLs que puedas elegir

      • Se abre en una nueva pestaña

    • Enlaces con vista de cajones

      • Abre información detallada en el cajón lateral

      • Vea todos los detalles sin salir de la página

  2. Configuración de columnas

    • Defina de 1 a 4 columnas de pares clave-valor

  3. Organice los pares en agrupaciones lógicas

Figura 1

Ejemplo de edición de un widget de par clave-valor personalizado.

Figura 2

Otro ejemplo de edición de widgets de pares clave-valor personalizados.

Configuración de ejemplo

{
    "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

Actualmente, este componente no es compatible con ProfileObjects el generador de interfaces de usuario.

Métrica clave

El componente Key Metric le permite mostrar de forma destacada las métricas empresariales fundamentales y las estadísticas vitales en un formato fácil de digerir. KPIs

Descripción general

Cree pantallas de métricas de alta visibilidad que destaquen puntos de datos, tendencias o indicadores de estado importantes. Este componente es ideal para mostrar:

  • Indicadores de rendimiento

  • Mediciones críticas

  • Resúmenes de estado

  • Indicadores de tendencia

Características

  1. Texto de pantalla grande

  2. Formato métrico

  3. Opciones de enlace interactivo

    • Connect: enlaces a recursos

      • Enlaza directamente a los recursos relacionados

      • Navegación perfecta a:

        • Atributos calculados

        • Segmentos

      • Se abre en una nueva pestaña

    • Vínculos URL externos

      • Convierte el valor del artículo en el URLs que puedas elegir

      • Se abre en una nueva pestaña

    • Vínculos con vista de cajones

      • Abre información detallada en el cajón lateral

      • Vea todos los detalles sin salir de la página

  4. Organice el diseño de métricas

Figura 1

Ejemplo de edición de un widget de métrica clave personalizado.

Figura 2

Otro ejemplo de edición de widgets de métricas clave personalizados.

Configuración de ejemplo

{
    "Type": "KeyMetrics",
    "Props": {
        "MetricDefinitions": [
            {
                "MetricLabel": "Total Revenue",
                "MetricValue": {
                    "Content": {
                        "Type": "TextContent",
                        "Props": {
                            "Format": "USD",
                            "FontSize": "large",
                            "FontWeight": "bold"
                        },
                        "Children": ["[string]"]
                    }
                },
                "Columns": 1
            }
        ]
    }
}
nota

Actualmente, este componente no es compatible con ProfileObjects el generador de interfaces de usuario.

Gráfico de anillos

El componente de gráfico de anillos permite la visualización de la puntuación de sentimiento a través de un gráfico de anillos circular.

Descripción general

Cree visualizaciones dinámicas de opiniones definiendo criterios de puntuación personalizados. Este componente es particularmente útil para mostrar:

  • Métricas de éxito

  • Tasas de rendimiento

  • Evaluaciones de riesgos

  • Indicadores de rendimiento

Características

  1. Opciones de análisis de sentimientos

    • Sentimiento positivo

      • Empieza desde cero

      • Realiza un seguimiento de los logros según los criterios:

        • Valores de puntos personalizados

        • Segmentos codificados por colores

        • Gris para condiciones insatisfechas

      • Muestra el porcentaje de éxito

    • Sentimiento negativo

      • Comienza desde el valor máximo

      • Realiza un seguimiento de las deducciones:

        • Segmentos codificados por colores

        • Sistema de reducción de puntos

        • Verde para el valor restante

      • Muestra la puntuación final

  2. Valor de atributo calculado

  3. Opciones de operador

    • Igual a

    • No es igual a

    • Mayor que

    • Menos que

  4. Condición de valor

  5. Puntos asignados por condición

Figura 1: Ejemplo de sentimiento positivo

Ejemplo de edición de un widget de sentimiento positivo.

Figura 2: Ejemplo de sentimiento negativo

Ejemplo de edición de un widget de sentimiento negativo.

Configuración de ejemplo

{
    "Type": "DonutChart",
    "Props": {
        "Variant": "PositiveSentiment",
        "ConditionDefinitions": [
            {
                "Title": "Customer Satisfaction",
                "Color": "#4CAF50",
                "CalculatedAttribute": "satisfaction_score",
                "Operator": "GREATER_THAN",
                "ValueCondition": 8,
                "Points": 10
            }
        ]
    }
}
nota

  • Por el momento, Donuts solo admite los atributos calculados como fuente de datos.

  • Todas las definiciones de condiciones deben incluir un título, un color, un atributo calculado, un operador, una condición de valor y un valor en puntos.