> 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-experiences/set-up-an-instant-access-widget.md).

# Configura un widget di accesso immediato

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

Progettati per clienti e-commerce e retail, i widget di accesso immediato offrono ai tuoi customer advocate e agli amici da loro referenziati un modo semplice per interagire con il tuo programma di referral—senza password o autenticazione richieste.

Esistono 2 tipi di widget di accesso immediato:

* Il *widget di referral per il sito web* offre ai tuoi customer advocate un modo semplice per unirsi al tuo programma di referral e accedere ai propri link di condivisione.
* Il *widget per amici* registrerà il cliente referenziato nel programma Advocate, quindi emetterà una ricompensa—come un codice sconto—quando fornisce il proprio indirizzo email. Dovrebbe essere visualizzato sulla landing page quando gli amici del tuo customer advocate cliccano sul loro link di condivisione.

Per maggiori dettagli su come funzionano i widget di accesso immediato, fai riferimento a [Spiegazione dei tipi di widget](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).

#### Passaggio 1: configura i widget nelle regole del tuo programma

Per prima cosa, dovrai configurare l'aspetto dei tuoi widget di accesso immediato.

{% tabs %}
{% tab title="Widget di referral per il sito web" %}

1. Dal menu di navigazione a sinistra, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regole del programma**.
2. Seleziona il **Contenuto** scheda nella parte superiore della pagina.
3. Nella *Widget di referral per il sito web* scheda, seleziona **Modifica**.

   <div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fuobx2XxNWNvnWI9VxAeM%2FScreenshot%202026-05-18%20at%2009.46.08.png?alt=media&amp;token=6cd074ab-47c6-4423-ab7e-f555c639efe9" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e il contenuto del template.
   * Per ulteriori informazioni su come usare l'editor del widget, fai riferimento a [Personalizzare i widget del programma](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). I componenti dei seguenti gruppi non possono essere aggiunti ai widget di accesso immediato: *sezione Ricompense*, *Statistiche*, *Componenti microsito*, oppure *Referral*.
5. Salva le modifiche al widget.
   {% endtab %}

{% tab title="Widget per amici" %}

1. Dal menu di navigazione a sinistra, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regole del programma**.
2. Seleziona il **Contenuto** scheda nella parte superiore della pagina.
3. Nella *Widget per amici* scheda, seleziona **Modifica**.

   <div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fb2KP4npAsfVPKK5ZZytF%2FScreenshot%202026-05-18%20at%2009.47.19.png?alt=media&amp;token=8d651c41-1e04-43a8-b341-5d1905408da2" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e il contenuto del template.
   * Per ulteriori informazioni su come usare l'editor del widget, fai riferimento a [Personalizzare i widget del programma](/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). I componenti dei seguenti gruppi non possono essere aggiunti ai widget di accesso immediato: *sezione Ricompense*, *Statistiche*, *Componenti microsito*, oppure *Referral*.
5. Facoltativamente, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **\[Casella non selezionata] Mostra** nella *Widget per amici* card a *Mostra automaticamente agli amici referenziati*.
   * Questa opzione abilita la funzione di popup automatico. Il popup automatico crea un'esperienza per l'amico referenziato più coinvolgente facendo risaltare il widget per amici sulla landing page.
6. Salva le modifiche al widget.
   {% endtab %}
   {% endtabs %}

#### Passaggio 2: configura il widget per amici per emettere una ricompensa (facoltativo)

Se stai usando il widget per amici, puoi configurarlo per fornire un codice sconto all'amico referenziato. Per farlo, dovrai prima configurare una ricompensa fuel tank. Poi, configura le regole del tuo programma per emettere questa ricompensa tramite il widget per amici.

{% hint style="info" %}
**Nota:** Se hai già configurato una ricompensa fuel tank per il tuo programma, allora puoi modificare la [ricompensa esistente](/brand/it/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) e cambiare il *Tipo di accesso* per **Accesso immediato** invece.
{% endhint %}

