> 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 ad accesso immediato offrono ai tuoi customer advocate e agli amici da loro segnalati un modo semplice per interagire con il tuo programma di referral, senza bisogno di password o autenticazione.

Esistono 2 tipi di widget ad accesso immediato:

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

Per ulteriori dettagli su come funzionano i widget ad 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 ad 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* scheda, 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 template.
   * Per maggiori informazioni su come utilizzare l'editor dei 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 ad accesso immediato: *sezione Premi*, *Statistiche*, *Componenti del microsito*, oppure *Referral*.
5. Salva le modifiche apportate al widget.
   {% endtab %}

{% tab title="Widget per gli 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 gli amici* scheda, 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 template.
   * Per maggiori informazioni su come utilizzare l'editor dei 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 ad accesso immediato: *sezione Premi*, *Statistiche*, *Componenti del microsito*, oppure *Referral*.
5. Facoltativamente, seleziona ![](/files/cec8fb6b06bdba97a0f302d45d30862de79a5365) **\[Casella non selezionata] Mostra** sul *Widget per gli amici* scheda per *Mostra automaticamente per gli amici segnalati*.
   * Questa opzione abilita la funzione popup automatico. Il popup automatico crea un'esperienza più coinvolgente per l'amico segnalato, facendo risaltare il widget per gli amici nella landing page.
6. Salva le modifiche apportate al widget.
   {% endtab %}
   {% endtabs %}

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

Se stai utilizzando il widget per gli amici, puoi configurarlo per fornire un codice sconto all'amico segnalato. Per farlo, dovrai prima configurare una ricompensa fuel tank. Quindi, configura le regole del tuo programma per emettere questa ricompensa tramite il widget per gli 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* a **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 unici che impact.com mostrerà nel widget per gli 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 emette una ricompensa all'amico segnalato, quindi seleziona ![](/files/d94bebe1471bccf74f79d793ead063f72e3cf23b) **\[Azione di modifica]**.

   <div data-with-frame="true"><figure><img src="/files/a29971cd82ac3b8b235f5ac8541f0d5b34201a7b" alt=""><figcaption></figcaption></figure></div>
5. Assicurati che l'azione invii una **Ricompensa ed email** al **Amico**, quindi seleziona **Avanti**.
6. In cima al *Modifica ricompensa* schermata, seleziona **Usa un premio preconfigurato**.

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

#### Passaggio 3: installa i widget

Complimenti! I tuoi widget ad 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 che i partecipanti vi accedano.

{% 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 di Advocate*, seleziona **Installa**.
3. Dall'elenco a discesa dei widget, seleziona uno dei widget ad 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 si caricheranno in una finestra popup dopo che il partecipante farà 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 gli amici" %}
{% hint style="info" %}
**Salta questo passaggio se il tuo widget per gli amici utilizza il popup automatico:** Questo passaggio non è richiesto per tutti i widget per gli amici. La [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 gli amici sia configurato per *Mostra automaticamente per gli amici segnalati*. Puoi saltare questo passaggio se il tuo widget per gli amici ha questa opzione abilitata.
{% endhint %}

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

1. Dalla barra di navigazione superiore, seleziona ![](/files/c0279a0e9c22a5b78cc1bbb3be84cac24b0fd825) **\[Profilo utente] → Impostazioni**.
2. A sinistra, sotto *Impostazioni di Advocate*, seleziona **Installa**.
3. Nella *Visualizza i widget* sezione, seleziona **Accesso immediato** come tipo di widget che desideri visualizzare.
4. Dall'elenco a discesa dei widget, seleziona il tuo widget per gli 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 segnalato.
   {% 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.
