> 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-Post-Checkout-Widget

Empfehlungen stammen häufig von stark frequentierten Seiten nach dem Checkout, was diese zu idealen Orten macht, 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 liefert dieses Widget ein reibungsloses, gebrandetes Erlebnis, das die Wirkung des Programms maximiert.

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

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

Unser Post-Checkout-Widget nutzt **Shopify Checkout Extensibility** um einen gebrandeten Empfehlungs-Call-to-Action (CTA) auf Seiten nach dem Checkout zu platzieren. Es ähnelt 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
* Popup-Modal-Anzeige

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

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

#### Hauptfunktionen

Das Shopify Post-Checkout-Widget ist darauf ausgelegt, das Engagement für Empfehlungen zu maximieren. Es verfügt über einen zweistufigen Ablauf: Zuerst identifiziert das Widget den Nutzer, indem es dessen E-Mail-Adresse erfasst (falls er nicht bereits angemeldet ist), und anschließend zeigt es den personalisierten Empfehlungslink oder -code zusammen mit Schaltflächen zum Teilen an. Bei angemeldeten Shopify-Nutzern wird der E-Mail-Schritt für ein nahtloseres Erlebnis vollständig übersprungen.

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 dem Kundenerlebnis passt. Es verbindet sich nahtlos mit Ihrem Empfehlungsprogramm, um Teilnehmerprofile zu erstellen oder zu aktualisieren und die erforderlichen Empfehlungsdaten wie den Freigabelink, den Empfehlungscode und Optionen zum Teilen in sozialen Netzwerken abzurufen. Es können bis zu 3 Teilen-Schaltflä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 anpassen, einschließlich Überschriften, Unterüberschriften, CTA-Schaltflächen und Teilenachrichten. Außerdem haben Sie die Möglichkeit, oben im Widget ein Bild für zusätzliches Branding 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. So wird ein einheitliches Erscheinungsbild mit dem Rest Ihres Shops gewährleistet.

#### Fügen Sie das Widget Ihrer Website hinzu

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

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

#### Widget-Ablauf

Das Widget-Erlebnis ist darauf ausgelegt, Nutzer 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 Nutzers erfasst wurden, wird er entweder als neuer Teilnehmer zu Ihrem Programm hinzugefügt oder seine Daten werden aktualisiert, falls er bereits im Programm ist.

<div data-with-frame="true"><figure><img src="/files/691a95d3530a1dd0d00132dfa69ee5a1f0618955" 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 Teilen-Schaltflächen an, und Sie können über den Empfehlungsinformationen auch eine kurze Nachricht einfügen, um das Teilen zu fördern und die Vorteile des Programms zu unterstreichen.

<div data-with-frame="true"><figure><img src="/files/96f22e17bc4db0e55b22b84a05f3054adab20a92" 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>                                                                                                                                                                                                                                                              |
| Optionen speziell für Popups        | • Beschriftung der CTA-Schaltfläche (z. B. „Los geht's“)                                                                                                                                                                                                                                                                                                                                                             |
| Optionen zur E-Mail-Erfassung       | <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 Teilen-Schaltflächen aus:</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>• Direktlink</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>• Direktlink</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.
