# Configurare un widget Instant Access

<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 di e-commerce e retail, i widget di accesso istantaneo offrono ai tuoi sostenitori clienti e agli amici che hanno referenziato un modo semplice per interagire con il tuo programma di referral—nessuna password o autenticazione richiesta.

Esistono 2 tipi di widget di accesso istantaneo:

* Il *widget di referral per il sito web* fornisce ai tuoi sostenitori clienti un modo semplice per unirsi al tuo programma di referral e accedere ai loro link di condivisione.
* Il *widget per amici* registrerà il cliente referenziato nel programma Advocate, quindi emetterà una ricompensa—come un codice sconto—quando fornirà il proprio indirizzo email. Dovrebbe essere visualizzato nella pagina di atterraggio quando gli amici del tuo sostenitore cliente cliccano sul loro link di condivisione.

Per ulteriori dettagli su come funzionano i widget di accesso istantaneo, fai riferimento a [Tipi di widget spiegati](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained).

#### Passo 1: Configura i widget nelle regole del tuo programma

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

{% 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 in cima alla pagina.
3. Su *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%2Fgit-blob-a0398b6c9b71c256fea85550506874cf0377a607%2Ff5648a86b40844c6676a764001190fdfbe86374db80a442fedebbaf89dcd4669.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e i contenuti del modello.
   * Per maggiori informazioni su come usare l'editor dei widget, consulta [Personalizzare i widget del programma](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). I componenti dei seguenti gruppi non possono essere aggiunti ai widget di accesso istantaneo: *Ricompense*, *Statistiche*, *Componenti Microsito*, o *Segnalazioni*.
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 in cima alla pagina.
3. Su *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%2Fgit-blob-0c8a42b6f8f90356d7db2912f361ecda4cb0badf%2Fbf9a54620d614aaa9ccba1440a70ac64b498b9a9dca5fcbf9ef3ef5c98e94c63.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. Regola l'aspetto e i contenuti del modello.
   * Per maggiori informazioni su come usare l'editor dei widget, consulta [Personalizzare i widget del programma](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). I componenti dei seguenti gruppi non possono essere aggiunti ai widget di accesso istantaneo: *Ricompense*, *Statistiche*, *Componenti Microsito*, o *Segnalazioni*.
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* scheda a *Mostra automaticamente per gli 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 nella pagina di atterraggio.
6. Salva le modifiche al widget.
   {% endtab %}
   {% endtabs %}

#### Passo 2: Configura il widget per amici per emettere una ricompensa (opzionale)

Se usi il widget per amici, puoi configurarlo per fornire un codice sconto all'amico referenziato. Per farlo, per prima cosa dovrai impostare 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à una ricompensa fuel tank impostata per il tuo programma, puoi modificare il [ricompensa esistente](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward) e cambiare il *Tipo di Accesso* per **Accesso Istantaneo** invece.
{% endhint %}

1. Imposta una [ricompensa fuel tank](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward).
   * Il fuel tank è il luogo in cui caricherai gli sconti unici che impact.com mostrerà 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 in cima alla pagina.
4. Trova la regola del programma che emette una ricompensa all'amico referenziato, poi seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-830c4bcd7062a740c2beb07eaab9dbc0bebb941e%2Fc4c9ce310b96f63e13be975709c4aac596168e13e48d31916422fa0128ad1469.svg?alt=media) **\[Modifica azione]**.

   <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-db86a48b3edc25f7452258dfcd6e215adfd4d4fc%2F3afad2adff20d31faf9874033f80a565e462459341801f2b483af8b07ff8c17f.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
5. Assicurati che l'azione invii una **Ricompensa e Email** al **Amico**, quindi seleziona **Avanti**.
6. In cima al *Modifica Ricompensa* 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. Dal *Ricompensa* elenco a discesa, seleziona la ricompensa fuel tank che hai creato.
8. Seleziona **Avanti**, poi rivedi l'azione e seleziona **Salva**.

#### Passo 3: Installa i widget

Congratulazioni! I tuoi widget di accesso istantaneo sono pronti per l'uso. L'ultimo passo è generare uno snippet di codice da incorporare nella tua pagina di atterraggio post-acquisto, nel flusso di checkout o ovunque desideri che i partecipanti vi accedano.

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

1. Dalla barra di navigazione in alto, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Profilo utente] → Impostazioni**.&#x20;
2. A sinistra, sotto *Impostazioni Advocate*, seleziona **Installa**.
3. Dal menu a discesa dei widget, seleziona uno dei widget di accesso istantaneo 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 verranno caricati in un popup dopo che il partecipante clicca sul tuo pulsante o link designato.
5. Copia lo snippet di codice generato, poi aggiungilo alla tua piattaforma di e-commerce o alla pagina di atterraggio.
   {% 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)](https://help.impact.com/brand/it/di-cosa-vorresti-imparare/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt) carica automaticamente sulla 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à il widget automaticamente—quindi dovrai generare lo snippet di codice e posizionarlo nella tua pagina.

1. Dalla barra di navigazione in alto, seleziona ![](https://1043985218-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Profilo utente] → Impostazioni**.&#x20;
2. A sinistra, sotto *Impostazioni Advocate*, seleziona **Installa**.
3. Nel *Visualizza Widget* seleziona **Accesso Istantaneo** come il tipo di widget che desideri visualizzare.
4. Dal menu 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, poi aggiungilo alla pagina a cui accederà l'amico referenziato.
   {% endtab %}
   {% endtabs %}
