Funcionamiento - Amazon Connect
Componentes básicosEjemplo de definición de componente de diseñoConfiguración dinámica de datos

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.

Funcionamiento

El explorador de perfiles ofrece varios widgets para mostrar la información de los clientes. Los diseños se almacenan como definiciones de JSON y representan la estructura y la configuración completas del panel de control. Cada widget y componente de tu diseño visual corresponde a un bloque JSON específico dentro de esta definición.

Componentes básicos

Cada componente de la definición del diseño se compone de cinco elementos comunes:

  • Tipo

    • Define la categoría de componentes

    • Determina cómo se representa el componente

    • Ejemplos: BoardItem, Tabla, KeyValuePair

  • Id

    • Identificador único para cada componente

    • Se utiliza para el seguimiento y las actualizaciones de los componentes

    • Se genera automáticamente cuando los componentes se crean en el generador

  • Accesorios

    • Propiedades específicas de los componentes

    • Controla la apariencia y el comportamiento

    • Contiene los ajustes de configuración

  • Niños

    • Componentes o contenido anidados

    • Define las relaciones jerárquicas

    • Puede contener varios subcomponentes

  • DataSource

    • Especifica el origen de los datos

    • Define los parámetros de recuperación de datos

    • Controla el enlace de datos de los componentes

Ejemplo de definición de componente de diseño

A continuación, se muestra un ejemplo de estructura JSON para un componente de tabla de cuadros de mando:

{
    "Id": "unique-identifier",
    "Type": "BoardItem",
    "Props": {},
    "Children": [
        {
            "Id": "unique-identifier",
            "Type": "Table",
            "Props": {},
            "Children": [
                {
                    "Id": "unique-identifier",
                    "Type": "TextContent",
                    "Props": {},
                    "Children": ["string"]
                }
            ]
        }
    ],
    "DataSource": [
        {
            "Type": "source-type",
            "Params": {}
        }
    ]
}

Configuración dinámica de datos

El explorador de perfiles utiliza expresiones de plantilla para acceder a los datos de los perfiles de los clientes y mostrarlos de forma dinámica en sus componentes.

Soporte de valor único

Para componentes como los pares de valores clave y las métricas clave, puede acceder a:

Información de perfil estándar

{{Customer.<StandardProfileInfo>}}

Ejemplo de uso:

  • {{Customer.FirstName}}

  • {{Customer.LastName}}

  • {{Customer.PhoneNumber}}

Atributos calculados

{{Customer.CalculatedAttributes.<attributeDefinitionName>}}

Ejemplo de uso:

  • {{Customer.CalculatedAttributes._cases_count}}

  • {{Customer.CalculatedAttributes._new_customer}}

Sintaxis de soporte de datos tabulares

Atributos calculados

{{Customer.CalculatedAttributes.DisplayName}}
{{Customer.CalculatedAttributes.CalculatedAttributeDefinitionName}}

Segmentos

{{Customer.CalculatedAttributes.DisplayName}}
{{Customer.CalculatedAttributes.SegmentDefinitionName}}

Objetos de perfil

{{Customer.ObjectAttributes.<objectTypeName>.<fieldName>}}

Ejemplo de uso:

  • {{Customer.ObjectAttributes.CTR.contactId}}

  • {{Customer.ObjectAttributes.Order.orderId}}

Ejemplos de implementación

Componente de valor único

{
    "Type": "KeyValuePair",
    "Props": {
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["Customer Name"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.FirstName}}"]
                    }
                }
            }
        ]
    }
}

Componente tabular

{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Cell": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.ObjectAttributes.CTR.contactId}}"]
                    }
                },
                "Header": "Contact ID"
            }
        ]
    }
}
nota

Asegúrese de que los atributos, objetos y segmentos a los que hace referencia existan en la configuración de sus perfiles de cliente antes de utilizarlos en su diseño.