# Configurar una tabla de líderes

Las tablas de clasificación posicionan a los participantes de tu programa junto a otros para incentivarlos a cumplir los objetivos del programa y fomentar la competencia por los primeros puestos. Puedes agregar una tabla de clasificación a tu widget de acceso verificado o micrositio y personalizarla como otros componentes.

Las tablas de clasificación se pueden configurar de diversas maneras para adaptarse mejor a los objetivos de tu programa. Para obtener más información sobre las diferentes opciones, consulta [Tablas de clasificación explicadas](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).

{% hint style="warning" %}
Esta función solo es accesible en ediciones o complementos específicos de impact.com. [Contáctanos](https://app.impact.com/support/portal.ihtml?createTicket=true&) para actualizar tu cuenta y obtener acceso.
{% endhint %}

{% stepper %}
{% step %}

#### Paso 1: Habilitar las tablas de clasificación&#x20;

Antes de poder comenzar a configurar tablas de clasificación, comunícate con tu Gerente de Estrategia del Programa (PSM) o crea un [ticket de soporte](mailto:advocate-support@impact.com) para que se habilite la función de Tablas de clasificación en tu programa.
{% endstep %}

{% step %}

#### **Paso 2: Agregar la tabla de clasificación al widget o micrositio**

1. Navega hasta tu widget o micrositio seleccionando ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Content → Edit widgets** o **Editar contenido**.
   * Si aún no has configurado un widget o micrositio, primero deberás hacerlo.

     <div data-with-frame="true"><figure><img src="https://3147719151-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. Selecciona el widget o la página del micrositio que deseas editar.
   * Aprende cómo [editar el contenido del widget](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets) o [editar las páginas del micrositio](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/microsite-experiences/customize-microsite-layouts-and-pages).
3. Desde el menú lateral derecho, expande el **Leaderboard** componente.
   * Si no ves el *Leaderboard* componente, primero deberás instalar un paquete de Mint Components:
     * **Instalar Mint Components para el widget**
       1. Desde el menú lateral izquierdo, selecciona **Packages → Add package**.
          1. En la *Mint Components* tarjeta, selecciona **Agregar**.
          2. Ahora deberías poder expandir el **Leaderboard** componente en el menú lateral derecho.
     * **Instalar Mint Components para micrositio**
       1. Regresa a la *Contenido* pantalla seleccionando **→ \[Engage] Content** en la barra de navegación izquierda o en tu menú superior.
       2. En la *Microsite* tarjeta, selecciona **Editar ajustes**.
       3. Desplázate hasta ver el campo *Packages* luego selecciona **Add package**.
       4. En la *Mint Components* tarjeta, selecciona **Agregar**.
       5. Selecciona **Guardar configuración** y vuelve al editor.
4. Selecciona un tipo de **Leaderboard**.
   * Para obtener una descripción de cada una de las tablas de clasificación disponibles, consulta [Tablas de clasificación explicadas](https://help.impact.com/brand/es/advocate-program/leaderboards-explained#leaderboard-types-0-0).
5. Selecciona el botón azul **Agregar a** en el lienzo donde quieres que aparezca el componente.

<figure><img src="https://3147719151-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 %}

#### **Paso 3: Personalizar la tabla de clasificación**

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

1. En tu lienzo, selecciona el componente de tabla de clasificación que deseas editar.
2. Utiliza las opciones en la pestaña **Editar** del menú lateral derecho para cambiar las propiedades de la tabla de clasificación.
   * Si deseas insertar un enlace en un componente de texto, puedes hacerlo seleccionando ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-63c2caf34c8c42984b458d40b5ac087e03360307%2Fc5fc23a16175bc8c8603fda06785d3d10c8d687bb14c7c6f1424d705c272963e.svg?alt=media) **\[Code view]** y editando el HTML del widget o micrositio.
3. Selecciona **Guardar borrador** cuando hayas terminado.

**Referencia de campos de edición**

| Configuración                                    | Descripción                                                                                                                                                                                                                                                                                                                                       |
| ------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Texto para usuario desconocido                   | Ingresa el nombre de visualización predeterminado para usuarios sin nombre, por ejemplo, *Usuario anónimo*.                                                                                                                                                                                                                                       |
| Ocultar usuario que visualiza                    | Activa para ocultar la fila del participante que está viendo si no se encuentra entre los primeros puestos mostrados.                                                                                                                                                                                                                             |
| Intervalo de tiempo de la tabla de clasificación | Introduce una fecha de inicio y una fecha de finalización para las cuales deseas ver los resultados de la tabla de clasificación, en el formato `mm/dd/yyyy`.                                                                                                                                                                                     |
| Tipo de tabla de clasificación                   | Selecciona el sistema de puntuación que deseas usar. Para obtener más información sobre los sistemas de puntuación disponibles, consulta [Tablas de clasificación explicadas](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                  |
| Número máximo de filas                           | Introduce el número máximo de filas que se mostrarán en la tabla de clasificación.                                                                                                                                                                                                                                                                |
| Programa                                         | Selecciona un programa para limitar los resultados de la tabla de clasificación a los participantes de ese programa. Para ver los resultados de forma global en todos los programas, no selecciones ningún programa.                                                                                                                              |
| Tipo de clasificación                            | Para obtener más información sobre los tipos de sistemas de clasificación disponibles, consulta [Tablas de clasificación explicadas](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/leaderboards-explained).                                                                                           |
| Encabezado de la columna de clasificación        | Introduce el nombre de la columna que deseas mostrar para la *Rank* columna.                                                                                                                                                                                                                                                                      |
| Mostrar posición en la tabla de clasificación    | ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[Activar]** si deseas que la tabla de clasificación muestre el *Rank* columna. |
| Encabezado de la columna de estadísticas         | Introduce el nombre de la columna que deseas mostrar para la columna que contiene las puntuaciones de los participantes.                                                                                                                                                                                                                          |
| Encabezado de la columna de usuario              | Introduce el nombre de la columna que deseas mostrar para la columna que contiene los nombres de los participantes.                                                                                                                                                                                                                               |
| {% endtab %}                                     |                                                                                                                                                                                                                                                                                                                                                   |

{% tab title="Mover" %}

1. En tu lienzo, selecciona el componente que deseas mover.
2. Selecciona ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Move]**.
   * Algunos componentes no se pueden mover. La opción ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e2a26b918e7394cf67e8a26e3713e081b203ac9%2F15d049b0c04d1c54c39dbbb5a7cd2ba64d86f1f99220111674e768744ea7ceb9.svg?alt=media) **\[Move]** solo aparecerá si hay otra ubicación válida en el lienzo a la que el componente pueda trasladarse.
3. Selecciona el botón azul **Mover a** botón donde quieres que vaya el componente.
4. Selecciona **Guardar**.
   {% endtab %}

{% tab title="Eliminar" %}

1. En tu lienzo, selecciona el componente que deseas eliminar.
2. Selecciona ![](https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Remove]**.
3. Selecciona **Guardar**.
   {% endtab %}
   {% endtabs %}
   {% endstep %}
   {% endstepper %}
