# Widget post-checkout di Shopify

I referral provengono spesso da pagine post-acquisto ad alto traffico, rendendo questi luoghi ideali per promuovere il tuo programma referral. Il widget post-checkout di Shopify ti consente di coinvolgere i clienti in modo fluido subito dopo l’acquisto, aumentando i referral. Sfruttando il framework di estensibilità di Shopify, questo widget offre un’esperienza fluida e in linea con il brand che massimizza l’impatto del programma.

Se il tuo programma non è presente qui, potresti perdere opportunità di coinvolgimento preziose e rimanere indietro rispetto ai concorrenti che già sfruttano queste posizioni.

#### Che cos’è il widget post-checkout di Shopify?

Il nostro widget post-checkout sfrutta **Shopify Checkout Extensibility** per inserire una call-to-action (CTA) di referral con il brand nelle pagine post-checkout. Riprende il popolare [Instant Access Widget](/brand/it/che-cosa-vorresti-imparare/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md) e supporta:

* Visualizzazione incorporata
* Visualizzazione in finestra popup

Entrambe le versioni presentano due stati principali del widget:

* Acquisizione email / Identificazione utente
* Pagina di condivisione con dettagli del referral

#### Caratteristiche principali

Il widget post-checkout di Shopify è progettato per massimizzare il coinvolgimento nei referral. Presenta un flusso in due passaggi: per prima cosa, il widget identifica l’utente raccogliendo la sua email (se non è già connesso), e poi mostra il suo link o codice referral personalizzato insieme ai pulsanti di condivisione. Per gli utenti Shopify connessi, il passaggio dell’email viene completamente saltato per un’esperienza più fluida.

Il widget supporta sia le opzioni di visualizzazione incorporata sia popup, così puoi scegliere il formato che meglio si adatta al layout del tuo negozio e all’esperienza del cliente. Si collega senza soluzione di continuità al tuo programma referral per creare o aggiornare i profili dei partecipanti e recuperare i dati di referral necessari, come il link di condivisione, il codice referral e le opzioni di condivisione social. È possibile mostrare fino a 3 pulsanti di condivisione, con supporto per piattaforme come Email, Facebook, WhatsApp, Messenger, LinkedIn, X (ex Twitter) e SMS.

La personalizzazione è una funzionalità fondamentale. Puoi adattare il contenuto di ogni passaggio, inclusi intestazioni, sottotitoli, pulsanti CTA e messaggi di condivisione. Hai anche la possibilità di includere un’immagine nella parte superiore del widget per un ulteriore branding. È importante sottolineare che tutte queste impostazioni possono essere configurate all’interno dell’Editor pagine di Shopify, rendendo facile apportare modifiche senza uscire dall’admin di Shopify.

Infine, il widget è progettato per ereditare il branding del tuo sito, quindi non è necessario configurare manualmente colori o font. Questo garantisce un aspetto coerente con il resto del tuo negozio.

#### Aggiungi il widget al tuo sito

Per aggiungere il widget Advocate al tuo negozio Shopify:

1. Vai al tuo *editor del tema*.
2. Seleziona il **navigatore delle pagine** nella parte superiore dello schermo, quindi scegli **Checkout e account cliente**.
3. Ripeti il passaggio sopra per la sezione *Grazie* .
4. Nella sezione principale, seleziona **Aggiungi blocco**, quindi scegli **Advocate Referral Widget** dalla sezione di integrazione di Impact.com.

#### Flusso del widget

L’esperienza del widget è progettata per guidare gli utenti attraverso due semplici passaggi.

{% stepper %}
{% step %}

#### **Passaggio 1:**

Il widget chiede al cliente di inserire il proprio nome e indirizzo email, a meno che non sia già connesso a Shopify, nel qual caso questo passaggio viene saltato automaticamente. Una volta acquisite le informazioni dell’utente, viene aggiunto al tuo programma come nuovo partecipante oppure i suoi dati vengono aggiornati se è già presente nel programma.

<div data-with-frame="true"><figure><img src="/files/2fcdcb3d084f5753a134569b4c71038d09d1711a" alt="" width="484"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### **Passaggio 2:**

Al cliente vengono mostrati i dettagli del suo referral. Questi includono un link referral univoco o un codice referral, a seconda di come è configurato il programma. Il widget mostra anche fino a 3 pulsanti di condivisione, e puoi includere anche un breve messaggio sopra le informazioni di referral per incoraggiare la condivisione e rafforzare i vantaggi del programma.

<div data-with-frame="true"><figure><img src="/files/13d15a8bff75cfee50d8b47bb831a19caedb1442" alt="" width="492"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

**Opzioni di personalizzazione**

Tutti i contenuti visivi possono essere configurati per riflettere la voce del tuo brand. Queste personalizzazioni saranno disponibili direttamente nell' **Editor pagine di Shopify** per facilitarne l’uso.

| Personalizzazione                           | Sezioni modificabili                                                                                                                                                                                                                                                                                                                                                                                            |
| ------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Condivise tra gli stati del widget          | <p>• URL immagine (opzionale)</p><p>• Intestazione (obbligatoria)</p><p>• Sottotitolo (opzionale)</p><p>• Link ai termini e condizioni (opzionale)</p>                                                                                                                                                                                                                                                          |
| Opzioni specifiche del popup                | • Etichetta del pulsante CTA (ad esempio, “Inizia”)                                                                                                                                                                                                                                                                                                                                                             |
| Opzioni di raccolta email                   | <p>• CTA del pulsante "Inizia a fare referral"</p><p>• Campo nome (opzionale)</p>                                                                                                                                                                                                                                                                                                                               |
| Opzioni per le informazioni di condivisione | <p>• Testo personalizzato sopra il link</p><p>• Seleziona fino a 3 canali per i pulsanti di condivisione:</p><p>• Email</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Link diretto</p><p>• Email</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Link diretto</p> |


---

# 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-experiences/shopify-post-checkout-widget.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.
