> 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 microsito

<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 predefiniti, sono disponibili solo per alcune 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 di base, come immagini hero e schede attività, che compongono il widget o il microsito del tuo programma Advocate. Questi elementi definiscono l' [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 per allinearsi al tuo brand.

Questo articolo fornisce un elenco categorizzato dei componenti disponibili all'interno degli editor del widget e del microsito. La maggior parte dei componenti supporta lo stile e la 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 partecipanti come stanno andando nel tuo programma. Per un elenco delle statistiche che questi componenti possono supportare, 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).

| Componente                      | Descrizione                                                                                                                                                         |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Saldo punti                     | Mostra il saldo punti del partecipante. Usato nei programmi Advocate che premiano i partecipanti con punti.                                                         |
| Gift card guadagnate            | Mostra il numero di premi gift card ottenuti dall'Advocate.                                                                                                         |
| Referral                        | Mostra quanti referral ha effettuato il partecipante. Include i 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 come desiderato. |
| Altra statistica                | Mostra una statistica a tua scelta. Puoi scegliere tra una statistica di referral, varie statistiche sui premi oppure creare una statistica personalizzata.         |

<figure><img src="/files/90d9c7bb376751dd2d5158242c29054865801137" 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 all'interno del widget o microsito. Coprono elementi visivi e strutturali di uso generale come immagini hero, formattazione del layout e passaggi descrittivi del programma.

| Componente                                | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                      |
| ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Immagine hero a due colonne               | <p>Un'immagine banner e un testo di intestazione che si estendono su due colonne. L'immagine, il testo e il colore di sfondo possono essere aggiornati.</p><p><img src="/files/070ace46df88c35c1bd540295eb138a21d2d92a0" alt="" data-size="original"></p>                                                                                                                                                        |
| Immagine hero sovrapposta                 | <p>Un'immagine banner con testo sovrapposto. L'immagine, il testo e il colore di sfondo possono essere aggiornati.</p><p><img src="/files/090bdbbae4f4375c2aceec79cfe58d07ba195bf5" 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="/files/18d8cb84f69e148f391bce3d1f53ac8d8e2b92a6" 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 di Brand Container.</p><p><img src="/files/1e83c072f4894d5db1dc1add01d45576e417ff2c" alt="" data-size="original"></p>                                                                                                                                |
| Spiegazione del programma                 | <p>Un modello che spiega come funziona un programma Advocate, ad esempio come ottenere ricompense. Include due passaggi di spiegazione del programma per impostazione predefinita. È possibile aggiungere altri passaggi. Il colore è controllato dal Colore del brand impostato a livello di Brand Container.</p><p><img src="/files/4be759e3ecd835c61b5a754077dda3eb810b687f" 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 di Brand Container.</p><p><img src="/files/5f8e5d6a443fe559467fc5ce0ff760586828141c" 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 a cerchio e delle linee tra le voci è controllato dal Colore del brand impostato a livello di Brand Container.</p><p><img src="/files/fb547ad4acb4c50ac9fc761b236bc3e2140216d3" 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 di Brand Container.</p><p><img src="/files/59f6ed505c95dbe964c1ad15e42077dd1a4eb34d" alt="" data-size="original"></p>                                               |
| Visualizzazione nome utente               | <p>Recupera dinamicamente il nome completo del partecipante. Per impostazione predefinita mostra “Utente anonimo” se il partecipante non ha inserito un nome.</p><p><img src="/files/fc6edc015aed49d999e3802b738567a152f10549" alt="" data-size="original"></p>                                                                                                                                                  |

</details>

<details>

<summary>sezione Premi</summary>

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

