# 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 sui componenti utilizzati dai 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 Advocate program. Questi elementi definiscono l' [esperienza del partecipante](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences.md) e possono essere personalizzati in linea con il 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 all'interno dell'interfaccia dell'editor.

<details>

<summary>Statistiche</summary>

Utilizza *Statistiche* i componenti per far sapere ai partecipanti come sta andando il tuo programma. Per un elenco delle statistiche che questi componenti possono supportare, visita [Statistiche di widget e microsito](/brand/it/che-cosa-vorresti-imparare/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 guadagnati dall'Advocate.                                                                                                         |
| Referral                        | Mostra quanti referral ha effettuato il partecipante. Include referral avviati e convertiti.                                                                          |
| Contenitore con tre statistiche | Un modello con spazio per tre statistiche. Le statistiche visualizzate possono essere modificate. Le statistiche possono essere aggiunte e rimosse secondo necessità. |
| Altra statistica                | Mostra una statistica a tua scelta. Puoi selezionare una statistica di referral, 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 del 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 distribuiti 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 con sovrapposizione         | <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 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 guadagnare premi. Include due passaggi della spiegazione del programma per impostazione predefinita. È 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 inserisce all'interno di 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>                                                                           |
| Cronologia del programma                  | <p>Mostra una panoramica del percorso di referral e dei premi per i tuoi partecipanti. Aggiungi o rimuovi voci della cronologia secondo necessità. Il colore dell'icona 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 cronologia                     | <p>Si inserisce all'interno di un componente di cronologia del programma per mostrare un passaggio del percorso di referral. Il colore dell'icona circolare e delle linee tra le voci è controllato dal Colore del 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 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>Premi</summary>

{% hint style="info" %}
**Nota:** *I componenti* Premio
{% endhint %}

| Componente                                                                                                                                                                                                                                                                                                                                                  | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| possono essere utilizzati solo per widget e micrositi con accesso verificato.                                                                                                                                                                                                                                                                               | <p>Feed schede attività</p><p><img src="/files/6833cf89d0e87f94138ffbf5782bdf0fa8e8c684" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| Le schede attività consentono ai tuoi utenti di eseguire azioni o vedere i progressi 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>Scambio premi</p><p>Consenti ai partecipanti di scambiare i premi guadagnati con un altro tipo di premio. <a href="/pages/370b5c77d4ad49978ab62a5b957fc3d69b46d084">Le schede attività consentono ai tuoi utenti di eseguire azioni o vedere i progressi 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.</a> Devi avere</p><p><img src="/files/0e9b29205adef37de3314b1ab7c1632d83a46f8e" alt="" data-size="original"></p> |
| configurato per utilizzare questa funzionalità.                                                                                                                                                                                                                                                                                                             | <p>Tabella premi</p><p><img src="/files/59fd36adb632cbccef461667343ad106eb2e07dd" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| Mostra un elenco dei premi guadagnati dal partecipante. Può includere premi manuali e/o premi guadagnati in più programmi Advocate.                                                                                                                                                                                                                         | <p>Colonna nota cliente</p><p><img src="/files/ff7d45077a99211263b9152625e1647d661a2615" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| Aggiungi un'altra colonna per le note alla tabella dei premi. Deve essere inserita all'interno del componente Tabella premi.                                                                                                                                                                                                                                | <p>Colonna data</p><p><img src="/files/3db93452692ed3a9167f71932070145a51d07531" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| Aggiungi un'altra colonna data alla tabella dei premi. Deve essere inserita all'interno del componente Tabella premi.                                                                                                                                                                                                                                       | <p>Colonna premio</p><p><img src="/files/ceaace18cb0ab0d546091077e843ca13dc18455f" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| Aggiungi un'altra colonna premio alla tabella dei premi. Deve essere inserita all'interno del componente Tabella premi.                                                                                                                                                                                                                                     | <p>Colonna origine</p><p><img src="/files/14e19a92d7eb7430de749f6bb835fff07ad59551" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| Aggiungi un'altra colonna origine alla tabella dei premi. Deve essere inserita all'interno del componente Tabella premi.                                                                                                                                                                                                                                    | <p>Colonna stato</p><p><img src="/files/930369bb7e342bfa2375142c635a159cd04d0914" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |

</details>

<details>

<summary>Aggiungi un'altra colonna stato alla tabella dei premi. Deve essere inserita all'interno del componente Tabella premi.</summary>

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

| Componente                            | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Campo casella di selezione del modulo | <p>Aggiungi una casella di selezione al modulo di registrazione. Puoi mappare se la casella è stata selezionata su un campo personalizzato del partecipante Advocate. Leggi Visualizza le invii del modulo di registrazione del tuo microsito per ulteriori 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 mappare l'elemento selezionato dall'utente su un campo personalizzato del partecipante Advocate. Contatta l'assistenza per aiuto 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 input di testo libero. Puoi mappare il testo inserito dall'utente su un campo personalizzato del partecipante Advocate. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Contatta l'assistenza</a> per assistenza 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 link alla navigazione della barra laterale del microsito. Può essere inserita solo nel Layout con accesso effettuato 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 referenziati registrarsi o riscattare premi senza passare attraverso il processo di registrazione standard. Sono ideali per programmi che utilizzano widget di referral 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 ed effettuare referral. Dopo aver inserito il loro indirizzo email, gli utenti verranno portati a una seconda schermata in cui potranno accedere ai loro sharelink di referral. Usato per il Widget Referral del sito web con accesso immediato.</p><p><img src="/files/8edf10b8bfdcce5334d819bde0bef962a06b4873" alt="" data-size="original"></p> |
| Esci dall'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 amico       | <p>Consenti agli amici referenziati di inserire il proprio indirizzo email per registrarsi. Dopo aver inserito il loro 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 layout riga    | <p>Aggiungi un nuovo contenitore riga per il contenuto. Altri componenti possono essere inseriti nella riga.</p><p><img src="/files/e6a481f6cb1c918a99e66cfa7c9c86de837a417d" alt="" data-size="original"></p>                                                                                              |
| Contenitore layout colonna | <p>Aggiungi un nuovo contenitore 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. 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 titolata           | <p>Aggiungi una nuova sezione che contiene un titolo e un paragrafo di testo. Altri componenti possono essere aggiunti alla sezione Titolata sotto l'intestazione.</p><p><img src="/files/74286ee710646c857ee73e61977ea4f850a7cfa7" alt="" data-size="original"></p>                                        |

</details>

<details>

<summary>Fatture</summary>

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

| Componente                   | Descrizione                                                                                                                                                                       |
| ---------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Tabella fatture              | <p>Aggiungi un accordion di fattura espandibile che ospita i dati sui 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>

Il *Classifica* il componente ti consente di classificare i partecipanti del tuo programma, offrire premi ai migliori e incentivare i partecipanti a ottenere risultati maggiori nel tuo programma. Aggiungi classifiche al tuo [widget con accesso verificato](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) o [microsito](/brand/it/che-cosa-vorresti-imparare/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. Vedi gli articoli qui sotto per ulteriori informazioni:

* [Le classifiche spiegate](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md)
* [Configura una classifica](/brand/it/che-cosa-vorresti-imparare/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 referenziato 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 che hanno guadagnato nei programmi Advocate che premiano Punti. Tutti i Punti delle unità premio contano, purché non siano in attesa 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 denaro contante</summary>

*Tasse e denaro contante* 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/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) o [microsito](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md).

Questo gruppo di componenti è disponibile solo se la funzionalità [*pagamenti in contanti*](/brand/it/che-cosa-vorresti-imparare/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained.md) è stata attivata per il tuo account.

| Componente                                          | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| --------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Avviso stato pagamento                              | <p>Avvisa il partecipante delle azioni che deve compiere prima di poter ricevere un pagamento in contanti. Il componente include un pulsante call-to-action che porta il partecipante a rivedere le impostazioni di pagamento.</p><p>Facoltativamente, personalizza una qualsiasi delle descrizioni testuali che il partecipante vedrà quando 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 raccolga le informazioni bancarie dei partecipanti e qualsiasi modulo fiscale applicabile, 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 loro link e codici di referral su più canali. Quando un partecipante fa clic su un pulsante di condivisione, si apre il canale scelto, come *Facebook*, *LinkedIn*, *WhatsApp*, o *email*, con un messaggio o link precompilato, pronto per l'invio.

Alcuni componenti, come Codice referral, mostrano il codice referral o promo individuale del partecipante insieme a un'opzione per copiarlo negli appunti per una condivisione rapida. Altri, come Codici promo, presentano più codici disponibili (se assegnati) in una vista a cursore, e includono pulsanti di condivisione in modo che i partecipanti possano pubblicare o inviare immediatamente il codice selezionato. Questi strumenti rendono semplice per i partecipanti spargere la voce e generare nuovi referral.

| Componente                             | Descrizione                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| -------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Codice referral                        | <p>Mostra un campo codice referral con opzione copia negli appunti. Usato come parte della funzionalità Codici promo.</p><p><img src="/files/0146cd421d464ddc966ab76d5144076aaef3dede" alt="" data-size="original"></p>                                                                                                                                                                                                                               |
| Codici promo                           | <p>Blocco di componente preformattato che include un campo codice promo di referral con cursore per passare tra vari codici se ne è stato assegnato più di uno. Include anche un link di condivisione e componenti pulsante di condivisione 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 su 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 avvierà 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 con 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/messaggistica di testo predefinita dell'utente e verrà creato un nuovo SMS/messaggio di 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 via 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 per questo programma sotto forma di codice QR.</p><p><img src="/files/4bce151de623060d76313d01c3f11e49debb1b4a" alt="" data-size="original"></p>                                                                                                                                                                                                                                                   |

</details>

<details>

<summary>Referral</summary>

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

| Componente                      | Descrizione                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Scheda referral                 | <p>Blocco di 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> i componenti pulsante di condivisione. È possibile 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 referenziati 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 inserita all'interno del componente Tabella referral.</p><p><img src="/files/d2a55e70429ef87ca195e2e9bab15f70b1da42bf" alt="" data-size="original"></p>                                                                                                                                                                       |
| Colonna premi tabella referral  | <p>Aggiungi un'altra colonna premi alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="/files/07401afeec8380a00c773a963471b33f92a31aab" alt="" data-size="original"></p>                                                                                                                                                                      |
| Colonna stato tabella referral  | <p>Aggiungi un'altra colonna stato alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="/files/bed422557ef9bc6c885daf30afe0e730dff408f4" alt="" data-size="original"></p>                                                                                                                                                                      |
| Colonna utente tabella referral | <p>Aggiungi un'altra colonna cliente (amico referenziato) alla tabella referral. Deve essere inserita all'interno del componente Tabella referral.</p><p><img src="/files/1c5656d56d641a512f5e47d8c236bf29ea7b90f3" alt="" data-size="original"></p>                                                                                                                                               |

</details>

<details>

<summary>Avanzato</summary>

I componenti avanzati ti offrono un maggiore controllo su ciò che vedono i partecipanti 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 i contenuti in questa sezione solo quando il partecipante appartiene a un determinato <a href="/pages/b61baf61371474c932d79e5f2d5447c1bd9e76cf">segmento utente</a>.</p><p>Per impostare il segmento utente, apri le proprietà del componente e modifica l'espressione JSONata nel <em>Condizione</em> campo.</p><p>Gli utenti all'interno del segmento impostato vedranno tutti i contenuti visualizzati nella sezione condizionale, mentre gli utenti 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 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 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 del programma        | <p>Il componente sezione del programma ti consente di sovrascrivere l'ID programma dei suoi componenti figli. Usalo quando desideri 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 tipografici ti consentono di aggiungere blocchi di testo formattato al tuo widget o microsito. Seleziona tra:

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

  <div data-with-frame="true"><figure><img src="/files/80b07b545c229e575ca86b05e53cfc614b949617" alt="" width="208"><figcaption></figcaption></figure></div>

</details>


---

# Agent Instructions: 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:

```
GET https://help.impact.com/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.