> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

# Estatísticas de widget e microsite explicadas

Widgets e microsites de acesso verificado podem ser configurados para mostrar aos seus participantes as estatísticas de indicação, recompensa e do programa. Esse recurso permite que você mantenha os participantes cientes do que já conquistaram e do que podem buscar em seguida.

{% hint style="warning" %}
**Limitado**: Componentes, além dos fornecidos nos modelos dados, estão disponíveis apenas em determinadas edições do produto ou complementos. Se você quiser um controle mais granular sobre quais componentes seus widgets e microsites usam, entre em contato conosco para fazer o upgrade do seu programa.
{% endhint %}

### Ajuste as estatísticas exibidas aos participantes

Nossos modelos exibem, por padrão, algumas estatísticas gerais comuns para os seus participantes. Para mostrar mais estatísticas personalizadas dos seus programas aos seus participantes:

1. No menu de navegação à esquerda, selecione ![](/files/160944180402269557074f48f2ece20bc35e8b4d) **\[Engage] → Conteúdo**.
2. Abra o editor de conteúdo selecionando **Editar Widgets** ou **Editar conteúdo**.
   * Para obter ajuda com o uso dos editores, visite [Personalizar widgets do programa](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md) ou [Personalizar layouts e páginas do microsite](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages.md).
3. Selecione o programa *Widget* ou *Microsite* página que você deseja editar no painel lateral esquerdo.

<div data-with-frame="true"><figure><img src="/files/d8f25a2ff0449fe759085e4344ce1bd04d659a6e" alt="" width="375"><figcaption></figcaption></figure></div>

4. No menu do lado direito, selecione **Adicionar** → **Estatísticas** e escolha um dos *estatísticas* grupos.
   * Para editar uma estatística existente, selecione a estatística no canvas e então prossiga para a etapa 6 abaixo.
   * Para saber mais sobre os componentes de estatísticas disponíveis para você, consulte [Explicação dos componentes de Widget e Microsite](https://help.impact.com/brand/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained#statistics).
5. Encontre e selecione um ponto no canvas onde você gostaria de adicionar o componente de estatística.
6. Depois de selecionar seu componente e posicioná-lo no canvas, um construtor de estatísticas aparecerá no lado direito. Nesse painel à direita, você terá várias opções de edição para personalizar ainda mais seu componente. Veja a *referência de Estatísticas* abaixo.

### referência de Estatísticas

A seção a seguir cobre todas as configurações possíveis que podem aparecer em *Editar* aba.

#### **componentes de saldo de pontos, GiftCards ganhos, indicações e outras estatísticas**

As seguintes configurações são agrupadas com base na estatística do usuário que você selecionar no *Tipo* menu suspenso.

<details>

<summary>Indicação</summary>

Exibe a atividade de indicação do defensor. Você pode usar isso para motivar seus defensores, mostrando uma contagem em tempo real da atividade de indicação deles, permitindo que acompanhem o desempenho e obtenham insights sobre o que torna uma indicação bem-sucedida.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Período**                            | <p>Use o menu suspenso para limitar os dados de indicação a um período específico.</p><ul><li><strong>Todo o período</strong> - Calcula a estatística usando dados de todo o histórico do programa.</li><li><strong>Mês atual</strong> - Restringe o cálculo para incluir apenas os dados do mês-calendário atual.</li><li><strong>Semana atual</strong> - Restringe o cálculo para incluir apenas os dados da semana-calendário atual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Status da indicação**                | <p>Use o menu suspenso para segmentar seus dados de indicação com base no status de conversão.</p><ul><li><strong>Todas as indicações iniciadas</strong> - Inclui todas as indicações que foram iniciadas por um usuário, independentemente de terem resultado em uma conversão.</li><li><strong>Somente indicações convertidas</strong> - Inclui apenas as indicações que resultaram com sucesso em um resultado desejado (por exemplo, uma compra concluída, um cadastro).</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Todas as recompensas</summary>

Exibe todos os tipos de recompensas que um usuário possui. Você pode usar este tipo de estatística do usuário para promover a fidelidade de longo prazo dos seus defensores, destacando o valor cumulativo total que eles ganharam em todas as recompensas do seu programa.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Período**                                               | <p>Use o menu suspenso para limitar os dados de indicação a um período específico.</p><ul><li><strong>Todo o período</strong> - Calcula a estatística usando dados de todo o histórico do programa.</li><li><strong>Mês atual</strong> - Restringe o cálculo para incluir apenas os dados do mês-calendário atual.</li><li><strong>Semana atual</strong> - Restringe o cálculo para incluir apenas os dados da semana-calendário atual.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| **Calcular o total de recompensas em todos os programas** | ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](/files/31ae814d7a1b0e318e06b0e354badc33a8e27e14) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Recompensas Fueltank, Crédito e Desconto</summary>