| Componente           | 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 microsito. Questo componente aggiunge più schede attività al tuo widget o microsito. Il colore del pulsante è controllato dal Colore del brand impostato a livello di Brand Container.</p><p><img src="/files/6833cf89d0e87f94138ffbf5782bdf0fa8e8c684" alt="" data-size="original"></p> |
| Scambio di premi     | <p>Consenti ai partecipanti di scambiare le ricompense ottenute con un altro tipo di ricompensa.</p><p>Devi avere <a href="/pages/370b5c77d4ad49978ab62a5b957fc3d69b46d084">Scambio di premi</a> configurato per usare questa funzionalità.</p><p><img src="/files/0e9b29205adef37de3314b1ab7c1632d83a46f8e" alt="" data-size="original"></p>                                                                                                         |
| Tabella premi        | <p>Mostra un elenco dei premi ottenuti dal partecipante. Può includere premi manuali e/o premi ottenuti in più programmi Advocate.</p><p><img src="/files/59fd36adb632cbccef461667343ad106eb2e07dd" alt="" data-size="original"></p>                                                                                                                                                                                                                  |
| Colonna nota cliente | <p>Aggiungi un'altra colonna note alla tabella dei premi. Deve essere posizionata all'interno del componente Tabella premi.</p><p><img src="/files/ff7d45077a99211263b9152625e1647d661a2615" alt="" data-size="original"></p>                                                                                                                                                                                                                         |
| Colonna data         | <p>Aggiungi un'altra colonna data alla tabella dei premi. Deve essere posizionata all'interno del componente Tabella premi.</p><p><img src="/files/3db93452692ed3a9167f71932070145a51d07531" alt="" data-size="original"></p>                                                                                                                                                                                                                         |
| Colonna premio       | <p>Aggiungi un'altra colonna premio alla tabella dei premi. Deve essere posizionata all'interno del componente Tabella premi.</p><p><img src="/files/ceaace18cb0ab0d546091077e843ca13dc18455f" alt="" data-size="original"></p>                                                                                                                                                                                                                       |
| Colonna origine      | <p>Aggiungi un'altra colonna origine alla tabella dei premi. Deve essere posizionata all'interno del componente Tabella premi.</p><p><img src="/files/14e19a92d7eb7430de749f6bb835fff07ad59551" alt="" data-size="original"></p>                                                                                                                                                                                                                      |
| Colonna stato        | <p>Aggiungi un'altra colonna stato alla tabella dei premi. Deve essere posizionata all'interno del componente Tabella premi.</p><p><img src="/files/930369bb7e342bfa2375142c635a159cd04d0914" 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.

| Componente                            | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                |
| ------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Campo casella di controllo del modulo | <p>Aggiungi una casella di controllo al modulo di registrazione. Puoi associare se la casella è stata selezionata a un campo personalizzato del partecipante Advocate. Leggi Visualizza le inviate del modulo di registrazione del tuo microsito per maggiori informazioni.</p><p><img src="/files/01474fac76bc23442908cfc9970c1d74c160369b" 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 associare l'elemento selezionato dall'utente a un campo personalizzato del partecipante Advocate. Contatta l'assistenza per ricevere aiuto in merito.</p><p><img src="/files/3cb76e0440c4901ce696cffc6168564875c3ac75" alt="" data-size="original"></p>                                                     |
| Campo di input del modulo             | <p>Aggiungi un campo di testo libero al modulo di registrazione. Puoi associare il testo inserito dall'utente a 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="/files/4907f4cbfd8c0ffbe5ad429db4da96fc85064940" alt="" data-size="original"></p> |
| Campi nome del modulo                 | <p>Aggiungi al modulo di registrazione i campi compilabili Nome e Cognome.</p><p><img src="/files/e972d420017d450d46566a56a7325bb7fcb1aa17" 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 posizionata solo all'interno del layout con accesso effettuato del microsito.</p><p><img src="/files/1d83b8b21c870389dab5fdcdfe3a8a9ea7f4cbed" alt="" data-size="original"></p>                                                                                                           |
| Campo password del modulo             | <p>Aggiungi un campo password compilabile al modulo di registrazione.</p><p><img src="/files/431155bd47a2055ee40422ba137d26fa2e2db924" alt="" data-size="original"></p>                                                                                                                                                                                                                                    |

</details>

<details>

<summary>Accesso immediato</summary>

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

| Componente                    | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                       |
| ----------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice coupon                 | <p>Mostra un codice riscattabile per una ricompensa Fuel Tank.</p><p>La <a href="/pages/a8702128490a817175ab13f9b6c16f18dca037f2">serbatoio premi fuel tank</a> deve avere codici coupon disponibili affinché questo componente funzioni come previsto.</p><p><img src="/files/5a940e9d7d25c3a8ee27cdd8083bc45fc559f2ad" alt="" data-size="original"></p>                                                                         |
| Registrazione Advocate        | <p>Consenti ai nuovi Advocate di inserire il proprio indirizzo email per registrarsi ed effettuare referral. Dopo aver inserito l'indirizzo email, gli utenti passeranno a una seconda schermata in cui potranno accedere ai propri link di condivisione referral. Usato per il Widget referral sito web con accesso immediato.</p><p><img src="/files/8edf10b8bfdcce5334d819bde0bef962a06b4873" alt="" data-size="original"></p> |
| Disconnetti l'utente corrente | <p>Consenti al visitatore di uscire dalla visualizzazione personalizzata con accesso immediato.</p><p><img src="/files/fe3b9ef297ce25de67eae9179800cb078bf88598" alt="" data-size="original"></p>                                                                                                                                                                                                                                 |
| Registrazione amico           | <p>Consenti agli amici segnalati di inserire il proprio indirizzo email per registrarsi. Dopo aver inserito l'indirizzo email, gli utenti passeranno a una seconda schermata in cui potranno accedere alla propria ricompensa Codice coupon. Usato per il Widget amico con accesso immediato.</p><p><img src="/files/8edf10b8bfdcce5334d819bde0bef962a06b4873" 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.

