---
title: Widgets de experiência de uso
source: https://tdn.totvs.com/pages/viewpage.action?pageId=149880912
path: \Plataforma  Documentação técnica\Recurso de Páginas e Widgets (WCM)\Widgets de experiência de uso.md
---

![](..\..\images\espanhol.png) ¿Habla Español? Haga [clic aquí](https://tdn.totvs.com/x/b4nYCg) para ver la documentación en Español.

![](..\..\images\ingles.png) Do you speak English? [Click here](https://tdn.totvs.com/x/WDASCw) to view the documentation in English.

- 1 [Consulta Rápida](#Widgetsdeexperiênciadeuso-ConsultaRápida)
  - 1.1 [Requisitos](#Widgetsdeexperiênciadeuso-Requisitos)
  - 1.2 [Benefícios](#Widgetsdeexperiênciadeuso-Benefícios)
  - 1.3 [Configuração do widget Consulta Rápida no Fluig Plataforma](#Widgetsdeexperiênciadeuso-ConfiguraçãodowidgetConsultaRápidanoFluigPlataforma)
- 2 [Analytics](#Widgetsdeexperiênciadeuso-Analytics)
  - 2.1 [Requisitos](#Widgetsdeexperiênciadeuso-Requisitos.1)
  - 2.2 [Benefícios](#Widgetsdeexperiênciadeuso-Benefícios.1)
  - 2.3 [Configuração do widget Analytics no Fluig Plataforma](#Widgetsdeexperiênciadeuso-ConfiguraçãodowidgetAnalyticsnoFluigPlataforma)
- 3 [Acesso Centralizado](#Widgetsdeexperiênciadeuso-AcessoCentralizado)
  - 3.1 [Requisitos](#Widgetsdeexperiênciadeuso-Requisitos.2)
  - 3.2 [Benefícios](#Widgetsdeexperiênciadeuso-Benefícios.2)
  - 3.3 [Configuração do widget Acesso Centralizado no Fluig Plataforma](#Widgetsdeexperiênciadeuso-ConfiguraçãodowidgetAcessoCentralizadonoFluigPlataforma)

# Consulta Rápida

![](..\..\images\widget_acesso_centralizado.png)

### Requisitos

- Possuir as experiências de uso configuradas.
- Provisão do permissionamento no Identity.

### Benefícios

- Acesso rápido ao conteúdo dos sistemas em consultas típicas
- Agilidade para tomada de ações
- Uma única tela de acesso para o usuário

### Configuração do *widget* Consulta Rápida no Fluig Plataforma

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do *widget* Consulta Rápida no Fluig.

- Na edição da página em que deseja adicionar o *widget*, clique em **Adicionar novo *widget*** para incluí-lo no *slot*.

![](..\..\images\adicionar_novo_widget.png)

**Inclui novo *widget*.**

- Na janela Adicionar novo *widget*, o filtro Integrações separa os *widgets* relacionados às experiências de uso. Neste exemplo iremos adicionar o *widget* de Consulta Rápida, que permite ter acesso rápido aos relatórios simplificados.

![](..\..\images\Image%2007%2020%20002.png)

**Adicionar novo *widget* ao *slot* da página.**

- Ao adicionar o *widget,* a plataforma Fluig detecta as empresas do ERP vinculadas através do Identity.

- Iremos configurar o *widget* para retornar um relatório simplificado de pedidos por item da empresa "Matriz".

  **Título:** Definir um título

  **Consulta Rápida:** Posição de títulos em aberto A RECEBER

  **Selecionar versão da API:** selecionar qual versão da API deseja utilizar

  **Empresa:** Matriz

- Após configurar o *widget*, deve-se clicar em **Salvar** para guardar e aplicar as configurações.

![](..\..\images\consulta%20rapida.png)

**Configuração *widget* de consulta rápida.**

- Publique a página para que o novo *widget* configurado possa ser visualizado por todos os usuários.

![](..\..\images\publicar_pagina.png)

**Publicação da página com o *widget* Consulta Rápida****.**

- Ao visualizar a página, o relatório da consulta rápida será exibido.

- Caso necessário, é possível acessar a ajuda do *widget* através do ícone ![(interrogação)](..\..\images\help_16.svg) localizado no canto superior direito.

![](..\..\images\consulta%20r%C3%A1pida%20apresenta%C3%A7ao.PNG)

**Visualização do *widget* de consulta rápida.**

# Analytics

![](..\..\images\widget_analytics.png)

### Requisitos

- Instalação do TOTVS Fluig Plataforma integrada ao Identity.
- Aplicativo [Fluig Analytics](https://tdn.totvs.com/pages/viewpage.action?pageId=286207374) configurado no Identity.

### Benefícios

- Dashboards dinâmicos
- Dados de análise utilizados onde são necessários
- Acesso compartilhado com perfis de usuários
- Novas visões em minutos

### Configuração do *widget* Analytics no Fluig Plataforma

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do *widget* Analytics no Fluig.

- Na edição da página em que deseja adicionar o *widget*, clique em **Adicionar novo *widget*** para incluí-lo no *slot*.

![](..\..\images\adicionar_novo_widget.png)

**Incluir novo *widget*.**

- Na janela Adicionar novo *widget*, o filtro Integrações separa os *widgets* relacionados às experiências de uso. Neste exemplo iremos adicionar o *widget* Analytics que permite visualizar gráficos e *dashboards* do Analytics de forma fácil e rápida.

![](..\..\images\adicionar_analytics.png)

**Adicionar novo *widget* ao *slot* da página.**

- Após a inclusão do *widget* na página, é necessário informar os dados de configuração para que o *widget* possa apresentar os gráficos do projeto Fluig Analytics ou TOTVS Analytics.

- Informar o nome desejado para o *widget* Analytics no **Título**. No exemplo a seguir, o relatório apresentado será de comunidades mais acessadas, por isso o título do *widget* será definido como "TOP - Comunidades".

![](..\..\images\config_widget_analytics.png)

- O campo **URL** refere-se à URL do relatório no Analytics. Para obter esta informação, acessar o Analytics e navegar até o gráfico que será incluído na plataforma Fluig. Clicar na opção ***Embed***, copiar o conteúdo do campo URI e colar no campo **URL** das configurações do *widget*. [![](..\..\images\passo-a-passo.png)](https://www.youtube.com/user/fluigplatform) **[Veja o passo a passo](https://tdn.totvs.com/download/attachments/149880912/top_comunidades_embed.gif?version=1&modificationDate=1501078084000&api=v2)**
- O código da aplicação deve ser obtido no Identity. Para isso, acesse o menu **Aplicativos** e filtre pelos aplicativos GoodData. Acesse as propriedades do aplicativo GoodData configurado no Identity com o projeto Fluig/TOTVS Analytics e acione a opção **Mais informações**. Será apresentada uma janela com o código do aplicativo. Esse código deve ser copiado e colado no campo **Código da aplicação** das configurações do *widget*. [![](..\..\images\passo-a-passo.png)](https://www.youtube.com/user/fluigplatform) **[Veja o passo a passo](https://tdn.totvs.com/download/attachments/149880912/cod_aplicativo.gif?version=2&modificationDate=1593107046577&api=v2)**

- Publicar a página para que o novo *widget* configurado possa ser visualizado por todos os usuários.

![](..\..\images\publicar_pagina.png)

**Publicação da página com o *widget* Consulta Rápida****.**

- Ao visualizar a página, o relatório do Analytics será exibido.

- Caso necessário, é possível acessar a ajuda do *widget* através do ícone ![(interrogação)](..\..\images\help_16.svg) localizado no canto superior direito.

![](..\..\images\image2016-3-8%2014290.png)

***Widget* Analytics exibindo o relatório TOP - Comunidades**

# Acesso Centralizado

![](..\..\images\widget_acesso_centralizado.png)

### Requisitos

- Possuir as experiências de uso configuradas.
- Provisão do permissionamento no Identity.

### Benefícios

- Visão das rotinas disponibilizadas
- Acesso em ambientes locais e na nuvem
- Criação de listas de rotinas ligadas a um contexto

### Configuração do *widget* Acesso Centralizado no Fluig Plataforma

Acompanhe, movimentando-se nas abas abaixo, o passo a passo para configuração do *widget* Acesso Centralizado no Fluig.

- Na edição da página em que deseja adicionar o *widget*, clique em **Adicionar novo *widget*** para incluí-lo no *slot*.

![](..\..\images\adicionar_novo_widget.png)

**Incluir novo *widget*.**

- Na janela Adicionar novo *widget*, o filtro Integrações separa os *widgets* relacionados às experiências de uso. Neste exemplo iremos adicionar o *widget* de Acesso Centralizado que permite ter acesso fácil à rotinas de sistemas integrados ao Fluig.

![](..\..\images\adicionar_acesso_centralizado.png)

**Adicionar novo *widget* ao *slot* da página.**

- Ao adicionar o *widget*, o Fluig detecta as empresas do ERP vinculadas através do Identity.

- Iremos definir o título do *widget* como "Acesso centralizado".

- Na sequencia, informamos a quantidade de itens por página da lista. Ex: 8, 15, 30 ou 50.

- É possível configurar para acesso centralizado os seguintes tipos de menu:

**Completo:** exibe todas as rotinas de Menu do usuário na empresa selecionada.

**Favoritos:** exibe todas as rotinas de Menu do usuário na empresa selecionada que foram marcadas como favoritas.

**Mais acessados:** exibe as rotinas na ordem das mais acessadas para as menos acessadas.

**Lista personalizada:** permite que o administrador da página selecione a partir de uma lista as rotinas que serão exibidas para os usuários.

- Após configurar o *widget*, deve-se clicar em **Salvar** para guardar e aplicar as configurações.

![](..\..\images\image2016-3-8%2012057.png)

**Configuração *Widget* de acesso centralizado.**

- Publique a página para que o novo *widget* configurado possa ser visualizado por todos os usuários.

![](..\..\images\publicar_pagina.png)

**Publicação da página com o *widget* Acesso Centralizado****.**

- Ao visualizar a página, a página do menu será exibida.

- Caso necessário, é possível acessar a ajuda do *widget* através do ícone ![(interrogação)](..\..\images\help_16.svg) localizado no canto superior direito.

![](..\..\images\acesso%20centralizado%20-%20novo.PNG)

**Visualização do *widget* de acesso centralizado.**