* **Recompensas Fueltank** - Exibe recompensas específicas do programa Fueltank.
* **Recompensas em crédito** - Exibe o saldo de recompensas emitidas como créditos.
* **Recompensas de desconto** - Exibe as recompensas baseadas em desconto disponíveis.

Você pode usar esses tipos de estatística do usuário para incentivar os defensores a usar as recompensas conquistadas.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Tipo - Unidade da recompensa**                          | <p>Selecione a unidade ou moeda para o tipo de recompensa escolhido.</p><p>Os exemplos incluem porcentagem (%), várias moedas como Crédito - CAD ou Dinheiro - USD, e até unidades personalizadas como Camiseta - TSHIRT.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| **Total**                                                 | <p>Escolha como a estatística é calculada e exibida. Você pode optar por mostrar um valor total (Soma) ou uma contagem total (Número) de recompensas, filtradas pelo status atual delas.</p><p><strong>Tipo de cálculo</strong>: Selecione o tipo de cálculo a realizar sobre todas as recompensas:</p><ul><li><strong>Soma</strong> - Calcula o valor total das recompensas.</li><li><strong>Número</strong> - Calcula a quantidade total de recompensas.</li></ul><p><strong>Status da recompensa</strong>: Selecione as recompensas com base no estado atual delas no ciclo de vida:</p><ul><li><strong>Ganhas</strong> - Todas as recompensas concedidas ao usuário.</li><li><strong>Atribuídas</strong> - Recompensas que foram alocadas a um usuário.</li><li><strong>Disponíveis</strong> - Recompensas que estão atualmente disponíveis para o usuário.</li><li><strong>Pendente</strong> - Recompensas que foram acionadas, mas estão aguardando uma ação final, como aprovação ou um período de compensação.</li><li><strong>Resgatadas</strong> - Recompensas que o usuário já usou ou sacou.</li><li><strong>Cancelado</strong> - Recompensas que foram anuladas ou revogadas e não são mais válidas.</li><li><strong>Expiradas</strong> - Recompensas que não foram usadas antes da data de expiração e não são mais válidas.</li></ul>                                                                                                                                                                     |
| **Calcular o total de recompensas em todos os programas** | ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](/files/31ae814d7a1b0e318e06b0e354badc33a8e27e14) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Recompensas de vale-presente</summary>

Exibe o saldo de quaisquer recompensas de vale-presente. Você pode usar este tipo de estatística do usuário para garantir que os defensores estejam cientes e usem as recompensas que ganharam.

| Configuração da estatística do usuário                    | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Status da recompensa**                                  | <p>Selecione as recompensas a exibir com base no estado atual delas no ciclo de vida.</p><ul><li><strong>Ganhas</strong> - Todas as recompensas concedidas ao usuário.</li><li><strong>Atribuídas</strong> - Recompensas que foram alocadas a um usuário.</li><li><strong>Disponíveis</strong> - Recompensas que estão atualmente disponíveis para o usuário.</li><li><strong>Pendente</strong> - Recompensas que foram acionadas, mas estão aguardando uma ação final, como aprovação ou um período de compensação.</li><li><strong>Resgatadas</strong> - Recompensas que o usuário já usou ou sacou.</li><li><strong>Cancelado</strong> - Recompensas que foram anuladas ou revogadas e não são mais válidas.</li><li><strong>Expiradas</strong> - Recompensas que não foram usadas antes da data de expiração e não são mais válidas.</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| **Calcular o total de recompensas em todos os programas** | ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** esta estatística do usuário para exibir o total de recompensas que eles acumularam em todos os programas dos quais participam. ![](/files/31ae814d7a1b0e318e06b0e354badc33a8e27e14) **\[Desativar]** esta estatística para mostrar apenas recompensas do programa atual.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Configurações adicionais**                              | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Saldo para saque</summary>