| Componente                 | Descrizione                                                                                                                                                                                                                                                                                                 |
| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout hero a due colonne  | <p>Aggiungi un layout hero con due colonne di contenuto.</p><p><img src="/files/d3343c354a8c2fb82bc8f9a8412a853b996cf57d" alt="" data-size="original"></p>                                                                                                                                                  |
| Contenitore layout riga    | <p>Aggiungi un nuovo contenitore di riga per il contenuto. Altri componenti possono essere inseriti all'interno della riga.</p><p><img src="/files/e6a481f6cb1c918a99e66cfa7c9c86de837a417d" alt="" data-size="original"></p>                                                                               |
| Contenitore layout colonna | <p>Aggiungi un nuovo contenitore di colonna per il contenuto. Altri componenti possono essere inseriti all'interno della colonna.</p><p><img src="/files/e6a481f6cb1c918a99e66cfa7c9c86de837a417d" alt="" data-size="original"></p>                                                                         |
| Scheda                     | <p>Aggiungi una nuova scheda a un gruppo di schede generico.</p><p><img src="/files/e61a31548bfd130bdcf6635cef195bd9369cda2e" alt="" data-size="original"></p>                                                                                                                                              |
| Gruppo di 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="/files/dfb3702e18278e69dea35333f906c242b8e64ae1" alt="" data-size="original"></p> |
| Sezione con titolo         | <p>Aggiungi una nuova sezione che contiene un titolo e del testo di paragrafo. Altri componenti possono essere aggiunti alla sezione Titled sotto il titolo.</p><p><img src="/files/74286ee710646c857ee73e61977ea4f850a7cfa7" alt="" data-size="original"></p>                                              |

</details>

<details>

<summary>Fatture</summary>

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

| Componente                   | Descrizione                                                                                                                                                                        |
| ---------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tabella fatture              | <p>Aggiungi un accordion fattura espandibile che contiene i dati sugli guadagni.</p><p><img src="/files/4a0d909c97a3fe8fe84ded67b42a196c147f3642" alt="" data-size="original"></p> |
| Colonna data tabella fatture | <p>Aggiungi una nuova colonna al componente della tabella fatture.</p><p><img src="/files/e088b8ca8f371a6fa021f4b3167cdcdb833d6e08" alt="" data-size="original"></p>               |

</details>

La *Classifica* il componente ti consente di classificare i partecipanti del tuo programma, offrire ricompense 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)

| Componente          | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Referral avviato    | <p>Questo tipo di classifica ordina i partecipanti in base al numero di referral che hanno avviato. I punteggi dei tuoi customer advocate corrisponderanno al numero di referral avviati.</p><p><img src="/files/32e2e47937ba677f40366f5dafdb2494949ca03e" 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 segnalato raggiunge un obiettivo del programma, come effettuare un acquisto di un valore da te definito. I punteggi dei tuoi customer advocate corrisponderanno al numero di referral convertiti.</p><p><img src="/files/32e2e47937ba677f40366f5dafdb2494949ca03e" 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 punti. Tutti i punti dell'unità premio contano, purché non siano in sospeso o annullati. Questo tipo di classifica è valido solo per il tipo di premio Punti.</p><p><img src="/files/410e13035a876d874c9393897ced2c6fdbcb4d84" alt="" data-size="original"></p>                                                                     |
| Classifica anonima  | <p>Una versione completamente anonimizzata della classifica che non mostra alcuna informazione personalmente identificabile sugli altri partecipanti al programma. Può visualizzare qualsiasi tipo di classifica.</p><p><img src="/files/b6f367cdb2f19b6883a8f94519717028b6589c1f" alt="" data-size="original"></p>                                                                                                                                                     |

<details>

<summary>Tasse e contanti</summary>

