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

# Spiegazione dei componenti di widget e micrositi

<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">Segui il corso PXA</a>

{% hint style="success" %}
**Limitato**: I componenti, a parte quelli forniti nei modelli indicati, sono disponibili solo per determinate edizioni del prodotto o componenti aggiuntivi. Se desideri un controllo più granulare su quali componenti utilizzano i tuoi micrositi, contattaci per aggiornare il tuo programma.
{% endhint %}

I componenti sono i singoli elementi costitutivi, come immagini hero e schede attività, che compongono il widget o il microsito del tuo programma Advocate. Questi elementi definiscono la [esperienza del partecipante](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences.md) e possono essere personalizzati in modo da allinearsi al tuo brand.

Questo articolo fornisce un elenco categorizzato dei componenti disponibili negli editor di widget e microsito. La maggior parte dei componenti supporta stile e personalizzazione, sebbene alcuni abbiano limitazioni di design. Puoi anche visualizzare in anteprima gli stati del componente all’interno dell’interfaccia dell’editor.

<details>

<summary>Statistiche</summary>

Usa *Statistiche* componenti per consentire ai partecipanti di sapere come stanno andando nel tuo programma. Per un elenco delle statistiche supportate da questi componenti, visita [Statistiche di Widget e Microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| scheda                          | Descrizione                                                                                                                                                   |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Saldo punti                     | Mostra il saldo Punti del partecipante. Usato nei programmi Advocate che premiano i partecipanti con punti.                                                   |
| Carte regalo guadagnate         | Mostra il numero di premi in gift card guadagnati dall'Advocate.                                                                                              |
| Referral                        | Mostra quanti referral ha effettuato il partecipante. Include referral avviati e convertiti.                                                                  |
| Contenitore con tre statistiche | Un modello con spazio per tre statistiche. Le statistiche visualizzate possono essere modificate. Le statistiche possono essere aggiunte e rimosse a piacere. |
| Altra statistica                | Mostra una statistica a tua scelta. Puoi scegliere tra una statistica di referral, varie statistiche di premio oppure creare una statistica personalizzata.   |

<figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fh7SqO0ijZKN04RyBL6ma%2FScreenshot%202026-05-20%20at%2009.51.59.png?alt=media&amp;token=55e2a10a-895a-4913-a2ba-16877a196a94" alt="" width="563"><figcaption></figcaption></figure>

</details>

<details>

<summary>Componenti comuni</summary>

*Componenti comuni* sono ampiamente utilizzati per migliorare sia la funzionalità sia la coerenza del design in tutto il tuo widget o microsito. Coprono elementi visivi e strutturali di uso generale come immagini hero, formattazione del layout e passaggi descrittivi del programma.

| scheda                                    | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ----------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Immagine hero a due colonne               | <p>Un'immagine banner e testo dell'intestazione distribuiti su due colonne. L'immagine, il testo e il colore di sfondo possono essere aggiornati.</p><p><img src="https://1043985218-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>                                                                                                                                                            |
| Overlay Hero Image                        | <p>Un'immagine banner con testo sovrapposto. L'immagine, il testo e il colore di sfondo possono essere aggiornati.</p><p><img src="https://1043985218-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>                                                                                                                                                                                           |
| Immagine                                  | <p>Un'immagine. È possibile modificare il colore di sfondo, l'allineamento, l'altezza e la larghezza.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                        |
| Pulsante link                             | <p>Un pulsante cliccabile che reindirizza i partecipanti al link selezionato. Il colore del pulsante è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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>                                                                                                                           |
| Spiegazione del programma                 | <p>Un modello che spiega come funziona un programma Advocate, ad esempio come ottenere premi. Include due passaggi di spiegazione del programma per impostazione predefinita. È possibile aggiungere altri passaggi. Il colore è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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> |
| Passaggio della spiegazione del programma | <p>Aggiungi testo descrittivo per spiegare una parte del tuo programma. Si adatta all'interno di un componente di spiegazione del programma. Il colore è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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>                                                                         |
| Cronologia del programma                  | <p>Mostra una panoramica del percorso di referral e dei premi per i tuoi partecipanti. Aggiungi o rimuovi voci della cronologia secondo necessità. Il colore dell'icona a cerchio e delle linee tra le voci è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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>                    |
| Voce della cronologia                     | <p>Si adatta all'interno di un componente della cronologia del programma per mostrare un passaggio del percorso di referral. Il colore dell'icona a cerchio e delle linee tra le voci è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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>                                          |
| Visualizzazione nome utente               | <p>Recupera dinamicamente il nome completo del partecipante. Il valore predefinito è “Utente anonimo” se il partecipante non ha inserito un nome.</p><p><img src="https://1043985218-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>sezione Ricompense</summary>

{% hint style="info" %}
**Nota:** *Premio* i componenti possono essere utilizzati solo per widget e micrositi con accesso verificato.
{% endhint %}

| scheda               | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Feed schede attività | <p>Le schede attività consentono ai tuoi utenti di eseguire azioni o vedere i progressi verso gli obiettivi del programma Advocate direttamente nel widget o nel microsito. Questo componente aggiunge più schede attività al tuo widget o microsito. Il colore del pulsante è controllato dal Colore del brand impostato a livello del Contenitore brand.</p><p><img src="https://1043985218-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> |
| Scambio premi        | <p>Consenti ai partecipanti di scambiare i premi guadagnati con un altro tipo di premio.</p><p>Devi avere <a href="/brand/it/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/reward-exchange-explained.md">Scambio premi</a> configurato per utilizzare questa funzionalità.</p><p><img src="https://1043985218-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>                                                          |
| Tabella premi        | <p>Mostra un elenco dei premi guadagnati dal partecipante. Può includere premi manuali e/o premi guadagnati in più programmi Advocate.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                     |
| Colonna nota cliente | <p>Aggiungi un'altra colonna nota alla tabella premi. Deve essere inserita all'interno del componente Tabella premi.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                       |
| Colonna data         | <p>Aggiungi un'altra colonna data alla tabella premi. Deve essere inserita all'interno del componente Tabella premi.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                       |
| Colonna premio       | <p>Aggiungi un'altra colonna premio alla tabella premi. Deve essere inserita all'interno del componente Tabella premi.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                     |
| Colonna origine      | <p>Aggiungi un'altra colonna origine alla tabella premi. Deve essere inserita all'interno del componente Tabella premi.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                    |
| Colonna stato        | <p>Aggiungi un'altra colonna stato alla tabella premi. Deve essere inserita all'interno del componente Tabella premi.</p><p><img src="https://1043985218-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>Componenti del microsito</summary>

*Microsito* i componenti sono utilizzati principalmente per il modulo di registrazione e la barra laterale di navigazione del tuo microsito. Questi componenti non possono essere aggiunti ai widget del programma.

| scheda                                | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Campo casella di controllo del modulo | <p>Aggiungi una casella di controllo al modulo di registrazione. Puoi mappare se la casella è stata selezionata su un campo personalizzato del partecipante Advocate. Consulta Visualizza gli invii del modulo di registrazione del microsito per maggiori informazioni.</p><p><img src="https://1043985218-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 menu a discesa del modulo       | <p>Aggiungi un elenco a discesa con elementi personalizzabili al modulo di registrazione. Puoi mappare l'elemento selezionato dall'utente su un campo personalizzato del partecipante Advocate. Contatta l'Assistenza per ricevere aiuto in merito.</p><p><img src="https://1043985218-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 di input del modulo             | <p>Aggiungi un campo di input testuale libero al modulo di registrazione. Puoi mappare il testo inserito dall'utente su un campo personalizzato del partecipante Advocate. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Contatta l'assistenza</a> per ricevere aiuto in merito.</p><p><img src="https://1043985218-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> |
| Campi nome del modulo                 | <p>Aggiungi i campi compilabili Nome e Cognome al modulo di registrazione.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                       |
| Voce della barra laterale             | <p>Aggiungi una nuova pagina o un nuovo link alla navigazione della barra laterale del tuo microsito. Può essere inserita solo con il Layout con accesso effettuato del microsito.</p><p><img src="https://1043985218-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 password del modulo             | <p>Aggiungi un campo password compilabile al modulo di registrazione.</p><p><img src="https://1043985218-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>Accesso istantaneo</summary>

*Accesso istantaneo* i componenti rendono rapido e semplice per gli amici referenziati registrarsi o riscattare premi senza passare attraverso il processo di registrazione standard. Sono ideali per programmi che utilizzano widget di referral ad accesso istantaneo o flussi di registrazione amici.

| scheda                        | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice coupon                 | <p>Mostra un codice riscattabile per un premio Fuel Tank.</p><p>Il <a href="/brand/it/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/fuel-tank-rewards-explained.md">premi Fuel Tank</a> deve avere codici coupon disponibili affinché questo componente funzioni come previsto.</p><p><img src="https://1043985218-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>                           |
| Registrazione Advocate        | <p>Consenti ai nuovi Advocate di inserire il proprio indirizzo email per registrarsi e effettuare referral. Dopo aver inserito l'indirizzo email, gli utenti verranno portati a una seconda schermata dove potranno accedere ai loro link di condivisione referral. Usato per il widget Referral sito web ad accesso istantaneo.</p><p><img src="https://1043985218-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> |
| Disconnetti l'utente corrente | <p>Consenti al visualizzatore di uscire dalla visualizzazione personalizzata ad accesso istantaneo.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                              |
| Registrazione amico           | <p>Consenti agli amici referenziati di inserire il proprio indirizzo email per registrarsi. Dopo aver inserito l'indirizzo email, gli utenti verranno portati a una seconda schermata dove potranno accedere al loro premio Codice coupon. Usato per il widget Amico ad accesso istantaneo.</p><p><img src="https://1043985218-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>Layout</summary>

*Layout* i componenti ti consentono di organizzare e raggruppare altri componenti. Usali per creare sezioni, righe, colonne o schede.

| scheda                     | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout hero a due colonne  | <p>Aggiungi un layout hero con due colonne di contenuto.</p><p><img src="https://1043985218-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>                                                                                                                                                  |
| Contenitore layout riga    | <p>Aggiungi un nuovo contenitore di riga per il contenuto. Altri componenti possono essere posizionati all'interno della riga.</p><p><img src="https://1043985218-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>                                                                            |
| Contenitore layout colonna | <p>Aggiungi un nuovo contenitore di colonna per il contenuto. Altri componenti possono essere posizionati all'interno della colonna.</p><p><img src="https://1043985218-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>                                                                      |
| Scheda                     | <p>Aggiungi una nuova scheda a un gruppo di schede generico.</p><p><img src="https://1043985218-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>                                                                                                                                              |
| Gruppo schede generico     | <p>Aggiungi un gruppo di schede. Ogni scheda può contenere componenti e contenuti distinti. Ha tre schede per impostazione predefinita, ma le schede possono essere rimosse o aggiunte secondo necessità.</p><p><img src="https://1043985218-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> |
| Sezione titolata           | <p>Aggiungi una nuova sezione che contiene un titolo e un testo di paragrafo. Altri componenti possono essere aggiunti alla sezione titolata sotto l'intestazione.</p><p><img src="https://1043985218-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>Fatture</summary>

*Fattura* i componenti ti consentono di inserire componenti fattura per visualizzare i dati sui guadagni.

| scheda                             | Descrizione                                                                                                                                                                                                                                                                                                                                                                                 |
| ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tabella fatture                    | <p>Aggiungi un accordion fatture espandibile che contiene i dati sui guadagni.</p><p><img src="https://1043985218-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> |
| Colonna data della tabella fatture | <p>Aggiungi una nuova colonna al componente della tabella fatture.</p><p><img src="https://1043985218-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>

Il *Classifica* Il componente consente di classificare i partecipanti al tuo programma, offrire premi ai migliori performer e incentivare i partecipanti a ottenere risultati migliori nel tuo programma. Aggiungi classifiche al tuo [widget con accesso verificato](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) o [microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md), e configura il sistema di punteggio, il sistema di classificazione e le opzioni di filtro dei partecipanti. Consulta gli articoli qui sotto per maggiori informazioni:

* [Classifiche spiegate](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md)
* [Configura una classifica](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard.md)

| scheda              | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Referral avviato    | <p>Questo tipo di classifica ordina i partecipanti in base al numero di referral che hanno avviato. I punteggi dei tuoi advocate corrisponderanno al numero di referral avviati.</p><p><img src="https://1043985218-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>                                                                                                                                                                                |
| Referral convertito | <p>Questo tipo di classifica ordina i partecipanti in base al numero di referral che hanno convertito. I referral sono considerati convertiti una volta che l'amico referenziato raggiunge un obiettivo del programma, come effettuare un acquisto di un valore da te definito. I punteggi dei tuoi advocate corrisponderanno al numero di referral convertiti.</p><p><img src="https://1043985218-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> |
| Punti guadagnati    | <p>Questo tipo di classifica ordina i partecipanti in base al numero totale di Punti guadagnati nei programmi Advocate che premiano i Punti. Tutti i Punti unità premio vengono conteggiati finché non sono in attesa o annullati. Questo tipo di classifica è valido solo per il tipo di premio Punti.</p><p><img src="https://1043985218-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>                                                         |
| Classifica anonima  | <p>Una versione completamente anonimizzata della classifica che non mostra alcuna informazione personalmente identificabile sugli altri partecipanti del programma. Può visualizzare qualsiasi tipo di classifica.</p><p><img src="https://1043985218-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>Tasse e contanti</summary>

*Tasse e contanti* i componenti ti consentono di incorporare la raccolta di moduli fiscali e opzioni di pagamento in contanti nel tuo [widget con accesso verificato](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) o [microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md).

Questo gruppo di componenti è disponibile solo se la [*pagamenti in contanti*](/brand/it/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained.md) funzionalità è stata attivata per il tuo account.

| scheda                                                 | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Finestra modale informazioni partner                   | <p>Inserisci una modale che raccolga il paese e la valuta dei partecipanti. Queste informazioni garantiscono che i tuoi partecipanti possano ricevere i premi senza ritardi o passaggi di configurazione aggiuntivi.<br></p><p>Ha due stati configurabili a seconda che l'email del partecipante sia già collegata a un account esistente:</p><ul><li><strong>Descrizione del nuovo partner</strong>: Mostrata ai partecipanti al primo accesso. Il testo predefinito ("Conferma ora il tuo paese e la tua valuta per ricevere più velocemente i tuoi premi futuri") li invita a fornire i propri dati prima di ricevere il loro link di condivisione.</li><li><strong>Descrizione del partner esistente</strong>: Mostrata quando l'email del partecipante è già associata a un account su impact.com. La modale compila automaticamente le loro informazioni e chiede di confermarle invece di reinserirle da zero.</li></ul> |
| Avviso stato pagamento                                 | <p>Avvisa il partecipante delle azioni che deve intraprendere prima di poter ricevere un pagamento in contanti. Il componente include un pulsante di invito all'azione che porta il partecipante a rivedere le impostazioni di pagamento.</p><p>Facoltativamente, personalizza una qualsiasi delle descrizioni testuali che il partecipante vedrà quando visualizza il componente.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                 |
| Modulo di pagamento in contanti per microsito e widget | <p>Inserisci un modulo che raccolga le informazioni bancarie dei partecipanti ed eventuali moduli fiscali applicabili, come un W-8 o un W-9.</p><p>Facoltativamente, personalizza una qualsiasi delle descrizioni testuali che il partecipante vedrà quando visualizza il modulo.</p><p>Puoi anche impostare avvisi di verifica e requisiti all'interno di questo componente.</p><p><img src="https://1043985218-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>Condivisione</summary>

*Condivisione* i componenti offrono ai partecipanti modi pratici per promuovere i propri link e codici di referral su più canali. Quando un partecipante fa clic su un pulsante di condivisione, si apre il canale scelto, come *Facebook*, *LinkedIn*, *WhatsApp*, oppure *email*, con un messaggio o un link precompilato, pronto per l'invio.

Alcuni componenti, come Codice referral, mostrano il codice di referral o promozionale individuale del partecipante insieme a un'opzione di copia negli appunti per una condivisione rapida. Altri, come Codici promozionali, presentano più codici disponibili (se assegnati) in una vista a cursore e includono pulsanti di condivisione così che i partecipanti possano pubblicare o inviare istantaneamente il codice selezionato. Questi strumenti semplificano la diffusione del messaggio e generano nuovi referral.

| scheda                                     | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| ------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice referral                            | <p>Mostra un campo codice referral con un'opzione copia negli appunti. Usato come parte della funzionalità Codici promozionali.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                           |
| Codici promozionali                        | <p>Blocco componente preformattato che include il campo codice promozionale referral con cursore per passare da vari codici se ne è stato assegnato più di uno. Include inoltre un link di condivisione e componenti pulsante di condivisione per Facebook, LinkedIn e Twitter / X.</p><p><img src="https://1043985218-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>                                                                       |
| Pulsante di condivisione Facebook          | <p>Mostra un pulsante Condividi su Facebook con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo post sul profilo Facebook dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                                  |
| Pulsante di condivisione X                 | <p>Mostra un pulsante Condividi tramite X con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo post sull'account X dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                                          |
| Pulsante di condivisione email             | <p>Mostra un pulsante Invia via email con testo personalizzabile. Quando viene cliccato, il pulsante aprirà l'applicazione email predefinita dell'utente e avvierà una nuova email con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                         |
| Pulsante del foglio di condivisione mobile | <p>Mostra un pulsante per condividere all'interno del browser web del partecipante. Quando viene cliccato, il pulsante aprirà un menu che elenca tutte le app disponibili che l'utente può aprire per condividere il proprio link. Quando viene selezionata un'app, verrà creato un nuovo post o messaggio con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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> |
| Pulsante di condivisione LinkedIn          | <p>Mostra un pulsante Condividi su LinkedIn con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo post sul profilo LinkedIn dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                                  |
| Pulsante di condivisione SMS               | <p>Mostra un pulsante Invia a un amico con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà all'app SMS/messaggi predefinita dell'utente e verrà creato un nuovo messaggio SMS/testo con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                               |
| Pulsante di condivisione Messenger         | <p>Mostra un pulsante Condividi tramite Messenger con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio nell'app Facebook Messenger dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                |
| Pulsante di condivisione WhatsApp          | <p>Mostra un pulsante Condividi tramite WhatsApp con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio nell'account WhatsApp dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                       |
| Pulsante di condivisione LINE              | <p>Mostra un pulsante Condividi tramite Line Messenger con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio nell'app Line Messenger dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                               |
| Pulsante di condivisione Pinterest         | <p>Mostra un pulsante Condividi su Pinterest con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo post sul profilo Pinterest dell'utente con il Messaggio social del brand precaricato.</p><p><img src="https://1043985218-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>                                                                                                                                |
| Link di condivisione                       | <p>Mostra il link di condivisione del partecipante per questo programma.</p><p><img src="https://1043985218-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>                                                                                                                                                                                                                                                                                  |
| Codice QR                                  | <p>Mostra il link di condivisione del partecipante sotto forma di codice QR per questo programma.</p><p><img src="https://1043985218-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>Referral</summary>

*Referral* i componenti visualizzano informazioni sugli amici referenziati dal partecipante e sul loro stato di conversione. Rendono facile per i partecipanti tenere traccia di chi hanno referenziato, quando sono avvenute le conversioni e di eventuali premi guadagnati da quei referral.

| scheda                          | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Scheda referral                 | <p>Blocco componente preformattato che include <em>cronologia del programma</em>, <em>link di condivisione</em>, e <em>Facebook</em>, <em>LinkedIn,</em> e <em>Twitter / X</em> componenti pulsante di condivisione. È possibile aggiungere o rimuovere altri componenti secondo necessità.</p><p><img src="https://1043985218-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> |
| Tabella referral                | <p>Mostra una tabella che indica gli amici referenziati dal partecipante, la data di conversione e lo stato di conversione.</p><p><img src="https://1043985218-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>                                                                                                                                                                 |
| Colonna data tabella referral   | <p>Aggiungi un'altra colonna data alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="https://1043985218-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>                                                                                                                                                                  |
| Colonna premi tabella referral  | <p>Aggiungi un'altra colonna premi alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="https://1043985218-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>                                                                                                                                                                 |
| Colonna stato tabella referral  | <p>Aggiungi un'altra colonna stato alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="https://1043985218-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>                                                                                                                                                                 |
| Colonna utente tabella referral | <p>Aggiungi un'altra colonna cliente (amico referenziato) alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="https://1043985218-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>Avanzate</summary>

I componenti avanzati ti offrono un maggiore controllo su ciò che i partecipanti vedono e quando lo vedono. Consentono la visualizzazione condizionale dei contenuti, override del programma e altre configurazioni specializzate che aiutano a personalizzare l'esperienza per pubblici specifici.

| scheda                       | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Area / segmento condizionale | <p>Visualizza i contenuti in questa sezione solo quando il partecipante appartiene a un certo <a href="/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/manage-advocate-user-segments.md">segmento di utenti</a>.</p><p>Per impostare il segmento utente, apri le proprietà del componente e modifica l'espressione JSONata nel <em>condizione</em> campo.</p><p>Gli utenti all'interno del segmento impostato vedranno tutti i contenuti visualizzati nella sezione condizionale, mentre gli utenti fuori dal segmento non vedranno i contenuti.</p><p><img src="https://1043985218-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>                                                                                                                                |
| Area / campo condizionale    | <p>Visualizza i contenuti in questa sezione solo quando un <a href="/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained.md">campo personalizzato</a> nel profilo del partecipante contiene un certo valore.</p><p>Per impostare il nome e il valore del campo personalizzato, apri le proprietà del componente e modifica l'espressione JSONata nel <em>condizione</em> campo.</p><p>Gli utenti con il valore corretto del campo personalizzato vedranno tutti i contenuti visualizzati nella sezione condizionale, mentre gli utenti senza il valore corretto del campo personalizzato non vedranno i contenuti.</p><p><img src="https://1043985218-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> |
| Sezione programma            | <p>Il componente sezione programma consente di sovrascrivere l'ID programma dei componenti figlio. Usalo quando vuoi visualizzare contenuti non collegati a un programma specifico. Incluso per impostazione predefinita nella maggior parte dei modelli di widget e microsito.</p><p><img src="https://1043985218-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>Tipografia</summary>

I componenti tipografici ti consentono di aggiungere blocchi di testo formattato al tuo widget o microsito. Seleziona tra:

* Paragrafo
* Titolo 1
* Titolo 2
* Titolo 3
* Titolo 4

  <div data-with-frame="true"><figure><img src="https://1043985218-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>


---

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

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

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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

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