> 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/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/shopify-post-checkout-widget.md).

# Shopify-Widget nach dem Checkout

Empfehlungen stammen häufig von stark frequentierten Seiten nach dem Checkout und machen diese zu erstklassigen Orten, um Ihr Empfehlungsprogramm zu bewerben. Das Shopify Post-Checkout Widget ermöglicht es Ihnen, Kunden direkt nach dem Kauf nahtlos anzusprechen und so Empfehlungen zu steigern. Durch die Nutzung von Shopifys Extensibility-Framework bietet dieses Widget ein reibungsloses, markenkonformes Erlebnis, das die Wirkung des Programms maximiert.

Wenn Ihr Programm hier nicht vorhanden ist, verpassen Sie möglicherweise wertvolles Engagement und fallen hinter Mitbewerber zurück, die diese Bereiche bereits nutzen.

#### Was ist das Shopify Post-Checkout-Widget?

Unser Post-Checkout-Widget nutzt **Shopify Checkout Extensibility** um auf Post-Checkout-Seiten einen markenkonformen Call-to-Action (CTA) für Empfehlungen zu platzieren. Es entspricht dem beliebten [Instant Access Widget](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md) und unterstützt:

* Eingebettete Anzeige
* Anzeige als Popup-Modal

Beide Versionen verfügen über zwei primäre Widget-Zustände:

* E-Mail-Erfassung / Benutzeridentifikation
* Freigabeseite mit Empfehlungsdetails

#### Hauptfunktionen

Das Shopify Post-Checkout-Widget wurde entwickelt, um das Empfehlungs-Engagement zu maximieren. Es verfügt über einen zweistufigen Ablauf: Zuerst identifiziert das Widget den Benutzer, indem es seine E-Mail-Adresse erfasst (falls er nicht bereits bei Shopify angemeldet ist), und anschließend werden sein personalisierter Empfehlungslink oder -code zusammen mit Freigabeschaltflächen angezeigt. Für angemeldete Shopify-Nutzer wird der E-Mail-Schritt vollständig übersprungen, um ein nahtloseres Erlebnis zu bieten.

Das Widget unterstützt sowohl eingebettete als auch Popup-Anzeigeoptionen, sodass Sie das Format wählen können, das am besten zu Ihrem Shop-Layout und der Kundenerfahrung passt. Es verbindet sich nahtlos mit Ihrem Empfehlungsprogramm, um Teilnehmerprofile zu erstellen oder zu aktualisieren und die erforderlichen Empfehlungsdaten abzurufen, wie den Freigabelink, den Empfehlungscode und Optionen zum Teilen in sozialen Netzwerken. Es können bis zu 3 Freigabeschaltflächen angezeigt werden, mit Unterstützung für Plattformen wie E-Mail, Facebook, WhatsApp, Messenger, LinkedIn, X (ehemals Twitter) und SMS.

Anpassung ist eine Kernfunktion. Sie können die Inhalte für jeden Schritt individuell anpassen, einschließlich Überschriften, Unterüberschriften, CTA-Schaltflächen und Freigabenachrichten. Sie haben außerdem die Möglichkeit, oben im Widget ein Bild zur zusätzlichen Markenkennzeichnung einzufügen. Wichtig ist, dass all diese Einstellungen im Shopify-Seiteneditor konfiguriert werden können, sodass Anpassungen einfach möglich sind, ohne den Shopify-Adminbereich zu verlassen.

Außerdem ist das Widget so konzipiert, dass es das Branding Ihrer Website übernimmt, sodass Sie Farben oder Schriftarten nicht manuell konfigurieren müssen. Dadurch bleibt ein einheitliches Erscheinungsbild im gesamten Shop erhalten.

#### Das Widget zu Ihrer Website hinzufügen

So fügen Sie das Advocate-Widget Ihrem Shopify-Shop hinzu:

1. Navigieren Sie zu Ihrem *Theme-Editor*.
2. Wählen Sie das **Seiten-Navigator** oben auf dem Bildschirm und wählen Sie dann **Checkout und Kundenkonten**.
3. Wiederholen Sie den obigen Schritt für das *Dankeschön* Seite.
4. Wählen Sie im Hauptbereich **Block hinzufügen**, und wählen Sie dann **Advocate Referral Widget** aus dem Integrationsbereich von Impact.com.

#### Widget-Ablauf

Das Widget-Erlebnis ist darauf ausgelegt, Benutzer durch zwei einfache Schritte zu führen.

{% stepper %}
{% step %}

#### **Schritt 1:**

Das Widget fordert Ihren Kunden auf, seinen Namen und seine E-Mail-Adresse einzugeben, es sei denn, er ist bereits bei Shopify angemeldet; in diesem Fall wird dieser Schritt automatisch übersprungen. Sobald die Informationen des Benutzers erfasst wurden, wird er entweder als neuer Teilnehmer zu Ihrem Programm hinzugefügt oder seine Daten werden aktualisiert, wenn er bereits im Programm ist.

<div data-with-frame="true"><figure><img src="https://1698965099-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 %}

#### **Schritt 2:**

Dem Kunden werden seine Empfehlungsdetails angezeigt. Dazu gehört je nach Konfiguration des Programms entweder ein eindeutiger Empfehlungslink oder ein Empfehlungscode. Das Widget zeigt außerdem bis zu 3 Freigabeschaltflächen an, und Sie können auch eine kurze Nachricht über den Empfehlungsinformationen einfügen, um das Teilen zu fördern und die Vorteile des Programms zu unterstreichen.

<div data-with-frame="true"><figure><img src="https://1698965099-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 %}

**Anpassungsoptionen**

Alle visuellen Inhalte können so konfiguriert werden, dass sie die Stimme Ihrer Marke widerspiegeln. Diese Anpassungen stehen Ihnen direkt im **Shopify-Seiteneditor** zur einfachen Verwendung zur Verfügung.

| Anpassung                           | Bearbeitbare Bereiche                                                                                                                                                                                                                                                                                                                                                                                                   |
| ----------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Gemeinsam für beide Widget-Zustände | <p>• Bild-URL (optional)</p><p>• Überschrift (erforderlich)</p><p>• Unterüberschrift (optional)</p><p>• Link zu den Geschäftsbedingungen (optional)</p>                                                                                                                                                                                                                                                                 |
| Popup-spezifische Optionen          | • Beschriftung der CTA-Schaltfläche (z. B. „Jetzt loslegen“)                                                                                                                                                                                                                                                                                                                                                            |
| E-Mail-Erfassungsoptionen           | <p>• CTA der Schaltfläche „Mit dem Empfehlen beginnen“</p><p>• Namensfeld (optional)</p>                                                                                                                                                                                                                                                                                                                                |
| Optionen für Freigabeinformationen  | <p>• Benutzerdefinierter Text über dem Link</p><p>• Wählen Sie bis zu 3 Medien für die Freigabeschaltflächen:</p><p>• E-Mail</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Direkter Link</p><p>• E-Mail</p><p>• SMS</p><p>• Facebook</p><p>• Facebook Messenger</p><p>• WhatsApp</p><p>• LinkedIn</p><p>• X (Twitter)</p><p>• Direkter Link</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/de/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.