1. Configura una [ricompensa fuel tank](/brand/it/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * Il fuel tank è dove caricherai gli sconti univoci che impact.com visualizzerà nel widget per amici.
2. Dal menu di navigazione a sinistra, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regole del programma**.
3. Seleziona il **Comportamento del programma** scheda nella parte superiore della pagina.
4. Trova la regola del programma che assegna una ricompensa all'amico referenziato, quindi seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fut4jbWXPGIqKlOpfrxol%2Fadvocate_edit.svg?alt=media\&token=3a645b22-237b-429e-be28-5a4d92fab66c) **\[Azione modifica]**.

   <div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FgH9l0ls6qyirX5CI1yUH%2FScreenshot%202026-05-18%20at%2009.59.05.png?alt=media&amp;token=7232b7df-d38e-44d2-a613-cebaa1b1632a" alt=""><figcaption></figcaption></figure></div>
5. Assicurati che l'azione invii un **Premio ed e-mail** al **Amico**, quindi seleziona **Avanti**.
6. In alto al *Modifica ricompensa* della schermata, seleziona **Usa una ricompensa preconfigurata**.

   <div data-with-frame="true"><figure><img src="https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0c279d2b9565e090b9d307487a89253949ea82d5%2F7922f00a4660ca4be39e63403b51343ac0eeb85dd15e6497e15fc10536d22c1e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
7. Dalla *Premio* elenco a discesa, seleziona la ricompensa fuel tank che hai creato.
8. Seleziona **Avanti**, quindi controlla l'azione e seleziona **Salva**.

#### Passaggio 3: installa i widget

Complimenti! I tuoi widget di accesso immediato sono pronti per essere utilizzati. L'ultimo passaggio è generare uno snippet di codice da incorporare nella tua landing page post-acquisto, nel flusso di checkout o ovunque tu voglia che i partecipanti vi accedano.

{% tabs %}
{% tab title="Widget di referral per il sito web" %}

1. Nella barra di navigazione superiore, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Profilo utente] → Impostazioni**.
2. A sinistra, sotto *Impostazioni di Advocate*, seleziona **Installa**.
3. Dall'elenco a discesa dei widget, seleziona uno dei widget di accesso immediato che hai creato.
4. Scegli se vuoi generare uno snippet di codice per un **widget incorporato** o una **widget popup**.
   * I widget incorporati vengono visualizzati direttamente nella tua pagina web.
   * I widget popup si caricheranno in un popup dopo che il partecipante farà clic sul pulsante o link designato.
5. Copia lo snippet di codice generato, quindi aggiungilo alla tua piattaforma e-commerce o alla tua landing page.
   {% endtab %}

{% tab title="Widget per amici" %}
{% hint style="info" %}
**Salta questo passaggio se il tuo widget per amici usa il popup automatico:** Questo passaggio non è richiesto per tutti i widget per amici. Il [Universal Tracking Tag (UTT)](/brand/it/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) si carica automaticamente sulla tua pagina web qualsiasi widget per amici sia configurato per *Mostra automaticamente agli amici referenziati*. Puoi saltare questo passaggio se il tuo widget per amici ha questa opzione abilitata.
{% endhint %}

Se stai usando un widget per amici senza popup automatico abilitato, l'UTT non caricherà automaticamente il widget—quindi dovrai generare lo snippet di codice e inserirlo nella tua pagina.

1. Nella barra di navigazione superiore, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Profilo utente] → Impostazioni**.
2. A sinistra, sotto *Impostazioni di Advocate*, seleziona **Installa**.
3. Nel *Visualizza widget* sezione, seleziona **Accesso immediato** come tipo di widget che desideri visualizzare.
4. Dall'elenco a discesa dei widget, seleziona il tuo widget per amici.
5. Seleziona il **Widget incorporato** tipo di visualizzazione.
6. Copia lo snippet di codice generato, quindi aggiungilo alla pagina a cui accederà l'amico referenziato.
   {% endtab %}
   {% endtabs %}


---

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

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

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

```
GET https://help.impact.com/brand/it/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md?ask=<question>&goal=<user_goal>
```

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

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

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