

As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.

# Widgets
<a name="widgets"></a>

Explore os diferentes tipos de widgets disponíveis no Explorador de perfis.

## Visão geral do
<a name="widgets-overview"></a>

Os widgets no Explorador de perfis são elementos compostos baseados em componentes JSON dentro da sua definição de layout. Embora esses widgets representem estruturas JSON complexas, nosso construtor de interface de usuário lida com a composição técnica automaticamente, tornando o gerenciamento de painéis simples e acessível.

**Topics**
+ [Visão geral do](#widgets-overview)
+ [Widgets disponíveis](#available-widgets)
+ [Widgets padrão](default-widgets.md)
+ [Widgets personalizados](custom-widgets.md)

## Widgets disponíveis
<a name="available-widgets"></a>
+ Widgets padrão
  + [Resumo por IA generativa](default-widgets.md#generative-ai-summary)
  + [Informações do cliente](default-widgets.md#customer-information)
  + [Atributo calculado](default-widgets.md#calculated-attribute)
  + [Contatos](default-widgets.md#contacts)
  + [Casos](default-widgets.md#cases-cp)
  + [Pedidos](default-widgets.md#orders-cp)
  + [Ativos](default-widgets.md#assets-cp)
+ Widgets personalizados
  + [Tabela](custom-widgets.md#table-widget)
  + [Par de chave/valor](custom-widgets.md#key-value-pair)
  + [Métrica de chave](custom-widgets.md#key-metric)
  + [Gráfico de rosca](custom-widgets.md#donut-chart)

# Widgets padrão
<a name="default-widgets"></a>

O Explorador de perfis vem com uma coleção de widgets pré-configurados e projetados para funcionar perfeitamente com os dados do Customer Profiles. Esses widgets padrão oferecem valor imediato com configuração mínima, permitindo que você crie painéis sofisticados com apenas alguns cliques.

![\[Adicione widgets padrão no layout do explorador.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/default-widgets-1.png)


## Ready-to-use widgets
<a name="ready-to-use-widgets"></a>
+ [Resumo por IA generativa](#generative-ai-summary)
+ [Informações do cliente](#customer-information)
+ [Atributo calculado](#calculated-attribute)
+ [Contatos](#contacts)
+ [Casos](#cases-cp)
+ [Pedidos](#orders-cp)
+ [Ativos](#assets-cp)

**nota**  
Embora esses widgets venham pré-configurados, você ainda pode personalizá-los para melhor atender às suas necessidades específicas. Eles servem como ponto de partida para facilitar a integração.

## Resumo por IA generativa
<a name="generative-ai-summary"></a>

O Explorador de perfis fornece insights de clientes padrão baseados em IA para a geração de resumos concisos que destacam os principais padrões comportamentais, fornece insights de clientes personalizados com base no histórico de interações e apresentam recomendações acionáveis com base em dados completos dos clientes. Os resumos gerados por IA ajudam as organizações a tomar decisões baseadas em dados, identificando padrões em vários pontos de contato com o cliente, fornecendo insights comportamentais personalizados específicos para cada cliente e oferecendo suporte à melhoria das experiências do cliente e ao aumento da fidelidade.

![\[Widget Resumo por IA generativa.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/generative-ai-summary-1.png)


## Informações do cliente
<a name="customer-information"></a>

O widget Informações do cliente fornece uma visão clara e organizada dos dados padrão de perfis de cliente usando componentes de pares de chave/valor. Esse widget padrão exibe automaticamente as informações essenciais dos clientes em um formato facilmente verificável.

### Visão geral do
<a name="customer-information-overview"></a>

Esse widget utiliza o componente Par de chave/valor para exibir os atributos de clientes em um layout estruturado.
+ Nome
+ Sobrenome
+ Endereço de e-mail
+ Número de telefone
+ Endereço
+ Número da conta
+ ID do perfil

### Dados
<a name="customer-information-data"></a>

O widget se conecta automaticamente ao seu domínio do Customer Profiles e extrai informações dos atributos de perfil padrão. Nenhuma configuração adicional é necessária para a funcionalidade básica.

**Observação**: embora esse widget venha pré-configurado com atributos de perfil padrão, é possível personalizar quais atributos do perfil padrão são exibidos com base em suas necessidades específicas.

#### Saiba mais
<a name="customer-information-learn-more"></a>
+ [Definição de perfil padrão](standard-profile-definition.md)
+ Par de chave/valor

## Atributo calculado
<a name="calculated-attribute"></a>

O widget Atributo calculado permite que você exiba um componente Métrica de chave utilizando dados dos atributos calculados de seus perfis de cliente.

### Visão geral do
<a name="calculated-attribute-overview"></a>

O widget Atributo calculado permite que você exiba um componente Métrica de chave utilizando dados dos atributos calculados de seus perfis de cliente.

### Recursos do componente
<a name="component-features"></a>
+ Exibe métricas calculadas na forma de indicadores de valor único.

### Exemplos de casos de uso
<a name="example-use-cases"></a>
+ Campanhas entregues
+ Chamados abertos
+ Tempo médio de chamada
+ Preferência de canal

### Configuração
<a name="configuration"></a>

Basta selecionar o atributo calculado e escolher o formato de exibição preferido.

**nota**  
Os atributos calculados devem ser configurados em seu domínio do Customer Profiles antes de serem usados nesse widget.

**Saiba mais**
+ Métrica de chave
+ [Configurar atributos calculados](customerprofiles-calculated-attributes-admin-website.md)

## Contatos
<a name="contacts"></a>

Baseado no componente JSON de tabela, o widget Contatos exibe os dados de objetos de contato do Customer Profiles em um formato tabular organizado. Esse widget se conecta automaticamente aos dados de CTR do Customer Profiles, mostrando as principais informações de contato e o histórico de interações.

### Recursos
<a name="contacts-features"></a>
+ Visualizar todos os eventos de contato de clientes.
+ Classificar e filtrar registros de contato.
+ Personalizar os campos de contato exibidos.
+ Acessar informações de contato detalhadas.

Para obter mais informações sobre os objetos de CTR do Customer Profiles, consulte [Modelos de registro de contato no Amazon Connect Customer Profiles](ctr-contact-record-template.md).

## Casos
<a name="cases-cp"></a>

Baseado no componente JSON de tabela, o widget Chamados exibe os dados de objetos de chamado do Customer Profiles em um formato tabular organizado. Esse widget se conecta automaticamente aos dados de chamados do Customer Profiles, mostrando as interações de suporte e os detalhes do gerenciamento de chamados.

### Recursos
<a name="cases-features"></a>
+ Visualizar todos os chamados de clientes.
+ Classificar e filtrar registros de chamados.
+ Personalizar os campos de chamado exibidos.
+ Acessar informações de chamado detalhadas.

Para obter mais informações sobre os objetos de chamado do Customer Profiles, consulte [Mapeamento de tipo de objeto para o caso padrão no Customer Profiles](object-type-mapping-standard-case.md).

## Pedidos
<a name="orders-cp"></a>

Baseado no componente JSON de tabela, o widget Pedidos exibe os dados de objetos de pedido do Customer Profiles em um formato tabular organizado. Esse widget se conecta automaticamente aos dados de pedidos do Customer Profiles, mostrando o histórico de compras e os detalhes das transações.

### Recursos
<a name="orders-features"></a>
+ Visualizar todos os eventos de pedidos de clientes.
+ Classificar e filtrar registros de pedidos.
+ Personalizar os campos de pedido exibidos.
+ Acessar informações de pedido detalhadas.

Para obter mais informações sobre os objetos de pedido do Customer Profiles, consulte [Mapeamento de tipo de objeto para o pedido padrão no Amazon Connect Customer Profiles](object-type-mapping-standard-order.md).

## Ativos
<a name="assets-cp"></a>

Baseado no componente JSON de tabela, o widget Ativos exibe os dados de objetos de ativo do Customer Profiles em um formato tabular organizado. Esse widget se conecta automaticamente aos dados de ativos do Customer Profiles, mostrando produtos e serviços de propriedade do cliente.

### Recursos
<a name="assets-features"></a>
+ Visualizar todos os registros de ativos de clientes.
+ Classificar e filtrar dados de ativos.
+ Personalizar os campos de ativo exibidos.
+ Acessar informações de ativo detalhadas.

Para obter mais informações sobre os objetos de ativo do Customer Profiles, consulte [Mapeamento de tipo de objeto para o ativo padrão no Customer Profiles](object-type-mapping-standard-asset.md).

# Widgets personalizados
<a name="custom-widgets"></a>

Crie componentes de painel personalizados do zero para atender às suas necessidades comerciais específicas. Os widgets personalizados permitem que você crie visualizações exclusivas sem dados predefinidos.

![\[Adicione widgets de clientes no layout do Explorador de perfis.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/custom-widgets-1.png)


## Componentes personalizados disponíveis
<a name="available-custom-components"></a>
+ [Tabela](#table-widget)
+ [Par de chave/valor](#key-value-pair)
+ [Métrica de chave](#key-metric)
+ [Gráfico de rosca](#donut-chart)

## Criar widgets personalizados
<a name="building-custom-widgets"></a>

**Cada widget personalizado pode ser configurado com:**
+ Fontes de dados personalizadas
+ Exibições personalizadas
+ Campos personalizados
+ Interações personalizadas com itens

## Tabela
<a name="table-widget"></a>

O componente de tabela personalizada fornece opções de configuração flexíveis para exibição de dados em formato tabular, com recursos avançados para interação e organização.

### Recursos
<a name="table-features"></a>

1. **Configurações de coluna**
   + Defina cabeçalhos de colunas personalizados.
   + Especifique os dados para cada coluna.
   + Defina opções de formatação de dados.
   + Defina o posicionamento das colunas.

1. **Filtrando**
   + Filtre rapidamente os itens na tabela.

1. **Vinculando**
   + Links de recursos do Connect
     + Navegação perfeita para:
       + Segmentos
       + Atributos calculados
     + Abertura em uma nova guia.
   + **Links para URLs externos**
     + Converta o valor do item da linha no URLs que você pode escolher
     + Abertura em uma nova guia.
     + Gere links de forma dinâmica com base em dados de linha.
   + Links de visualização de gaveta
     + Abra informações detalhadas na gaveta lateral.
     + Visualize os detalhes completos do registro sem sair da página.

1. Organização de dados
   + Agrupamento
     + Agrupe linhas por nomes de campo específicos.
     + Configurações de grupo persistentes.
   + Classificação
     + Classifique por qualquer campo de coluna.
     + Organização em ordem crescente.
     + Configurações de classificação persistentes.

**Figura 1**

![\[Exemplo de edição de widget de tabela personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/table-features-1.png)


**Figura 2**

![\[Outro exemplo de edição de widget de tabela personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/table-features-2.png)


### Exemplo de configuração
<a name="table-example-configuration"></a>

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

## Par de chave/valor
<a name="key-value-pair"></a>

O componente Par de chave/valor permite criar exibições organizadas de pontos de dados relacionados em um formato flexível e legível.

### Visão geral do
<a name="key-value-pair-overview"></a>

Crie exibições dinâmicas de dados ao definir relações personalizadas de chave/valor. Esse componente é particularmente útil para mostrar pares de atributos, como:
+ Detalhes de clientes
+ Informações da conta

### Recursos
<a name="key-value-pair-features"></a>

1. **Opções de links interativos**
   + Links de recursos do Connect
     + Vinculação direta com recursos relacionados.
     + Navegação perfeita para:
       + Atributos calculados
       + Segmentos
     + Abertura em uma nova guia.
   + Links para URLs externos
     + Converta o valor do item no URLs que você pode escolher
     + Abertura em uma nova guia.
   + Links de visualização de gaveta
     + Abra informações detalhadas na gaveta lateral.
     + Visualize os detalhes completos sem sair da página.

1. Configuração de colunas.
   + Defina de 1 a 4 colunas de pares de chave/valor.

1. Organize os pares em agrupamentos lógicos.

**Figura 1**

![\[Exemplo de edição de widget de Par de chave/valor personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/key-value-pair-features-1.png)


**Figura 2**

![\[Outro exemplo de edição de widget de Par de chave/valor personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/key-value-pair-features-2.png)


### Exemplo de configuração
<a name="key-value-pair-example-configuration"></a>

```
{
    "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**  
Esse componente ainda não é compatível com `ProfileObjects` no construtor de interface de usuário.

## Métrica de chave
<a name="key-metric"></a>

O componente Key Metric permite que você exiba com destaque métricas comerciais críticas e estatísticas vitais em um formato de fácil digestão. KPIs

### Visão geral do
<a name="key-metric-overview"></a>

Crie exibições de métricas de alta visibilidade que destacam pontos de dados, tendências ou indicadores de status importantes. Esse componente é ideal para mostrar:
+ Indicadores de desempenho
+ Medições críticas
+ Resumos de status
+ Indicadores de tendência

### Recursos
<a name="key-metric-features"></a>

1. **Exibição de texto grande**

1. **Formato de métricas**

1. **Opções de links interativos**
   + Links de recursos do Connect
     + Vinculação direta com recursos relacionados.
     + Navegação perfeita para:
       + Atributos calculados
       + Segmentos
     + Abertura em uma nova guia.
   + Links para URLs externos
     + Converta o valor do item no URLs que você pode escolher
     + Abertura em uma nova guia.
   + Links de visualização de gaveta
     + Abra informações detalhadas na gaveta lateral.
     + Visualize os detalhes completos sem sair da página.

1. **Organização do layout das métricas**

**Figura 1**

![\[Exemplo de edição de widget de Métrica de chave personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/key-metric-features-1.png)


**Figura 2**

![\[Outro exemplo de edição de widget de Métrica de chave personalizado.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/key-metric-features-2.png)


### Exemplo de configuração
<a name="key-metric-example-configuration"></a>

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

**nota**  
Esse componente ainda não é compatível com `ProfileObjects` no construtor de interface de usuário.

## Gráfico de rosca
<a name="donut-chart"></a>

O componente de gráfico de rosca permite a visualização da pontuação de sentimentos por meio de um gráfico circular.

### Visão geral do
<a name="donut-chart-overview"></a>

Crie visualizações dinâmicas de sentimentos ao definir critérios de pontuação personalizados. Esse componente é particularmente útil para mostrar:
+ Métricas de sucesso
+ Taxas de sucesso
+ Avaliações de riscos
+ Indicadores de desempenho

### Recursos
<a name="donut-chart-features"></a>

1. Opções de análise de sentimentos
   + Sentimento positivo
     + Começa do zero
     + Monitora o sucesso com base em critérios:
       + Valores de pontos personalizados
       + Segmentos codificados por cores
       + Cinza para condições não atendidas
     + Mostra a porcentagem da taxa de sucesso
   + Sentimento negativo
     + Começa com o valor máximo
     + Rastreia as deduções:
       + Segmentos codificados por cores
       + Sistema de redução de pontos
       + Verde para o valor restante
     + Mostra a pontuação final

1. Nome do atributo calculado

1. Opções de operador
   + Igual a
   + Não é igual a
   + Maior que
   + Menor que

1. Condição de valor

1. Pontos atribuídos por condição

**Figura 1: exemplo de sentimento positivo**

![\[Exemplo de edição de widget de sentimento positivo.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/donut-chart-features-1.png)


**Figura 2: exemplo de sentimento negativo**

![\[Exemplo de edição de widget de sentimento negativo.\]](http://docs.aws.amazon.com/pt_br/connect/latest/adminguide/images/donut-chart-features-2.png)


### Exemplo de configuração
<a name="donut-chart-example-configuration"></a>

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

**nota**  
**No momento, os gráficos de rosca só oferecem suporte a atributos calculados como fonte de dados.**
**Todas as definições de condição devem incluir título, cor, atributo calculado, operador, condição de valor e valor de pontos.**