Exibe o saldo atual de saque do usuário. Você pode usar este tipo de estatística do usuário para fornecer motivação financeira direta, mostrando o saldo em dinheiro do seu defensor em tempo real, pronto para ser pago.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

<details>

<summary>Personalizada</summary>

Permite uma estatística personalizada. Você pode usar este tipo de estatística do usuário para exibir uma métrica não padrão, como o acompanhamento de ativações específicas de recursos ou inscrições em eventos.

| Configuração da estatística do usuário | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| -------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Caminho**                            | <p>Insira o caminho específico dos dados que aponta para as estatísticas personalizadas que você deseja exibir. Esse caminho direciona o componente para o local exato do ponto de dados no objeto de dados do usuário.<br>Exemplos incluem: <code>/programGoals/count/\[goalId]</code>, <code>/customFields/\[customFieldKey]</code></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| **Configurações adicionais**           | <p>Selecione configurações adicionais. A disponibilidade das configurações depende de você estar trabalhando em um widget ou microsite.</p><ul><li><strong>Alinhamento</strong> - Controla o alinhamento do flexbox.</li><li><strong>Tamanho da fonte da descrição</strong> (somente microsite) - Define o tamanho do texto da descrição em pixels. Insira um número para ajustar o tamanho da fonte.</li><li><strong>Cor do texto da descrição</strong> (somente microsite) - Define a cor do texto da descrição. Insira um código de cor hexadecimal (por exemplo, #FFFFFF para branco) para definir a cor.</li><li><strong>Flex reverso</strong> - <img src="/files/56148a29d7f42673dde9884eb52356c45eca06c3" alt=""> <strong>\[Ativar]</strong> para fazer com que a descrição apareça antes do valor da estatística.</li><li><strong>ID do programa</strong> - Selecione um ID de programa para exibir estatísticas desse programa específico. Se nenhum ID for especificado, o padrão será exibir estatísticas do contexto do programa atual.</li><li><strong>Tamanho da fonte da estatística</strong> (somente microsite) - Defina o tamanho do texto do valor da estatística em pixels.</li><li><strong>Peso da fonte da estatística</strong> (somente microsite) - Escolha o peso do texto do valor da estatística.</li><li><strong>Cor do texto da estatística</strong> (somente microsite) - Defina a cor do texto do valor da estatística. Insira um código de cor hexadecimal para definir a cor.</li></ul> |

</details>

#### **Componente Contêiner com Três Estatísticas**

Este componente exibe um contêiner com três estatísticas (*Saldo de Pontos*, *Gift Cards Ganhos*, e *Indicações*) que podem ser personalizadas de acordo com suas necessidades. Para editar as estatísticas exibidas, selecione-as e consulte os expandíveis relevantes acima.

<details>

<summary>Configurações da estatística do usuário</summary>

| Configuração da estatística do usuário | Descrição                                                                                                                                                        |
| -------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Exibição** (somente widget)          | Escolha se deseja exibir o contêiner de estatísticas como uma grade ou em um layout flex.                                                                        |
| **Alinhamento** (somente microsite)    | Defina o alinhamento do flexbox.                                                                                                                                 |
| **Espaçamento** (somente microsite)    | Ajuste a quantidade de espaço dentro de cada componente de estatística individual.                                                                               |
| **Ocultar borda** (somente microsite)  | ![](/files/56148a29d7f42673dde9884eb52356c45eca06c3) **\[Ativar]** para ocultar a linha de borda que separa as estatísticas dentro do contêiner umas das outras. |
| **Espaço entre estatísticas**          | Ajuste a quantidade de espaço entre cada componente de estatística. Isso é útil para evitar que as estatísticas fiquem muito apertadas.                          |

</details>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.