*Tasse e contanti* i componenti ti consentono di integrare la raccolta dei moduli fiscali e le 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 [*i 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.

| 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 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="/files/16ab17e133d3f6d468cd5d9addbd942760784f22" alt="" data-size="original"></p> |
| Modulo pagamento in contanti per microsito e widget | <p>Inserisci un modulo che raccoglie le informazioni bancarie dei partecipanti e gli 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 e requisiti di verifica all'interno di questo componente.</p><p><img src="/files/f9df68da5f8e0f9186bf1dce2055c755ec0da7eb" 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 referral attraverso 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 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 semplificano per i partecipanti la diffusione del messaggio e l'aumento di nuovi referral.

| Componente                             | 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="/files/0146cd421d464ddc966ab76d5144076aaef3dede" alt="" data-size="original"></p>                                                                                                                                                                                                                            |
| Codici promozionali                    | <p>Blocco componente preformattato che include un campo codice referral promozionale con cursore per passare da vari codici se ne sono stati assegnati più di uno. Include anche un link di condivisione e componenti pulsante di condivisione per Facebook, LinkedIn e Twitter / X.</p><p><img src="/files/08eda65538b46a55b092f1e849e9220ee117678a" 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 già caricato.</p><p><img src="/files/bac7b384fec28b1b5e241c36bef7287139b8200f" 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 già caricato.</p><p><img src="/files/76fadb62cde2e8a463870ff8d83bd84f8de1e328" alt="" data-size="original"></p>                                                                                                                                          |
| Pulsante di 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 inizierà una nuova email con il Messaggio social del brand già caricato.</p><p><img src="/files/f59c5110c7a8138a96ec8b27dde271156af373fc" alt="" data-size="original"></p>                                                                                                                    |
| Pulsante 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 già caricato.</p><p><img src="/files/6ea92057a3ce4f2c45175b4c5fcda357a579829f" 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 già caricato.</p><p><img src="/files/130317ee835aa183a9de71f5a462a6a88dc2b13c" 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 di testo predefinita dell'utente e verrà creato un nuovo messaggio SMS/testo con il Messaggio social del brand già caricato.</p><p><img src="/files/32a9072bc9c3a2862b2d896cc713148670d9b849" 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 già caricato.</p><p><img src="/files/8c9a21f4c3efca040c3180e63a896f9957801a77" alt="" data-size="original"></p>                                                                                                                |
| Pulsante di condivisione WhatsApp      | <p>Mostra un pulsante Condividi via 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 già caricato.</p><p><img src="/files/988e4a719a3fe4d8f3268b931de95c2dd17e18c6" 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 già caricato.</p><p><img src="/files/a36f2ca5416ba6699d6f09bc071abcdd8bc85fdb" 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 già caricato.</p><p><img src="/files/ef186b9d65ef27b2c5a178d389cd2f151ccd73e5" alt="" data-size="original"></p>                                                                                                                                |
| Link di condivisione                   | <p>Mostra il link di condivisione del partecipante per questo programma.</p><p><img src="/files/0d178f52daa114a278f5f237c5435e35f68cb63d" 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="/files/4bce151de623060d76313d01c3f11e49debb1b4a" alt="" data-size="original"></p>                                                                                                                                                                                                                                                          |

</details>

<details>

<summary>Referral</summary>

*Referral* i componenti mostrano informazioni sugli amici segnalati dal partecipante e sul loro stato di conversione. Rendono facile per i partecipanti tenere traccia di chi hanno segnalato, quando sono avvenute le conversioni e di 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 del pulsante di condivisione. Puoi aggiungere o rimuovere altri componenti secondo necessità.</p><p><img src="/files/b3e5b7ae99c5580a7c3ab8ff13c86b12d1aaa01b" alt="" data-size="original"></p> |
| Tabella referral                    | <p>Mostra una tabella che visualizza gli amici segnalati dal partecipante, la data di conversione e lo stato di conversione.</p><p><img src="/files/2787dc9faf76d00a2e23c9c926c30014b7b8187e" 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="/files/d2a55e70429ef87ca195e2e9bab15f70b1da42bf" 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="/files/07401afeec8380a00c773a963471b33f92a31aab" 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="/files/bed422557ef9bc6c885daf30afe0e730dff408f4" alt="" data-size="original"></p>                                                                                                                                                         |
| Colonna utente tabella referral     | <p>Aggiungi un'altra colonna cliente (amico segnalato) alla tabella referral. Deve essere posizionata all'interno del componente Tabella referral.</p><p><img src="/files/1c5656d56d641a512f5e47d8c236bf29ea7b90f3" alt="" data-size="original"></p>                                                                                                                                     |

</details>

<details>

<summary>Avanzato</summary>

I componenti avanzati ti danno più controllo su ciò che i partecipanti vedono e su 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 / segmento condizionale | <p>Mostra i contenuti in questa sezione solo quando il partecipante appartiene a un certo <a href="/pages/b61baf61371474c932d79e5f2d5447c1bd9e76cf">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 nel segmento impostato vedranno tutti i contenuti visualizzati nella sezione condizionale, mentre gli utenti non presenti nel segmento non vedranno i contenuti.</p><p><img src="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p>                                                                                                 |
| Area / campo condizionale    | <p>Mostra i contenuti in questa sezione solo quando un <a href="/pages/d288916ba22d22252e5385bdf53b11e2cb244065">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="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p> |
| Sezione programma            | <p>Il componente sezione programma ti consente di sovrascrivere l'ID programma dei suoi componenti figli. 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="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                 |

</details>

<details>

<summary>Tipografia</summary>

I componenti di tipografia 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="/files/80b07b545c229e575ca86b05e53cfc614b949617" 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 dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
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=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.