> 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, oltre a quelli forniti nei modelli indicati, sono disponibili solo in alcune edizioni del prodotto o componenti aggiuntivi. Se desideri un controllo più granulare sui componenti utilizzati dai tuoi micrositi, contattaci per aggiornare il tuo programma.
{% endhint %}

I componenti sono i singoli elementi costitutivi, come immagini hero e schede attività, che compongono il widget o il microsito del tuo programma Advocate. Questi elementi definiscono 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 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 partecipanti come stanno andando nel tuo programma. Per un elenco delle statistiche supportate da questi componenti, visita [Statistiche di widget e microsito](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| Componente                      | Descrizione                                                                                                                                                     |
| ------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Saldo punti                     | Mostra il saldo punti del partecipante. Usato nei programmi Advocate che premiano i partecipanti con punti.                                                     |
| Carte regalo guadagnate         | Mostra il conteggio dei premi in carte regalo ottenuti dall'Advocate.                                                                                           |
| Segnalazioni                    | Mostra quante segnalazioni ha effettuato il partecipante. Include segnalazioni avviate e convertite.                                                            |
| Contenitore con tre statistiche | Un modello con spazio per tre statistiche. Le statistiche visualizzate possono essere modificate. Le statistiche possono essere aggiunte e rimosse a piacere.   |
| Altra statistica                | Mostra una statistica a tua scelta. Puoi scegliere tra una statistica di segnalazione, varie statistiche dei 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 nel tuo 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 modificati.</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 modificati.</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 del contenitore del brand.</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 premi. Include per impostazione predefinita due passaggi di spiegazione del programma. È possibile aggiungere altri passaggi. Il colore è controllato dal colore del brand impostato a livello del contenitore del brand.</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 a un componente di spiegazione del programma. Il colore è controllato dal colore del brand impostato a livello del contenitore del brand.</p><p><img src="/files/5f8e5d6a443fe559467fc5ce0ff760586828141c" alt="" data-size="original"></p>                                                                                      |
| Sequenza temporale del programma          | <p>Mostra una panoramica del percorso di segnalazione e dei premi per i partecipanti. Aggiungi o rimuovi le voci della sequenza temporale secondo necessità. Il colore dell'icona circolare e delle linee tra le voci è controllato dal colore del brand impostato a livello del contenitore del brand.</p><p><img src="/files/fb547ad4acb4c50ac9fc761b236bc3e2140216d3" alt="" data-size="original"></p>          |
| Voce della sequenza temporale             | <p>Si adatta a un componente di sequenza temporale del programma per mostrare un passaggio del percorso di segnalazione. Il colore dell'icona circolare e delle linee tra le voci è controllato dal colore del brand impostato a livello del contenitore del brand.</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 usa “Utente anonimo” se il partecipante non ha inserito un nome.</p><p><img src="/files/fc6edc015aed49d999e3802b738567a152f10549" alt="" data-size="original"></p>                                                                                                                                                       |

</details>

<details>

<summary>Premi</summary>

{% hint style="info" %}
**Nota:** *Premio* 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 l'avanzamento verso gli obiettivi del programma Advocate direttamente dal widget o dal microsito. Questo componente aggiunge più schede attività al tuo widget o microsito. Il colore del pulsante è controllato dal colore del brand impostato a livello del contenitore del brand.</p><p><img src="/files/6833cf89d0e87f94138ffbf5782bdf0fa8e8c684" alt="" data-size="original"></p> |
| Scambio premi        | <p>Consenti ai partecipanti di scambiare i premi guadagnati con un altro tipo di premio.</p><p>Devi avere <a href="/pages/370b5c77d4ad49978ab62a5b957fc3d69b46d084">Scambio premi</a> configurato per utilizzare questa funzionalità.</p><p><img src="/files/0e9b29205adef37de3314b1ab7c1632d83a46f8e" alt="" data-size="original"></p>                                                                                                                            |
| Tabella premi        | <p>Mostra un elenco dei premi guadagnati 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 nota alla tabella premi. Deve essere inserita 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 premi. Deve essere inserita 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 premi. Deve essere inserita 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 premi. Deve essere inserita 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 premi. Deve essere inserita 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. Consulta Visualizza gli invii del modulo di registrazione del tuo microsito per maggiori informazioni.</p><p><img src="/files/01474fac76bc23442908cfc9970c1d74c160369b" alt="" data-size="original"></p>                               |
| Campo a tendina del modulo            | <p>Aggiungi un elenco a tendina con voci personalizzabili al modulo di registrazione. Puoi associare la voce selezionata dall'utente a un campo personalizzato del partecipante Advocate. Contatta l'assistenza per ricevere supporto in merito.</p><p><img src="/files/3cb76e0440c4901ce696cffc6168564875c3ac75" alt="" data-size="original"></p>                                                            |
| Campo di input del modulo             | <p>Aggiungi al modulo di registrazione un campo di testo libero. 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 supporto 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>                                                                                                                                                                                                                                  |
| Elemento della barra laterale         | <p>Aggiungi una nuova pagina o un link alla navigazione della barra laterale del tuo microsito. Può essere inserito solo nel layout Connesso del microsito.</p><p><img src="/files/1d83b8b21c870389dab5fdcdfe3a8a9ea7f4cbed" alt="" data-size="original"></p>                                                                                                                                                 |
| Campo password del modulo             | <p>Aggiungi al modulo di registrazione un campo password compilabile.</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 i premi senza passare attraverso il processo di registrazione standard. Sono ideali per i programmi che usano widget di segnalazione con accesso immediato o flussi di registrazione degli amici.

| Componente                    | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ----------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice coupon                 | <p>Mostra un codice riscattabile per un premio Fuel Tank.</p><p>Il <a href="/pages/a8702128490a817175ab13f9b6c16f18dca037f2">serbatoio premi</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 e fare segnalazioni. Dopo aver inserito l'indirizzo email, gli utenti verranno portati a una seconda schermata in cui potranno accedere ai link di condivisione della segnalazione. Usato per il Widget di segnalazione del sito web con accesso immediato.</p><p><img src="/files/8edf10b8bfdcce5334d819bde0bef962a06b4873" alt="" data-size="original"></p> |
| Disconnetti l'utente corrente | <p>Consenti al visualizzatore di uscire dalla visualizzazione personalizzata ad accesso immediato.</p><p><img src="/files/fe3b9ef297ce25de67eae9179800cb078bf88598" alt="" data-size="original"></p>                                                                                                                                                                                                                                               |
| Registrazione dell'amico      | <p>Consenti agli amici segnalati di inserire il proprio indirizzo email per registrarsi. Dopo aver inserito l'indirizzo email, gli utenti verranno portati a una seconda schermata in cui potranno accedere al loro premio 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 di layout riga    | <p>Aggiungi un nuovo contenitore di riga per il contenuto. Altri componenti possono essere inseriti nella riga.</p><p><img src="/files/e6a481f6cb1c918a99e66cfa7c9c86de837a417d" alt="" data-size="original"></p>                                                                                           |
| Contenitore di layout colonna | <p>Aggiungi un nuovo contenitore di colonna per il contenuto. Altri componenti possono essere inseriti nella 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. Per impostazione predefinita ha tre schede, ma le schede possono essere rimosse o aggiunte secondo necessità.</p><p><img src="/files/dfb3702e18278e69dea35333f906c242b8e64ae1" alt="" data-size="original"></p> |
| Sezione intitolata            | <p>Aggiungi una nuova sezione che contiene un'intestazione e testo di paragrafo. Altri componenti possono essere aggiunti alla sezione intitolata sotto l'intestazione.</p><p><img src="/files/74286ee710646c857ee73e61977ea4f850a7cfa7" alt="" data-size="original"></p>                                   |

</details>

<details>

<summary>Fatture</summary>

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

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

</details>

Il *Classifica* il componente consente di classificare i partecipanti del tuo programma, offrire premi ai migliori 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 ranking e le opzioni di filtro dei partecipanti. Consulta gli articoli seguenti 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                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Segnalazione avviata    | <p>Questo tipo di classifica ordina i partecipanti in base al numero di segnalazioni avviate. I punteggi dei tuoi customer advocate corrisponderanno al numero di segnalazioni avviate.</p><p><img src="/files/32e2e47937ba677f40366f5dafdb2494949ca03e" alt="" data-size="original"></p>                                                                                                                                                                                               |
| Segnalazione convertita | <p>Questo tipo di classifica ordina i partecipanti in base al numero di segnalazioni che hanno convertito. Le segnalazioni vengono considerate convertite quando l'amico segnalato raggiunge un obiettivo del programma, ad esempio effettuando un acquisto di un valore da te definito. I punteggi dei tuoi customer advocate corrisponderanno al numero di segnalazioni convertite.</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 con Punti. Tutti i punti premio vengono conteggiati, 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 di identificazione personale 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 [*funzione dei 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) è stata attivata per il tuo account.

| Componente                                             | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Finestra modale informazioni partner                   | <p>Inserisci una finestra modale che raccolga le informazioni sul paese e sulla valuta dei partecipanti. Queste informazioni garantiscono che i partecipanti possano ricevere i loro premi senza ritardi o passaggi di configurazione aggiuntivi.<br></p><p>Ha due stati configurabili a seconda che l'email del partecipante sia già collegata a un account esistente:</p><ul><li><strong>Descrizione del nuovo partner</strong>: Mostrata ai partecipanti per la prima volta. Il testo predefinito («Conferma subito il tuo paese e la tua valuta per ricevere più velocemente i tuoi futuri premi») li invita a fornire i propri dati prima di ricevere il link di condivisione.</li><li><strong>Descrizione del partner esistente</strong>: Mostrata quando l'email del partecipante è già associata a un account su impact.com. La finestra modale compila automaticamente le sue informazioni e chiede di confermarle invece di reinserirle da zero.</li></ul> |
| Avviso sullo stato del pagamento                       | <p>Avvisa il partecipante delle azioni che deve compiere 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 di pagamento in contanti per microsito e widget | <p>Inserisci un modulo che raccolga le informazioni bancarie dei partecipanti e gli 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 visualizza il modulo.</p><p>Inoltre, puoi 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 di segnalazione su più canali. Quando un partecipante fa clic su un pulsante di condivisione, si apre il canale scelto, come *Facebook*, *LinkedIn*, *WhatsApp*, o *email*, con un messaggio o un link precompilato, pronto per l'invio.

Alcuni componenti, come Codice di segnalazione, mostrano il codice di segnalazione o promozionale individuale del partecipante insieme a un'opzione per copiarlo negli appunti per una condivisione rapida. Altri, come Codici promozionali, presentano più codici disponibili (se assegnati) in una visualizzazione a slider e includono pulsanti di condivisione così che i partecipanti possano pubblicare o inviare istantaneamente il codice selezionato. Questi strumenti rendono semplice per i partecipanti diffondere la voce e generare nuove segnalazioni.

| Componente                                 | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice di segnalazione                     | <p>Mostra un campo codice di segnalazione con un'opzione per copiarlo negli appunti. Usato come parte della funzionalità Codici promozionali.</p><p><img src="/files/0146cd421d464ddc966ab76d5144076aaef3dede" alt="" data-size="original"></p>                                                                                                                                                                                                                      |
| Codici promozionali                        | <p>Blocco di componenti preformattato che include il campo del codice promozionale di segnalazione con uno slider per passare tra i 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="/files/08eda65538b46a55b092f1e849e9220ee117678a" alt="" data-size="original"></p>                                                            |
| Pulsante Condividi su 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/bac7b384fec28b1b5e241c36bef7287139b8200f" alt="" data-size="original"></p>                                                                                                                                  |
| Pulsante Condividi su 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/76fadb62cde2e8a463870ff8d83bd84f8de1e328" alt="" data-size="original"></p>                                                                                                                                              |
| Pulsante Condividi via 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/f59c5110c7a8138a96ec8b27dde271156af373fc" alt="" data-size="original"></p>                                                                                                                     |
| Pulsante del foglio di condivisione mobile | <p>Mostra un pulsante per condividere all'interno del browser web del partecipante. Quando viene cliccato, il pulsante aprirà un menu che elenca tutte le app disponibili che l'utente può aprire per condividere il proprio link. Quando viene selezionata un'app, verrà creato un nuovo post o messaggio con la messaggistica social del brand già precompilata.</p><p><img src="/files/6ea92057a3ce4f2c45175b4c5fcda357a579829f" alt="" data-size="original"></p> |
| Pulsante Condividi su 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/130317ee835aa183a9de71f5a462a6a88dc2b13c" alt="" data-size="original"></p>                                                                                                                                  |
| Pulsante Condividi tramite 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 SMS/messaggio di testo con la messaggistica social del brand già precompilata.</p><p><img src="/files/32a9072bc9c3a2862b2d896cc713148670d9b849" alt="" data-size="original"></p>                                                                                   |
| Pulsante Condividi via 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/8c9a21f4c3efca040c3180e63a896f9957801a77" alt="" data-size="original"></p>                                                                                                                    |
| Pulsante Condividi via 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/988e4a719a3fe4d8f3268b931de95c2dd17e18c6" alt="" data-size="original"></p>                                                                                                                           |
| Pulsante Condividi su 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 la messaggistica social del brand già precompilata.</p><p><img src="/files/a36f2ca5416ba6699d6f09bc071abcdd8bc85fdb" alt="" data-size="original"></p>                                                                                                               |
| Pulsante Condividi su 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 la messaggistica social del brand già precompilata.</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 in forma di codice QR per questo programma.</p><p><img src="/files/4bce151de623060d76313d01c3f11e49debb1b4a" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                     |

</details>

<details>

<summary>Segnalazioni</summary>

*Segnalazione* 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, di quando sono avvenute le conversioni e di eventuali premi ottenuti da quelle segnalazioni.

| Componente                                | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                 |
| ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Scheda segnalazione                       | <p>Blocco di componenti preformattato che include <em>la sequenza temporale 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="/files/b3e5b7ae99c5580a7c3ab8ff13c86b12d1aaa01b" alt="" data-size="original"></p> |
| Tabella segnalazioni                      | <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 della tabella segnalazioni   | <p>Aggiungi un'altra colonna data alla tabella segnalazioni. Deve essere inserita all'interno del componente Tabella segnalazioni.</p><p><img src="/files/d2a55e70429ef87ca195e2e9bab15f70b1da42bf" alt="" data-size="original"></p>                                                                                                                                                                        |
| Colonna premi della tabella segnalazioni  | <p>Aggiungi un'altra colonna premi alla tabella segnalazioni. Deve essere inserita all'interno del componente Tabella segnalazioni.</p><p><img src="/files/07401afeec8380a00c773a963471b33f92a31aab" alt="" data-size="original"></p>                                                                                                                                                                       |
| Colonna stato della tabella segnalazioni  | <p>Aggiungi un'altra colonna stato alla tabella segnalazioni. Deve essere inserita all'interno del componente Tabella segnalazioni.</p><p><img src="/files/bed422557ef9bc6c885daf30afe0e730dff408f4" alt="" data-size="original"></p>                                                                                                                                                                       |
| Colonna utente della tabella segnalazioni | <p>Aggiungi un'altra colonna cliente (amico segnalato) alla tabella segnalazioni. Deve essere inserita all'interno del componente Tabella segnalazioni.</p><p><img src="/files/1c5656d56d641a512f5e47d8c236bf29ea7b90f3" alt="" data-size="original"></p>                                                                                                                                                   |

</details>

<details>

<summary>Avanzate</summary>

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

| Componente                   | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |
| ---------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Area / segmento condizionale | <p>Mostra il contenuto in questa sezione solo quando il partecipante appartiene a un determinato <a href="/pages/b61baf61371474c932d79e5f2d5447c1bd9e76cf">segmento di utenti</a>.</p><p>Per impostare il segmento di utenti, apri le proprietà del componente e modifica l'espressione JSONata nel <em>Condizione</em> campo.</p><p>Gli utenti nel segmento impostato vedranno tutto il contenuto visualizzato nella sezione condizionale, mentre gli utenti che non sono nel segmento non vedranno il contenuto.</p><p><img src="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p>                                                                                              |
| Area / campo condizionale    | <p>Mostra il contenuto in questa sezione solo quando un <a href="/pages/d288916ba22d22252e5385bdf53b11e2cb244065">campo personalizzato</a> nel profilo del partecipante contiene un determinato 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 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="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p> |
| Sezione programma            | <p>Il componente sezione programma consente di sovrascrivere l'ID programma dei suoi componenti figlio. Usalo quando vuoi visualizzare contenuti non collegati a un programma specifico. Incluso per impostazione predefinita nella maggior parte dei modelli di widget e microsito.</p><p><img src="/files/dee75867d77d6a7880f19adf2f739101014387d3" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                            |

</details>

<details>

<summary>Tipografia</summary>

I componenti Tipografia ti consentono di aggiungere blocchi di testo formattato al tuo widget o microsito. Scegli 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.