> 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/shopify-post-checkout-widget.md).

# Widget post-checkout di Shopify

Le segnalazioni provengono spesso da pagine post-checkout con traffico elevato, rendendo questi punti ideali per promuovere il tuo programma di referral. Il widget post-checkout di Shopify ti consente di coinvolgere senza problemi i clienti subito dopo l’acquisto, aumentando le segnalazioni. 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à preziose di coinvolgimento 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 posizionare una CTA di referral con branding sulle pagine post-checkout. Ricalca il popolare [Instant Access Widget](/brand/it/what-would-you-like-to-learn-about/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 i dettagli del referral

#### Caratteristiche principali

Il widget post-checkout di Shopify è progettato per massimizzare il coinvolgimento nei referral. Presenta un flusso in due fasi: prima il widget identifica l’utente raccogliendo la sua email (se non ha già effettuato l’accesso), poi mostra il suo link o codice di referral personalizzato insieme ai pulsanti di condivisione. Per gli utenti Shopify connessi, la fase dell’email viene completamente saltata 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 store e all’esperienza del cliente. Si connette senza problemi al tuo programma di referral per creare o aggiornare i profili dei partecipanti e recuperare i dati necessari del referral, 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 i contenuti di ogni fase, inclusi intestazioni, sottotitoli, pulsanti CTA e messaggi di condivisione. Hai anche la possibilità di includere un’immagine nella parte superiore del widget per un branding aggiuntivo. È importante sottolineare che tutte queste impostazioni possono essere configurate all’interno di Shopify Page Editor, 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 store.

#### Aggiungi il widget al tuo sito

Per aggiungere il widget Advocate al tuo store Shopify:

1. Vai al tuo *editor del tema*.
2. Seleziona il **navigatore della pagina** in cima allo schermo, quindi scegli **Checkout e account dei clienti**.
3. Ripeti il passaggio sopra per il *Grazie* pagina.
4. Nella sezione principale, seleziona **Aggiungi blocco**, quindi scegli **Advocate Referral Widget** dalla sezione integrazione di Impact.com.

#### Flusso del widget

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

{% stepper %}
{% step %}

#### **Fase 1:**

Il widget invita il cliente a inserire il proprio nome e indirizzo email, a meno che non abbia già effettuato l’accesso a Shopify, nel qual caso questo passaggio viene saltato automaticamente. Una volta acquisiti i dati dell’utente, questi vengono aggiunti al tuo programma come nuovo partecipante oppure i loro dettagli vengono aggiornati se sono già presenti nel programma.

<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-061bb6690e6b6dfa4a077b1ec06087f561906dac%2F571f95c03ce48a5309bb35fa3dfb1dd9f52648a8250997c9c024c97d40539df8.png?alt=media" alt="" width="484"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### **Passaggio 2:**

Al cliente vengono mostrati i dettagli del referral. Questi includono un link di referral univoco oppure 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 del referral per incoraggiare la condivisione e rafforzare i vantaggi del programma.

<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-6a0f04d21deba06ba46938c9470f105773008db9%2F4629f5cdc1fb6845cb83f3e4a6b50b677072e4915ce88d4aa69726630b9c96bb.png?alt=media" alt="" width="492"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

**Opzioni di personalizzazione**

Tutti i contenuti visivi possono essere configurati per riflettere il tono del tuo brand. Queste personalizzazioni saranno disponibili direttamente nel **Shopify Page Editor** 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 es. “Inizia ora”)                                                                                                                                                                                                                                                                                                                                                              |
| Opzioni di raccolta email            | <p>• CTA del pulsante “Inizia a segnalare”</p><p>• Campo nome (opzionale)</p>                                                                                                                                                                                                                                                                                                                                   |
| Opzioni 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
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/shopify-post-checkout-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.
