# Spiegazione dei Componenti di Widget e Microsite

<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 dati, sono disponibili solo per determinate edizioni del prodotto o add-on. Se desideri un controllo più dettagliato su quali componenti utilizzano i tuoi micrositi, contattaci per aggiornare il tuo programma.
{% endhint %}

I componenti sono i singoli blocchi costitutivi, come immagini hero e schede attività, che compongono il widget o il microsito del tuo programma Advocate. Questi elementi definiscono [l'esperienza del partecipante](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) e possono essere personalizzati per allinearsi al tuo marchio.

Questo articolo fornisce un elenco categorizzato dei componenti disponibili all'interno degli editor di widget e microsito. La maggior parte dei componenti supporta stile e personalizzazione, anche se alcuni hanno limitazioni di design. Puoi anche visualizzare in anteprima gli stati dei componenti nell'interfaccia dell'editor.

<details>

<summary>Statistiche</summary>

Usa *Statistiche* i componenti per far sapere ai tuoi partecipanti come stanno andando nel tuo programma. Per un elenco delle statistiche che questi componenti possono supportare, visita [Statistiche di Widget e Microsite](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| Componente                      | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Saldo Punti                     | <p>Mostra il saldo Punti del partecipante. Utilizzato nei programmi Advocate che premiano i partecipanti con punti.</p><p><img src="https://1043985218-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>                                            |
| Buoni regalo ottenuti           | <p>Mostra il conteggio dei buoni regalo ottenuti dall'Advocate.</p><p><img src="https://1043985218-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>                                                                                                |
| Riferimenti                     | <p>Visualizza quanti referral il partecipante ha fatto. Include referral avviati e convertiti.</p><p><img src="https://1043985218-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>                                                                 |
| Contenitore con tre statistiche | <p>Un modello con spazio per tre statistiche. Le statistiche visualizzate possono essere cambiate. Le statistiche possono essere aggiunte e rimosse a piacere.</p><p><img src="https://1043985218-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> |
| Altra statistica                | Visualizza una statistica a tua scelta. Puoi selezionare tra una statistica di referral, varie statistiche sulle ricompense o creare una statistica personalizzata.                                                                                                                                                                                                                                                                                                         |

</details>

<details>

<summary>Componenti comuni</summary>

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

| Componente                        | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| --------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Immagine hero a due colonne       | <p>Un'immagine banner e testo dell'intestazione che si estendono su due colonne. È possibile aggiornare immagine, testo e colore di sfondo.</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>                                                                                                                                                                                 |
| Immagine hero con sovrapposizione | <p>Un'immagine banner con testo sovrapposto. È possibile aggiornare immagine, testo e colore di sfondo.</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. Il colore di sfondo, l'allineamento, l'altezza e la larghezza possono essere modificati.</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 Marchio impostato a livello di Contenitore del Marchio.</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 guadagnare ricompense. Include per impostazione predefinita due passaggi di spiegazione del programma. Possono essere aggiunti altri passaggi. Il colore è controllato dal Colore del Marchio impostato a livello di Contenitore del Marchio.</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> |
| Passo spiegazione del programma   | <p>Aggiungi testo descrittivo per spiegare una parte del tuo programma. Si adatta all'interno di un componente spiegazione del programma. Il colore è controllato dal Colore del Marchio impostato a livello di Contenitore del Marchio.</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 delle ricompense per i tuoi partecipanti. Aggiungi o rimuovi voci della cronologia secondo necessità. Il colore dell'icona circolare e delle linee tra le voci è controllato dal Colore del Marchio impostato a livello di Contenitore del Marchio.</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 cronologia del programma per mostrare un passaggio del percorso di referral. Il colore dell'icona circolare e delle linee tra le voci è controllato dal Colore del Marchio impostato a livello di Contenitore del Marchio.</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>Importa dinamicamente il nome completo del partecipante. Predefinito su “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>Ricompense</summary>

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

| Componente               | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Feed di schede attività  | <p>Le schede attività permettono ai tuoi utenti di eseguire azioni o vedere i progressi verso gli obiettivi del programma Advocate direttamente tramite il widget o il microsito. Questo componente aggiunge più schede attività al tuo widget o microsito. Il colore del pulsante è controllato dal Colore del Marchio impostato a livello di Contenitore del Marchio.</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 di ricompense    | <p>Consenti ai partecipanti di scambiare le ricompense guadagnate con un altro tipo di ricompensa.</p><p>Devi avere <a href="../advocate-rewards/reward-exchange-explained">Scambio di ricompense</a> configurato per usare 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 delle ricompense | <p>Mostra un elenco delle ricompense che il partecipante ha guadagnato. Può includere ricompense manuali e/o ricompense guadagnate 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 note cliente     | <p>Aggiungi un'altra colonna note alla tabella delle ricompense. Deve essere posizionata all'interno del componente Tabella delle ricompense.</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 delle ricompense. Deve essere posizionata all'interno del componente Tabella delle ricompense.</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 ricompensa       | <p>Aggiungi un'altra colonna ricompensa alla tabella delle ricompense. Deve essere posizionata all'interno del componente Tabella delle ricompense.</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 fonte            | <p>Aggiungi un'altra colonna fonte alla tabella delle ricompense. Deve essere posizionata all'interno del componente Tabella delle ricompense.</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 delle ricompense. Deve essere posizionata all'interno del componente Tabella delle ricompense.</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>

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

| Componente                    | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ----------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Campo di controllo del modulo | <p>Aggiungi una casella di controllo al modulo di registrazione. Puoi mappare se la casella è stata selezionata a un campo personalizzato sul partecipante Advocate. Leggi Visualizza le inviate del modulo di registrazione del tuo 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 a discesa del modulo    | <p>Aggiungi un elenco a discesa con elementi personalizzabili al modulo di registrazione. Puoi mappare l'elemento selezionato dall'utente a un campo personalizzato sul partecipante Advocate. Contatta l'Assistenza per assistenza su questo.</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 di testo libero al modulo di registrazione. Puoi mappare il testo inserito dall'utente a un campo personalizzato sul partecipante Advocate. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Contatta l'assistenza</a> per assistenza su questo.</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 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 link alla navigazione della barra laterale del tuo microsito. Può essere posizionata solo con il Layout Connessione effettuata 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 ricompense senza passare attraverso il processo di registrazione standard. Sono ideali per programmi che utilizzano widget di referral ad accesso istantaneo o flussi di registrazione per amici.

| Componente                    | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ----------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice coupon                 | <p>Mostra un codice riscattabile per una ricompensa Fuel Tank.</p><p>Il <a href="../advocate-rewards/fuel-tank-rewards-explained">serbatoio di ricompense</a> deve avere codici coupon disponibili affinché questo componente funzioni correttamente.</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 loro indirizzo email per registrarsi e fare referral. Dopo aver inserito il proprio indirizzo email, gli utenti saranno portati a una seconda schermata dove potranno accedere ai loro link di condivisione. Utilizzato per il Widget di Referral del 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 loro indirizzo email per registrarsi. Dopo aver inserito il proprio indirizzo email, gli utenti saranno portati a una seconda schermata dove potranno accedere alla loro ricompensa Codice Coupon. Utilizzato 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 di layout ti permettono di organizzare e raggruppare insieme altri componenti. Usali per creare sezioni, righe, colonne o schede.

| Componente                 | 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 a 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 a 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 generico di schede.</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 generico di schede  | <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 inclinata          | <p>Aggiungi una nuova sezione che contiene un'intestazione e un paragrafo di testo. Altri componenti possono essere aggiunti alla sezione intitolata 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 permettono di inserire componenti fattura per visualizzare i dati di guadagno.

| Componente                   | Descrizione                                                                                                                                                                                                                                                                                                                                                                              |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tabella fatture              | <p>Aggiungi un accordion fattura espandibile che ospita i dati di guadagno.</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 tabella fatture | <p>Aggiungi una nuova colonna al componente 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 classifica ti permette di classificare i partecipanti al tuo programma, offrire ricompense ai migliori e incentivare i partecipanti a ottenere risultati maggiori nel tuo programma. Aggiungi classifiche al tuo [widget ad accesso verificato](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) o [microsito](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview), e configura il sistema di punteggio, il sistema di classificazione e le opzioni di filtraggio dei partecipanti. Vedi gli articoli sotto per maggiori informazioni:

* [Classifiche spiegate](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [Configura una classifica](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| Componente          | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Referral avviato    | <p>Questo tipo di classifica ordina i partecipanti in base al numero di referral che hanno avviato. Il punteggio dei tuoi advocate clienti corrisponderà 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 che hai definito. Il punteggio dei tuoi advocate clienti corrisponderà 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 che hanno guadagnato nei programmi Advocate che premiano Punti. Tutte le unità di ricompensa Punti contano purché non siano in sospeso o annullate. Questo tipo di classifica è valido solo per il tipo di ricompensa 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 di identificazione personale sugli altri partecipanti al programma. Può mostrare 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 permettono di incorporare la raccolta dei moduli fiscali e le opzioni di pagamento in contanti nel tuo [widget ad accesso verificato](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) o [microsito](https://help.impact.com/brand/it/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

Questo gruppo di componenti è disponibile solo se il [*pagamenti in contanti*](https://help.impact.com/brand/it/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) è stato attivato per il tuo account.

| Componente                                              | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 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 call-to-action che porta il partecipante a rivedere le impostazioni di pagamento.</p><p>Facoltativamente, personalizza una qualsiasi delle descrizioni testuali che il partecipante vedrà quando visualizzerà 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 per pagamento in contanti per Microsito e Widget | <p>Inserisci un modulo che raccoglie le informazioni bancarie dei partecipanti e eventuali moduli fiscali applicabili, come un W-8 o W-9.</p><p>Facoltativamente, personalizza una qualsiasi delle descrizioni testuali che il partecipante vedrà quando visualizzerà il modulo.</p><p>Puoi anche impostare avvisi e requisiti di verifica 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 danno ai partecipanti modi comodi per promuovere i loro link di referral e codici su più canali. Quando un partecipante clicca un pulsante di condivisione, si apre il canale scelto, come *Facebook*, *LinkedIn*, *WhatsApp*, o *email*, con un messaggio o link precompilato, pronto per essere inviato.

Alcuni componenti, come Codice Referral, mostrano il codice referral o promozionale individuale del partecipante insieme a un'opzione 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 in modo che i partecipanti possano pubblicare o inviare immediatamente il codice selezionato. Questi strumenti rendono semplice per i partecipanti diffondere la voce e generare nuovi referral.

| Componente                          | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ----------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice referral                     | <p>Mostra un campo codice referral con opzione copia negli appunti. Utilizzato 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 tra vari codici se ne è stato assegnato più di uno. Include anche un link di condivisione e i 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 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 Sociale del marchio 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 condivisione X             | <p>Mostra un pulsante Condividi via X con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo post sull'account X dell'utente con il Messaggio Sociale del marchio 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 condivisione Email         | <p>Mostra un pulsante Condividi 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 Sociale del marchio 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 condivisione foglio 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 Sociale del marchio 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 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 Sociale del marchio 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 condivisione SMS           | <p>Mostra un pulsante Invia SMS a un amico con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà all'app SMS/messaggistica predefinita dell'utente e verrà creato un nuovo SMS/messaggio con il Messaggio Sociale del marchio 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 condivisione Messenger     | <p>Mostra un pulsante Condividi via Messenger con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio nell'app Facebook Messenger dell'utente con il Messaggio Sociale del marchio 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 condivisione WhatsApp      | <p>Mostra un pulsante Condividi via WhatsApp con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio sull'account WhatsApp dell'utente con il Messaggio Sociale del marchio 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 condivisione LINE          | <p>Mostra un pulsante Condividi via Line Messenger con testo personalizzabile. Quando viene cliccato, il pulsante reindirizzerà a un nuovo messaggio nell'app Line Messenger dell'utente con il Messaggio Sociale del marchio 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 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 Sociale del marchio 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>Riferimenti</summary>

*Referral* i componenti visualizzano informazioni sugli amici referenziati del partecipante e sul loro stato di conversione. Rendono facile per i partecipanti monitorare chi hanno referenziato, quando sono avvenute le conversioni e le eventuali ricompense ottenute da quei referral.

| Componente                          | 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 mostra gli amici referenziati del 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 posizionata 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 ricompense tabella referral | <p>Aggiungi un'altra colonna ricompense alla tabella referral. Deve essere posizionata 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 posizionata 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 posizionata 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>Avanzato</summary>

I componenti avanzati ti danno più 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.

| Componente                   | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Area condizionale / Segmento | <p>Visualizza il contenuto in questa sezione solo quando il partecipante appartiene a un certo <a href="../manage-advocate-participants/manage-advocate-user-segments">segmento di utenti</a>.</p><p>Per impostare il segmento di utenti, apri le proprietà del componente e modifica l'espressione JSONata nel <em>Campo condizione</em> campo.</p><p>Gli utenti all'interno del segmento impostato vedranno tutto il contenuto visualizzato nella sezione condizionale, mentre gli utenti non appartenenti al segmento non vedranno il contenuto.</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 condizionale / Campo    | <p>Visualizza il contenuto in questa sezione solo quando un <a href="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">campo personalizzato</a> del profilo del partecipante contiene un certo valore.</p><p>Per impostare il nome del campo personalizzato e il valore, apri le proprietà del componente e modifica l'espressione JSONata nel <em>Campo condizione</em> campo.</p><p>Gli utenti con il valore corretto del campo personalizzato vedranno tutto il contenuto visualizzato nella sezione condizionale, mentre gli utenti senza il valore corretto del campo personalizzato non vedranno il contenuto.</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 del programma        | <p>Il componente sezione del programma ti permette di sovrascrivere l'ID del programma dei suoi componenti figli. Usalo quando vuoi visualizzare contenuti che non sono 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 tipografia ti permettono di aggiungere blocchi di testo formattato al tuo widget o microsito. Seleziona tra:

* Paragrafo
* Intestazione 1
* Intestazione 2
* Intestazione 3
* Intestazione 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>
