# Explicación de componentes de widgets y micrositios

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">Realiza el curso PXA</a>

{% hint style="success" %}
**Limitado**: Los componentes, aparte de los proporcionados en las plantillas dadas, solo están disponibles para ciertas ediciones de producto o complementos. Si desea un control más granular sobre qué componentes usan sus micrositios, contáctenos para actualizar su programa.
{% endhint %}

Los componentes son los bloques de construcción individuales, como imágenes principales y tarjetas de tareas, que conforman el widget o micrositio de su programa de Advocates. Estos elementos configuran la [experiencia del participante](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) y pueden personalizarse para alinearse con su marca.

Este artículo proporciona una lista categorizada de los componentes disponibles dentro de los editores de widget y micrositio. La mayoría de los componentes admiten estilo y personalización, aunque algunos tienen limitaciones de diseño. También puede previsualizar los estados de sus componentes dentro de la interfaz del editor.

<details>

<summary>Estadísticas</summary>

Usar *Estadísticas* componentes para informar a sus participantes cómo les está yendo en su programa. Para obtener una lista de estadísticas que estos componentes pueden admitir, visite [Estadísticas de Widgets y Micrositios](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| Componente                       | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| -------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Saldo de Puntos                  | <p>Muestra el saldo de Puntos del participante. Se utiliza en programas Advocate que recompensan a los participantes con puntos.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ff7233d6a49bcc71a20dc6cfb3bf75ee62364ff4%2Fe1d9aac51361456cf34386eb5b5617d320af8f5087f2d38e3e3b25ff04f6efc4.png?alt=media" alt="" data-size="original"></p>                                 |
| Tarjetas de Regalo Ganadas       | <p>Muestra un recuento de las recompensas en tarjetas de regalo ganadas por el Advocate.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-51c634a017ce4206b9e6412627708952b5768a3c%2F7ad00a45ca02abc61aa2883c4303e43a878e9702e3410bb5a6eedcb46d8100e4.png?alt=media" alt="" data-size="original"></p>                                                                         |
| Referencias                      | <p>Muestra cuántas referencias ha realizado el participante. Incluye referencias iniciadas y convertidas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5433d26e89df79a0006bc70d66c7f136c8c4de9%2F40d8d181ce9bfcf7ca597db86ffddaf517b98fdcd65270945bcdef43faeccd2d.png?alt=media" alt="" data-size="original"></p>                                                        |
| Contenedor con Tres Estadísticas | <p>Una plantilla con espacio para tres estadísticas. Las estadísticas mostradas se pueden cambiar. Las estadísticas se pueden agregar y eliminar según se desee.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-eb3c3041a0cabee4b4be38ed5160f4baa660ba92%2F8526311212dbbab7ee4417e937d156eb481f6feb7a254b4c3e84d21c814d00c9.png?alt=media" alt="" data-size="original"></p> |
| Otra Estadística                 | Muestra una estadística de su elección. Puede seleccionar entre una estadística de referencias, varias estadísticas de recompensas o crear una estadística personalizada.                                                                                                                                                                                                                                                                                                     |

</details>

<details>

<summary>Componentes Comunes</summary>

*Componentes Comunes* se utilizan ampliamente para mejorar tanto la funcionalidad como la coherencia de diseño en su widget o micrositio. Cubren elementos visuales y estructurales de uso general, como imágenes principales, formato de diseño y pasos descriptivos del programa.

| Componente                          | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Imagen Principal de Dos Columnas    | <p>Una imagen de banner y texto de encabezado que abarcan dos columnas. Se pueden actualizar la imagen, el texto y el color de fondo.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-112e3e854f2ec884d09dcbf3c3a0dd91132b8065%2F0d6b6b7a5f3894b815b738a15afb7bd08e1ee77413858922235268a0119f528d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                   |
| Imagen Principal con Superposición  | <p>Una imagen de banner con texto superpuesto. Se pueden actualizar la imagen, el texto y el color de fondo.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-def9dab1f6744d99f704005955522c5cae8f7ca1%2F1c8f53dc5117ebce1719f58d4974f97d4cb9fdddaa0a6d8741277d00139a5178.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                            |
| Imagen                              | <p>Una fotografía. Se pueden cambiar el color de fondo, la alineación, la altura y el ancho.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e9f631d5fae5baef21e495c18995bcc41931ff86%2Fe0c44f0accab2819658563d03164459fb470eedf4929c402138476b2eb8afa36.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                            |
| Botón de Enlace                     | <p>Un botón clicable que redirige a los participantes al enlace que seleccione. El color del botón está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-875e756c5a4d4a79e4b62187ff8acb00da68f51d%2Fc0ebb75eb41b33f85ab7695f287a373730909122d616a7c19fd4bdd0675c8787.png?alt=media" alt="" data-size="original"></p>                                                                                                                                   |
| Explicación del Programa            | <p>Una plantilla que explica cómo funciona un programa Advocate, por ejemplo cómo ganar recompensas. Incluye dos pasos explicativos del programa por defecto. Se pueden añadir más pasos. El color está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ccd03061b907a18c914385b9fbdfcc1c54dfdd7e%2Fd7a265c23d586b3a6bcd9198cbee8eea2fedda9817794a468f309717081e72c0.png?alt=media" alt="" data-size="original"></p>                                   |
| Paso Explicativo del Programa       | <p>Agregue texto descriptivo para explicar una parte de su programa. Encaja dentro de un componente explicativo del programa. El color está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-abf1a9d883d813187d2013fc7c8cd815639c0351%2Fba66c3ec6beb608ff42bb2cbb3757c5e98ad4e1946809fee380b0069cee8677a.png?alt=media" alt="" data-size="original"></p>                                                                                               |
| Cronología del Programa             | <p>Muestre una visión general del recorrido de referencias y las recompensas para sus participantes. Añada o elimine entradas de la línea de tiempo según sea necesario. El color del icono circular y las líneas entre las entradas está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ad4d74aab6ba3e437ed0b5c2ba350e95e584491c%2Fecfa298fa0a457c5061fc7de31fa195868d524d0905ba16cf512470cb6a9de33.png?alt=media" alt="" data-size="original"></p> |
| Entrada de la Cronología            | <p>Encaja dentro de un componente de cronología del programa para mostrar un paso del recorrido de referencias. El color del icono circular y las líneas entre las entradas está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0d702f85b541b49847a0131fa6094cf37d45b95b%2F6cce8eebc7410fd43031702177f3fa6450cb172e8d420a31b7041ccc926011be.png?alt=media" alt="" data-size="original"></p>                                                          |
| Visualización del Nombre de Usuario | <p>Obtiene dinámicamente el nombre completo del participante. Por defecto muestra “Usuario Anónimo” si el participante no ha introducido un nombre.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-454b0c94d3cdf37d3bec1f9feb38efa895ce21d4%2F333618f77b6dee4e26c899eb87962d2769ebbc161da05a90aadb3a5f2b59c3cf.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                     |

</details>

<details>

<summary>Recompensas</summary>

{% hint style="info" %}
**Nota:** *Recompensa* los componentes solo se pueden usar para widgets y micrositios de acceso verificado.
{% endhint %}

| Componente                         | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ---------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Alimentación de Tarjetas de Tareas | <p>Las tarjetas de tareas permiten que sus usuarios realicen acciones o vean el progreso hacia los objetivos del programa Advocate directamente desde el widget o micrositio. Este componente añade múltiples tarjetas de tareas a su widget o micrositio. El color del botón está controlado por el Color de Marca establecido a nivel del Contenedor de Marca.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d1742cb883be61d63192bcb218ab5d53757e9e82%2Fe992aa7cf1f554169c1e60d351739a9bd8990ad01c4c29bf1deb2d971e07c8c4.png?alt=media" alt="" data-size="original"></p> |
| Canje de Recompensas               | <p>Permita que los participantes intercambien recompensas ganadas por otro tipo de recompensa.</p><p>Debe tener <a href="../advocate-rewards/reward-exchange-explained">Canje de Recompensas</a> configurado para usar esta función.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bbfbff1ec1b5d7b899ab55217f300e5bdf820502%2F914a34e427693bf936d3363a8075046dd25ef3de091552fc7de4cb82e00b3d7b.png?alt=media" alt="" data-size="original"></p>                                                                                                                             |
| Tabla de Recompensas               | <p>Muestre una lista de recompensas que el participante ha ganado. Puede incluir recompensas manuales y/o recompensas ganadas en múltiples programas Advocate.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-5b4272b710f08544f2091db011583b6300278788%2Facbbaa66b154eaf370ec5457fd9e77b39272a679f7a9c67b17383c5530362f92.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                   |
| Columna de Nota del Cliente        | <p>Agregue otra columna de notas a la tabla de recompensas. Debe colocarse dentro del componente Tabla de Recompensas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-49a7a7000c4e43d73944d65d9268d049ce733f22%2F4bb3b31be09584ce982c27d57b373dc3ba807de9f29be528bab2361ae68d8c8e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                           |
| Columna de Fecha                   | <p>Agregue otra columna de fecha a la tabla de recompensas. Debe colocarse dentro del componente Tabla de Recompensas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9f1dabcef083a77ff77adb59d8d2877821b52e6c%2Fe36fb74a08d833bfbb0ebae4b1ef3ba7b49018b00c9cf835c75f1a6a73f3df9f.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                           |
| Columna de Recompensa              | <p>Agregue otra columna de recompensas a la tabla de recompensas. Debe colocarse dentro del componente Tabla de Recompensas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e64ef4645152bb65dd8c3e0ad3b8bee76f930f16%2Fd32357695c9503d7751f493e28b36d9bd8ee1af725556d43a072b2dbc2d1e9f0.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                     |
| Columna de Origen                  | <p>Agregue otra columna de origen a la tabla de recompensas. Debe colocarse dentro del componente Tabla de Recompensas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e22f21797957227a12deafc7384625cf77154c01%2F57891cdf76885a886769e0fa768567c48e36f38c00a0e72e25ca640a21e6c92e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                          |
| Columna de Estado                  | <p>Agregue otra columna de estado a la tabla de recompensas. Debe colocarse dentro del componente Tabla de Recompensas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-10a40c5e3746406038e4e8bac76d9fffabfa2733%2F73173dd2ce38046c737485ea1c0123f1d51c18195c684f59ab776aac9f6f76b9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                          |

</details>

<details>

<summary>Componentes de Micrositio</summary>

*Micrositio* los componentes se utilizan principalmente para el formulario de registro y la barra lateral de navegación de su micrositio. Estos componentes no pueden añadirse a widgets de programa.

| Componente                                      | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Campo de Casilla de Verificación del Formulario | <p>Agregue una casilla de verificación al formulario de registro. Puede mapear si la casilla estaba marcada a un campo personalizado en el participante Advocate. Lea Ver sus envíos de formulario de registro del micrositio para más información.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b755fcb2cb0a2a4332d334c5d4df9750abc74535%2Fbe707549d5ab3386580210dadc39c277a8221a2294690f6f5098f8fa49e91dad.png?alt=media" alt="" data-size="original"></p>                                                                            |
| Campo de Lista Desplegable del Formulario       | <p>Agregue una lista desplegable con elementos de lista personalizables al formulario de registro. Puede mapear el elemento de lista seleccionado por el usuario a un campo personalizado en el participante Advocate. Contacte con Soporte para obtener ayuda con esto.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d4d06463b739d6320cca385d51aef2ebb21a06e9%2Fbcfe9233e8daa3f5cdd4213fc80fb2a8ecef610eecaed1be02e99d4939ff14e5.png?alt=media" alt="" data-size="original"></p>                                                       |
| Campo de Entrada del Formulario                 | <p>Agregue un campo de entrada de texto de formato libre al formulario de registro. Puede mapear el texto introducido por el usuario a un campo personalizado en el participante Advocate. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Contacte con soporte</a> para obtener ayuda con esto.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22dbac6584da989b0190425decc62f668a813320%2F9324f8dd94e41ba973d7753c410bbd020e8d61f060652fcabbd14482b4d242c5.png?alt=media" alt="" data-size="original"></p> |
| Campos de Nombre del Formulario                 | <p>Agregue campos rellenables de Nombre y Apellidos al formulario de registro.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f516e369b49dd1fa5220e0eb0fd5a8a5e13715cc%2Ff86f4e367584f563904db00af1e76cdad40c92a4b2694146b5b755a017e76886.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                 |
| Elemento de la Barra Lateral                    | <p>Agregue una nueva página o enlace a la navegación de la barra lateral de su micrositio. Solo puede colocarse con el Diseño Con Sesión Iniciada del micrositio.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22080a0fa46172389a9f84eb1f5b915a9cb9bd53%2F927e9d1ef0ec4a6d3c1797199be78426ffcbaf84e4007288b303eee91d005e3d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                              |
| Campo de Contraseña del Formulario              | <p>Agregue un campo de contraseña rellenable al formulario de registro.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d11ad739227f7ef4d5ef2155131766cef7bfe569%2Fc09a224e7a38863ef546d342ef93fac272cfde0e95b47c6e99c73302159aece9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                        |

</details>

<details>

<summary>Acceso Instantáneo</summary>

*Acceso Instantáneo* los componentes facilitan y agilizan que los amigos referidos se registren o canjeen recompensas sin pasar por el proceso de registro estándar. Son ideales para programas que usan widgets de referencia de acceso instantáneo o flujos de registro de amigos.

| Componente                       | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Código de Cupón                  | <p>Muestra un código canjeable para una recompensa Fuel Tank.</p><p>El <a href="../advocate-rewards/fuel-tank-rewards-explained">depósito de recompensas</a> debe tener códigos de cupón disponibles para que este componente funcione según lo previsto.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b6751473ff9a89ec2635661cbefd69fe20e2606c%2Fdc86a733cfb70c7df0a19df89b1dd5c9bbc57d5e0ff52bb5278be069d9543ed6.png?alt=media" alt="" data-size="original"></p>                                                                             |
| Registro de Advocate             | <p>Permita que nuevos Advocates ingresen su dirección de correo electrónico para registrarse y hacer referencias. Después de ingresar su dirección de correo, los usuarios irán a una segunda pantalla donde podrán acceder a sus enlaces de referencia. Se utiliza para el Widget de Referencia del Sitio web de acceso instantáneo.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p> |
| Cerrar sesión del usuario actual | <p>Permita que el espectador salga de la visualización personalizada de acceso instantáneo.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a4b2367a12e92611062ba6b3385739c3f25f195%2Fcf128314c155054d77102dafd71a5e5082975ee8851b79b718d105095f498eef.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                           |
| Registro de Amigos               | <p>Permita que los amigos referidos ingresen su dirección de correo electrónico para registrarse. Después de ingresar su dirección de correo, los usuarios irán a una segunda pantalla donde podrán acceder a su recompensa de Código de Cupón. Se utiliza para el Widget de Amigos de acceso instantáneo.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                            |

</details>

<details>

<summary>Diseño</summary>

*Diseño* los componentes de diseño le permiten organizar y agrupar otros componentes. Úselos para crear secciones, filas, columnas o pestañas.

| Componente                       | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| -------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Diseño Principal de Dos Columnas | <p>Agregue un diseño principal que presente dos columnas de contenido.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90fbc0943f7a9bf20af2a8ef5224fe307b4cd447%2Fe9d5fb3e534e6d42f93128e7f52c08f21cefd7f0c378c1f6e72877b5fbfe8703.png?alt=media" alt="" data-size="original"></p>                                                                                                                          |
| Contenedor de Diseño de Fila     | <p>Agregue un nuevo contenedor de fila para contenido. Otros componentes pueden colocarse dentro de la fila.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                                    |
| Contenedor de Diseño de Columna  | <p>Agregue un nuevo contenedor de columna para contenido. Otros componentes pueden colocarse dentro de la columna.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                              |
| Pestaña                          | <p>Agregue una nueva pestaña a un grupo genérico de pestañas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bf80a7b35daafb8849d2fabb0acac194eb8de4ae%2F5517db3bff5c64677ef351b5ec94ce32336e728877cca2b5614cdc719bbdd087.png?alt=media" alt="" data-size="original"></p>                                                                                                                                   |
| Grupo Genérico de Pestañas       | <p>Agregue un grupo de pestañas. Cada pestaña puede contener componentes y contenido distintos. Tiene tres pestañas por defecto, pero se pueden eliminar o añadir pestañas según sea necesario.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| Sección Titulada                 | <p>Agregue una nueva sección que contenga un encabezado y texto de párrafo. Se pueden añadir otros componentes a la sección titulada debajo del encabezado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d2e2627c0305da170e459293404b3a7a32bbdd57%2Fd5c2b7ee84117e3804a0afe8d99c1681b0c370c578620d960f2cd780b1b034f9.png?alt=media" alt="" data-size="original"></p>                                     |

</details>

<details>

<summary>Facturas</summary>

*Factura* los componentes permiten insertar componentes de factura para ver datos de ganancias.

| Componente                               | Descripción                                                                                                                                                                                                                                                                                                                                                                                |
| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Tabla de Facturas                        | <p>Agregue un acordeón de factura expandable que contenga datos de ganancias.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4c505a7531266547be4dd870343a448fbe506af7%2F987ceee7ddf4cf17d9cc5978b505139e06c16cab3e44c221d7374f65e563fa19.jpg?alt=media" alt="" data-size="original"></p> |
| Columna de Fecha de la Tabla de Facturas | <p>Agregue una nueva columna a su componente de tabla de facturas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fb42d6e770406c2e2cc06864b1aaf1d129d7df72%2F48530b7fb857185f3571f592166d3b8f937e5a2f84e6d8b0387c6b63c2e382de.png?alt=media" alt="" data-size="original"></p>            |

</details>

El *Clasificación* el componente de clasificación le permite ordenar a los participantes de su programa, ofrecer recompensas a los mejores y motivar a los participantes a generar mejores resultados en su programa. Agregue clasificaciones a su [widget de acceso verificado](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) o [micrositio](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview), y configure el sistema de puntuación, el sistema de clasificación y las opciones de filtrado de participantes. Consulte los artículos a continuación para más información:

* [Clasificaciones Explicadas](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [Configurar una Clasificación](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| Componente            | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Referencia Iniciada   | <p>Este tipo de clasificación ordena a los participantes según el número de referencias que han iniciado. Las puntuaciones de sus defensores de clientes corresponderán con el número de referencias iniciadas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                           |
| Referencia Convertida | <p>Este tipo de clasificación ordena a los participantes según el número de referencias que han convertido. Las referencias se consideran convertidas una vez que el amigo referido logra un objetivo del programa, como realizar una compra de un valor que usted haya definido. Las puntuaciones de sus defensores de clientes corresponderán con el número de referencias convertidas.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p> |
| Puntos Ganados        | <p>Este tipo de clasificación ordena a los participantes por el número total de Puntos que han ganado en los programas Advocate que recompensan Puntos. Todas las unidades de recompensa Puntos cuentan siempre que no estén pendientes ni canceladas. Este tipo de clasificación solo es válido para el tipo de recompensa Puntos.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c77ede4e082778754887872f948e6b8b0d188474%2F83ae9393fa0cb1e9bc6f4dd53aa9d77e858bb40ef4e985a5247413950ff66729.png?alt=media" alt="" data-size="original"></p>                                                       |
| Clasificación Anónima | <p>Una versión completamente anonimizada de la clasificación que no muestra ninguna información de identificación personal sobre otros participantes del programa. Puede mostrar cualquier tipo de clasificación.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7de957636976c1d06b91c963c3bc6befffa789d8%2Fb04ceffabe2ed8007c96b0f932ebf06063fd5d3a4af2dec81b1fad443ee7d4b5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                         |

<details>

<summary>Impuestos y Efectivo</summary>

*impuestos y efectivo* los componentes le permiten incorporar la recolección de formularios fiscales y opciones de pago en efectivo en su [widget de acceso verificado](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) o [micrositio](https://help.impact.com/brand/es/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

Este grupo de componentes solo está disponible si [*pagos en efectivo*](https://help.impact.com/brand/es/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) la función se ha activado para su cuenta.

| Componente                                              | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Alerta de Estado de Pago                                | <p>Alerte al participante sobre las acciones que necesita realizar antes de poder recibir un pago en efectivo. El componente incluye un botón de llamada a la acción que lleva al participante a revisar su configuración de pago.</p><p>Opcionalmente, personalice cualquiera de las descripciones de texto que el participante verá cuando visualice el componente.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4d9b5f8072ff2b0c78e1f173493cf4d2ddef9334%2F2c0be35e8e0bfbcb7d7b5e9b9ea30b1b794722e04336f566b033cc9850e1b486.png?alt=media" alt="" data-size="original"></p>        |
| Formulario de Pago en Efectivo para Micrositio y Widget | <p>Inserte un formulario que recoja la información bancaria de los participantes y los formularios fiscales aplicables, como un W-8 o W-9.</p><p>Opcionalmente, personalice cualquiera de las descripciones de texto que el participante verá cuando visualice el formulario.</p><p>También puede establecer alertas y requisitos de verificación dentro de este componente.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-00fc2e186e360a8330580a3163c8016aae9c6ecc%2F270f47b47bd597f40b6a4253ce541ea0b53a552847e5efc71afeaa74fba1354b.png?alt=media" alt="" data-size="original"></p> |

</details>

<details>

<summary>Compartir</summary>

*Compartir* los componentes ofrecen a los participantes formas convenientes de promocionar sus enlaces y códigos de referencia en múltiples canales. Cuando un participante hace clic en un botón para compartir, se abre el canal elegido, como *Facebook*, *LinkedIn*, *WhatsApp*, o *correo electrónico*, con un mensaje o enlace prellenado, listo para enviar.

Algunos componentes, como Código de Referencia, muestran el código de referencia o promoción individual del participante junto con una opción de copiar al portapapeles para compartir rápidamente. Otros, como Códigos Promocionales, presentan múltiples códigos disponibles (si están asignados) en una vista deslizante e incluyen botones para compartir para que los participantes puedan publicar o enviar instantáneamente el código seleccionado. Estas herramientas facilitan que los participantes difundan la información y generen nuevas referencias.

| Componente                                | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Código de Referencia                      | <p>Muestra un campo de código de referencia con una opción de copiar al portapapeles. Se utiliza como parte de la funcionalidad de Códigos Promocionales.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-350b4cd5d21cca6714a3eadcac9b273250d1489b%2Fc765bebedb73ecdfcb67f14de17f261c9d55d4043cf4296025801350717df9ff.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                             |
| Códigos Promocionales                     | <p>Bloque de componente preformateado que incluye un campo de código promocional de referencia con un deslizador para alternar entre varios códigos si se ha asignado más de uno. También incluye un enlace para compartir y componentes de botón para compartir en Facebook, LinkedIn y Twitter / X.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3fd5339df311e321f51f058bbaa88ddfaf08d6bc%2Ffe4b15e28eecd25533da83c6417660b98eb94e8dd083040f5f847d1683a8f7b2.png?alt=media" alt="" data-size="original"></p>                                                 |
| Botón de Compartir en Facebook            | <p>Muestra un botón Compartir en Facebook con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de Facebook del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ac40825644d43883701dfefcf84d0d237ed0c694%2Fe90f8748aff7c0bf33cba007cab091851f916f9dfb24ec228bc27634bca575fe.png?alt=media" alt="" data-size="original"></p>                                                                                                                                     |
| Botón de Compartir en X                   | <p>Muestra un botón Compartir via X con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en la cuenta X del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce26efcd37d82f16d9f2d4d288f42b28e54bcb9b%2Fc4de3610b0ba8f1599ff74aa83740b07bf9d20a3ae09f33df7858dc15d8a82b2.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                     |
| Botón de Compartir por Correo Electrónico | <p>Muestra un botón Compartir por correo electrónico con texto personalizable. Al hacer clic, el botón abrirá la aplicación de correo electrónico predeterminada del usuario y comenzará un nuevo correo con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-99cd491d8066557af00352c2161adbf0d1ff80d9%2F65667d26945a492f02467c4d6cd3d88f4501f029c3fa924ce20587ae6661fde1.png?alt=media" alt="" data-size="original"></p>                                                                                                |
| Botón de Hoja de Compartir Móvil          | <p>Muestra un botón para compartir dentro del navegador web del participante. Al hacer clic, el botón abrirá un menú que enumera todas las aplicaciones disponibles que el usuario puede abrir para compartir su enlace. Cuando se selecciona una aplicación, se creará una nueva publicación o mensaje con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b0aefc7accad7dc192307b765172cba66908faeb%2Fbf216b95fbd48c0377b824b12708e0ca1f8e6e2a9c1660359e7e0bbc65725b09.png?alt=media" alt="" data-size="original"></p> |
| Botón de Compartir en LinkedIn            | <p>Muestra un botón Compartir en LinkedIn con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de LinkedIn del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2a776449d19fc08bb449a5f8351c7101075f1c74%2F2f76bd37890d40e8839f6cab5f0cb5a2b8b11d7bf5f9dfe02d48dad3a8d96cb1.png?alt=media" alt="" data-size="original"></p>                                                                                                                                     |
| Botón de Compartir por SMS                | <p>Muestra un botón Enviar un mensaje de texto a un amigo con texto personalizable. Al hacer clic, el botón redirigirá a la aplicación de SMS/mensajería predeterminada del usuario y se creará un nuevo mensaje SMS con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-798893a05da61813dc9d1935d7008941222a8b90%2F3a3fc9c019417421b28b3a5514384cc6a02b25046b7703325aeefe2ed4ca902a.png?alt=media" alt="" data-size="original"></p>                                                                                    |
| Botón de Compartir en Messenger           | <p>Muestra un botón Compartir via Messenger con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la aplicación Facebook Messenger del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-93f82656f6614d7f34071466b5d061b7c3d1d463%2F2b31207d2addc11e7d589fada9808712bfa21e218fde0aebcbd0bc989d18919d.png?alt=media" alt="" data-size="original"></p>                                                                                                                             |
| Botón de Compartir en WhatsApp            | <p>Muestra un botón Compartir via WhatsApp con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la cuenta de WhatsApp del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3b0d2368c1eaa1b37d41216636f85eee4c9e138%2Fb939f470eb31109551821fe0d22887a99ae81678872ff3241ddcfe2e382c5796.png?alt=media" alt="" data-size="original"></p>                                                                                                                                         |
| Botón de Compartir en LINE                | <p>Muestra un botón Compartir via Line Messenger con texto personalizable. Al hacer clic, el botón redirigirá a un nuevo mensaje en la aplicación Line Messenger del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0551e0947b75a319cd37b2fc5190f94aa7ac3275%2Fc9b7ee44e3f60422f7f0c1314fd669569eac6da0c1f4cdfe8baa7733f704b67b.png?alt=media" alt="" data-size="original"></p>                                                                                                                            |
| Botón de Compartir en Pinterest           | <p>Muestra un botón Compartir en Pinterest con texto personalizable. Al hacer clic, el botón redirigirá a una nueva publicación en el perfil de Pinterest del usuario con el Mensaje Social de la marca precargado.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c91830cc012ce3ddbdd99a80c2ab4808e27eb14%2F32f7f7814c6be91a947add2d5d7f0bb5b375a16f212313a18774e79dfa562374.png?alt=media" alt="" data-size="original"></p>                                                                                                                                   |
| Enlace para Compartir                     | <p>Muestra el enlace para compartir del participante para este programa.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a7096d63847a389d28ffebcc71d0883ed90cc525%2F2eb89dd61c2c37dbc09f4a4d765b980826a5a3f755bad93880e9fb9248593db6.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                              |
| Código QR                                 | <p>Muestra el enlace para compartir del participante en forma de código QR para este programa.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1aa383efd76c4268b71ab2118635a650a5dca9b3%2Fb575c24753eb2779431f9a9bfe56e84abd836992751052ea5d6b58b54a2fd964.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                        |

</details>

<details>

<summary>Referencias</summary>

*Referencia* los componentes muestran información sobre los amigos referidos del participante y su estado de conversión. Facilitan que los participantes hagan un seguimiento de a quiénes han referido, cuándo ocurrieron las conversiones y las recompensas obtenidas por esas referencias.

| Componente                                        | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tarjeta de Referencia                             | <p>Bloque de componente preformateado que incluye <em>cronología del programa</em>, <em>enlace para compartir</em>, y <em>Facebook</em>, <em>LinkedIn,</em> y <em>Twitter / X</em> componentes de botón para compartir. Se pueden añadir o eliminar otros componentes según sea necesario.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f756a1f54cf83ab690539ad68993287112cce6c0%2F8f6c3feabc2b64c582ba9c730c7813b993ead61741d6b21490dd04cc1a92c766.png?alt=media" alt="" data-size="original"></p> |
| Tabla de Referencias                              | <p>Muestra una tabla que muestra los amigos referidos del participante, la fecha de conversión y el estado de conversión.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce55181b973b561145f087c8112c6008d71daac2%2F14f8e870dfa6c7bf6ab3d1d1fc0ccdc296b2e0b654b72d9b955d7e658fcce1a3.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                  |
| Columna de Fecha de la Tabla de Referencias       | <p>Agregue otra columna de fecha a la tabla de referencias. Debe colocarse dentro del componente Tabla de Referencias.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8992234a958c425bfc53bf938cd323162d62d857%2Fd33d6f5ef933f7df85c392f6733973cafe2b798ea1798628f55b67f201cb0734.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                     |
| Columna de Recompensas de la Tabla de Referencias | <p>Agregue otra columna de recompensas a la tabla de referencias. Debe colocarse dentro del componente Tabla de Referencias.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef97eededbc5f92ec490dcab90fd10fb97170671%2F12c9225c7808b735b15b3534fd04a4ffbb7556b6fdc457a942f3ffb76456ba69.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                               |
| Columna de Estado de la Tabla de Referencias      | <p>Agregue otra columna de estado a la tabla de referencias. Debe colocarse dentro del componente Tabla de Referencias.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3440cacb4114c9d370932773b6d92b971729d75%2F1cbe3630384c042632077d3cf87577401eaa02496651fbf90e6e4dba9f62a5aa.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                    |
| Columna de Usuario de la Tabla de Referencias     | <p>Agregue otra columna de cliente (amigo referido) a la tabla de referencias. Debe colocarse dentro del componente Tabla de Referencias.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-07c39fcbf12ca844c00d89c7e423190d5e7ee38e%2F2e6b9f6c02a9670ddd7b2bf8fc050f6a8776851c6eac94b794c42d3aa33ed2f8.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                  |

</details>

<details>

<summary>Avanzado</summary>

Los componentes avanzados le brindan más control sobre lo que los participantes ven y cuándo lo ven. Permiten la visualización condicional de contenido, anulaciones de programa y otras configuraciones especializadas que ayudan a personalizar la experiencia para audiencias específicas.

| Componente                | Descripción                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Área/Segmento Condicional | <p>Mostrar contenido en esta sección solo cuando el participante pertenezca a un cierto <a href="../manage-advocate-participants/manage-advocate-user-segments">segmento de usuarios</a>.</p><p>Para configurar el segmento de usuarios, abra las propiedades del componente y edite la expresión JSONata en el <em>Condición</em> campo.</p><p>Los usuarios dentro del segmento establecido verán todo el contenido mostrado en la sección condicional, mientras que los usuarios que no pertenezcan al segmento no verán el contenido.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                      |
| Área/Campo Condicional    | <p>Mostrar contenido en esta sección solo cuando un <a href="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">campo personalizado</a> en el perfil del participante contenga cierto valor.</p><p>Para configurar el nombre y el valor del campo personalizado, abra las propiedades del componente y edite la expresión JSONata en el <em>Condición</em> campo.</p><p>Los usuarios con el valor correcto del campo personalizado verán todo el contenido mostrado en la sección condicional, mientras que los usuarios sin el valor correcto del campo personalizado no verán el contenido.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p> |
| Sección del Programa      | <p>El componente de sección del programa le permite anular el ID del programa de sus componentes secundarios. Úselo cuando quiera mostrar contenido que no esté vinculado a un programa específico. Incluido por defecto en la mayoría de las plantillas de widget y micrositio.</p><p><img src="https://3147719151-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                              |

</details>

<details>

<summary>Tipografía</summary>

Los componentes de tipografía le permiten añadir bloques de texto formateado a su widget o micrositio. Seleccione entre:

* Párrafo
* Encabezado 1
* Encabezado 2
* Encabezado 3
* Encabezado 4

  <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-a21333a42165afd0b94699beb820ce6f01d4967b%2F98486fd03f5278fcc0128c28d9b9c6a7a62508a7f08c0db73e8d274a1198d0e0.jpg?alt=media" alt="" width="208"><figcaption></figcaption></figure></div>

</details>
