> 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 advocate clienti e ai loro amici referenziati un modo semplice per interagire con il tuo programma di referral: non è richiesta alcuna password o autenticazione.

Esistono 2 tipi di widget di accesso immediato:

* La *widget di referral del sito web* offre ai tuoi advocate clienti un modo semplice per iscriversi al tuo programma di referral e accedere ai loro link di condivisione.
* La *widget per amici* registrerà il cliente referenziato nel programma Advocate, quindi erogherà una ricompensa, come un codice sconto, quando fornirà il proprio indirizzo email. Dovrebbe essere visualizzato sulla landing page quando gli amici del tuo advocate cliente fanno clic sul loro link di condivisione.

Per ulteriori dettagli su come funzionano i widget di accesso immediato, fai riferimento a [Tipi di widget spiegati](/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 del sito web" %}

1. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage] → Regole del programma**.
2. Seleziona il **Contenuto** scheda nella parte superiore della pagina.
3. Nella *Widget di referral del sito web* card, seleziona **Modifica**.

   <div data-with-frame="true"><figure><img src="/files/210e269b74e8d7e6c7778bc8101607b57eaa1a92" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e i contenuti del modello.
   * Per ulteriori informazioni su come usare l'editor dei widget, fai riferimento a [Personalizza 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: *Ricompense*, *Statistiche*, *Componenti del microsito*, oppure *Referral*.
5. Salva le modifiche al widget.
   {% endtab %}

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

1. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage] → Regole del programma**.
2. Seleziona il **Contenuto** scheda nella parte superiore della pagina.
3. Nella *Widget per amici* card, seleziona **Modifica**.

   <div data-with-frame="true"><figure><img src="/files/c2ef81c00bc950a1903c1320a5ad2f7765131d91" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e i contenuti del modello.
   * Per ulteriori informazioni su come usare l'editor dei widget, fai riferimento a [Personalizza 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: *Ricompense*, *Statistiche*, *Componenti del microsito*, oppure *Referral*.
5. Facoltativamente, seleziona ![](/files/cec8fb6b06bdba97a0f302d45d30862de79a5365) **\[Casella deselezionata] Mostra** sulla *Widget per amici* card per *Mostra automaticamente per gli amici referenziati*.
   * Questa opzione abilita la funzione di popup automatico. Il popup automatico crea un'esperienza più coinvolgente per gli amici referenziati 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 erogare una ricompensa (opzionale)

Se utilizzi il widget per amici, puoi configurarlo per fornire un codice sconto all'amico referenziato. Per farlo, prima dovrai impostare una ricompensa fuel tank. Quindi, configura le regole del tuo programma per erogare questa ricompensa tramite il widget per amici.

{% hint style="info" %}
**Nota:** Se hai già configurato una ricompensa fuel tank per il tuo programma, 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 modificare il *Tipo di accesso* in **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 è il luogo in cui caricherai gli sconti univoci che impact.com mostrerà nel widget per amici.
2. Dal menu di navigazione a sinistra, seleziona ![](/files/56eb48c7f3195590132b62ea75c0575abe0113e5) **\[Engage] → Regole del programma**.
3. Seleziona il **Comportamento del programma** scheda nella parte superiore della pagina.
4. Trova la regola del programma che eroga una ricompensa all'amico referenziato, quindi seleziona ![](/files/d94bebe1471bccf74f79d793ead063f72e3cf23b) **\[Modifica azione]**.

   <div data-with-frame="true"><figure><img src="/files/a29971cd82ac3b8b235f5ac8541f0d5b34201a7b" alt=""><figcaption></figcaption></figure></div>
5. Assicurati che l'azione invii un **Ricompensa ed email** all' **Amico**, quindi seleziona **Avanti**.
6. Nella parte superiore della *schermata Modifica ricompensa* seleziona **Usa una ricompensa preconfigurata**.

   <div data-with-frame="true"><figure><img src="/files/b50663a1947302fc9d405031917563ec390edc85" alt=""><figcaption></figcaption></figure></div>
7. Dalla *Ricompensa* elenco a discesa, seleziona la ricompensa fuel tank che hai creato.
8. Seleziona **Avanti**, quindi rivedi l'azione e seleziona **Salva**.

#### Passaggio 3: installa i widget

Congratulazioni! I tuoi widget di accesso immediato sono pronti per l'uso. L'ultimo passaggio consiste nel generare uno snippet di codice da incorporare nella tua landing page post-acquisto, nel flusso di checkout o ovunque tu voglia consentire ai partecipanti di accedervi.

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

1. Dalla barra di navigazione superiore, seleziona ![](/files/c0279a0e9c22a5b78cc1bbb3be84cac24b0fd825) **\[Profilo utente] → Impostazioni**.
2. A sinistra, sotto *Impostazioni 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 un **widget popup**.
   * I widget incorporati vengono visualizzati direttamente nella tua pagina web.
   * I widget popup verranno caricati in un popup dopo che il partecipante avrà fatto clic sul pulsante o sul 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 utilizza il popup automatico:** Questo passaggio non è richiesto per tutti i widget per amici. Il [Tag di monitoraggio universale (UTT)](/brand/it/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) carica automaticamente nella tua pagina web tutti i widget per amici configurati per *Mostra automaticamente per gli amici referenziati*. Puoi saltare questo passaggio se il tuo widget per amici ha questa opzione abilitata.
{% endhint %}

Se utilizzi un widget per amici senza popup automatico abilitato, l'UTT non caricherà automaticamente il widget, quindi dovrai generare lo snippet di codice e posizionarlo sulla tua pagina.

1. Dalla barra di navigazione superiore, seleziona ![](/files/c0279a0e9c22a5b78cc1bbb3be84cac24b0fd825) **\[Profilo utente] → Impostazioni**.
2. A sinistra, sotto *Impostazioni Advocate*, seleziona **Installa**.
3. Nella *Visualizza widget* sezione, seleziona **Accesso immediato** come tipo di widget che vuoi 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 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-experiences/set-up-an-instant-access-widget.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.
