# Configurar um leaderboard

As tabelas de classificação posicionam os participantes do seu programa ao lado de outros para incentivá‑los a cumprir os objetivos do programa e estimular a competição pelas melhores colocações. Você pode adicionar uma tabela de classificação ao seu widget de acesso verificado ou microsite e personalizá‑la como outros componentes.

As tabelas de classificação podem ser configuradas de várias maneiras para melhor atender aos objetivos do seu programa. Para mais informações sobre as diferentes opções, veja [Quadros de Líderes Explicados](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).

{% hint style="warning" %}
Este recurso é acessível apenas para edições específicas do impact.com ou complementos. [Contate-nos](https://app.impact.com/support/portal.ihtml?createTicket=true&) para atualizar sua conta e obter acesso!
{% endhint %}

{% stepper %}
{% step %}

#### Etapa 1: Ativar tabelas de classificação&#x20;

Antes de começar a configurar tabelas de classificação, entre em contato com seu Gerente de Estratégia de Programa (PSM) ou crie um [ticket de suporte](mailto:advocate-support@impact.com) para que o recurso de Tabelas de Classificação seja ativado para o seu programa.
{% endstep %}

{% step %}

#### **Etapa 2: Adicionar tabela de classificação ao widget ou microsite**

1. Navegue até seu widget ou microsite selecionando ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Conteúdo → Editar widgets** ou **Editar conteúdo**.
   * Se você ainda não configurou um widget ou microsite, será necessário fazê‑lo primeiro.

     <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c8ac36b6c9c61e75e4b89d96973ba51ee0ac176%2F7b467ae9abd22f247d5b311d619595cb90f745d33d02a4aab734cbdc408e79c4.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
2. Selecione o widget ou a página do microsite que você deseja editar.
   * Saiba como [editar o conteúdo do widget](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets) ou [editar páginas do microsite](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).
3. No menu da barra lateral direita, expanda o **Tabela de classificação** componente.
   * Se você não vir o *Tabela de classificação* componente, primeiro será necessário instalar um pacote Mint Components:
     * **Instalar Mint Components para widget**
       1. No menu da barra lateral esquerda, selecione **Pacotes → Adicionar pacote**.
          1. Na *cartão Mint Components* selecione **Adicionar**.
          2. Agora você deve conseguir expandir o **Tabela de classificação** componente no menu da barra lateral direita.
     * **Instalar Mint Components para microsite**
       1. Retorne à *Conteúdo* tela selecionando **→ \[Engage] Conteúdo** na sua barra de navegação à esquerda ou no menu superior.
       2. Na *Microsite* selecione **Editar configurações**.
       3. Role até ver o campo *Pacotes* depois selecione **Adicionar pacote**.
       4. Na *cartão Mint Components* selecione **Adicionar**.
       5. Selecione **Salvar configuração** e retorne ao editor.
4. Selecione um tipo de **Tabela de classificação**.
   * Para uma descrição de cada uma das tabelas de classificação disponíveis, consulte [Quadros de Líderes Explicados](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/leaderboards-explained#leaderboard-types-0-0).
5. Selecione o botão azul **Adicionar a** no canvas onde você quer que o componente apareça.

<figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-151da7252635321ed7dd6136642001c6caf3115f%2F4f090a0bab9f37c07061d538d534cf389cd8492e6adcc3b660fdf2f2bcef4a35.png?alt=media" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

#### **Etapa 3: Personalizar tabela de classificação**

{% tabs %}
{% tab title="Editar" %}

1. No seu canvas, selecione o componente de tabela de classificação que deseja editar.
2. Use as opções na guia **Editar** do menu da barra lateral direita para alterar as propriedades da tabela de classificação.
   * Se você quiser inserir um link em um componente de texto, pode fazê‑lo selecionando ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **\[Visualização do código]** e editando o HTML do widget ou microsite.
3. Selecione **Salvar rascunho** quando terminar.

**Referência de campos de edição**

| Configuração                                  | Descrição                                                                                                                                                                                                                                                                                                                                                     |
| --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Texto para usuário desconhecido               | Insira o nome exibido padrão para usuários sem nome, por exemplo, *Usuário Anônimo*.                                                                                                                                                                                                                                                                          |
| Ocultar usuário visualizante                  | Ative para fazer com que a linha do participante que está visualizando fique oculta se ele não estiver entre as colocações superiores exibidas.                                                                                                                                                                                                               |
| Intervalo de tempo da tabela de classificação | Insira uma data de início e término para a qual você deseja visualizar os resultados da tabela de classificação, no formato `mm/dd/aaaa`.                                                                                                                                                                                                                     |
| Tipo de tabela de classificação               | Selecione o sistema de pontuação que deseja usar. Para mais informações sobre os sistemas de pontuação disponíveis, veja [Quadros de Líderes Explicados](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                          |
| Número máximo de linhas                       | Insira o número máximo de linhas a serem exibidas na tabela de classificação.                                                                                                                                                                                                                                                                                 |
| Programa                                      | Selecione um programa para limitar os resultados da tabela de classificação aos participantes desse programa. Para ver resultados globalmente em todos os programas, não selecione um programa.                                                                                                                                                               |
| Tipo de classificação                         | Para mais informações sobre os tipos de sistemas de classificação disponíveis, consulte [Quadros de Líderes Explicados](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                           |
| Cabeçalho da coluna de classificação          | Insira o nome da coluna que você deseja exibir para a coluna de *Classificação* .                                                                                                                                                                                                                                                                             |
| Mostrar posição na tabela de classificação    | ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[Alternar ativado]** se você quiser que a tabela de classificação exiba a *Classificação* . |
| Cabeçalho da coluna de estatísticas           | Insira o nome da coluna que você deseja exibir para a coluna que contém as pontuações dos participantes.                                                                                                                                                                                                                                                      |
| Cabeçalho da coluna de usuário                | Insira o nome da coluna que você deseja exibir para a coluna que contém os nomes dos participantes.                                                                                                                                                                                                                                                           |
| {% endtab %}                                  |                                                                                                                                                                                                                                                                                                                                                               |

{% tab title="Mover" %}

1. No seu canvas, selecione o componente que deseja mover.
2. Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Mover]**.
   * Alguns componentes não podem ser movidos. A opção ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Mover]** aparecerá apenas se houver outro local válido no canvas para o componente se realocar.
3. Selecione o botão azul **Mover para** botão para onde você deseja que o componente vá.
4. Selecione **Salve**.
   {% endtab %}

{% tab title="Remover" %}

1. No seu canvas, selecione o componente que deseja remover.
2. Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Remover]**.
3. Selecione **Salve**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}
