> 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 Weiterempfehlungen entstehen häufig auf stark frequentierten Seiten nach dem Checkout, weshalb diese ideale Orte sind, um Ihr Empfehlungsprogramm zu bewerben. Mit dem Shopify Post-Checkout Widget können Sie Kunden nahtlos direkt nach dem Kauf ansprechen und so mehr Weiterempfehlungen erzielen. 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 wertvolle Interaktionen und fallen hinter Wettbewerber zurück, die diese Bereiche bereits nutzen. #### Was ist das Shopify-Widget nach dem Checkout? Unser Post-Checkout-Widget nutzt **Shopify Checkout Extensibility** um auf Seiten nach dem Checkout einen markenkonformen Call-to-Action (CTA) zur Weiterempfehlung zu platzieren. Es orientiert sich am 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 Pop-up-Modal Beide Versionen verfügen über zwei primäre Widget-Zustände: * Erfassung von E-Mail / Benutzeridentifizierung * Freigabeseite mit Weiterempfehlungsdetails #### Hauptfunktionen Das Shopify Post-Checkout Widget wurde entwickelt, um die Interaktion mit Weiterempfehlungen zu maximieren. Es verfügt über einen zweistufigen Ablauf: Zunächst identifiziert das Widget den Benutzer, indem es seine E-Mail-Adresse erfasst (falls er nicht bereits angemeldet ist), und anschließend zeigt es seinen personalisierten Weiterempfehlungslink oder -code zusammen mit Share-Buttons an. Bei bei Shopify angemeldeten Benutzern wird der E-Mail-Schritt vollständig übersprungen, um ein nahtloseres Erlebnis zu bieten. Das Widget unterstützt sowohl eingebettete als auch Pop-up-Anzeigen, 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 abzurufen, wie etwa den Teilen-Link, den Empfehlungscode und Optionen zum Teilen in sozialen Netzwerken. Es können bis zu 3 Share-Buttons 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-Buttons 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 direkt im Shopify-Seiteneditor konfiguriert werden können, sodass Anpassungen einfach möglich sind, ohne den Shopify-Adminbereich zu verlassen. Schließlich ist das Widget so konzipiert, dass es das Branding Ihrer Website übernimmt, sodass Sie Farben oder Schriftarten nicht manuell konfigurieren müssen. Dadurch bleibt das Erscheinungsbild mit dem Rest Ihres Shops konsistent. #### 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 wählen Sie dann **Advocate Referral Widget** aus dem Integrationsbereich von Impact.com. #### Widget-Ablauf Das Widget-Erlebnis ist so gestaltet, dass es Benutzer durch zwei einfache Schritte führt. {% stepper %} {% step %} #### **Schritt 1:** Das Widget fordert Ihren Kunden auf, seinen Namen und seine E-Mail-Adresse einzugeben, sofern er nicht bereits bei Shopify angemeldet ist; 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 vorhanden ist.
{% 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 Share-Buttons an, und Sie können zusätzlich eine kurze Nachricht oberhalb der Empfehlungsinformationen einfügen, um zum Teilen zu motivieren und die Vorteile des Programms hervorzuheben.
{% endstep %} {% endstepper %} **Anpassungsoptionen** Alle visuellen Inhalte können so konfiguriert werden, dass sie die Stimme Ihrer Marke widerspiegeln. Diese Anpassungen stehen direkt im **Shopify-Seiteneditor** für eine einfache Bedienung zur Verfügung. | Anpassung | Bearbeitbare Bereiche | | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Gemeinsam für beide Widget-Zustände |

• Bild-URL (optional)

• Überschrift (erforderlich)

• Unterüberschrift (optional)

• Link zu den Allgemeinen Geschäftsbedingungen (optional)

| | Popup-spezifische Optionen | • CTA-Button-Beschriftung (z. B. „Los geht’s“) | | Optionen zur E-Mail-Erfassung |

• CTA des Buttons „Weiterempfehlung starten“

• Namensfeld (optional)

| | Optionen für Freigabeinformationen |

• Benutzerdefinierter Text über dem Link

• Wählen Sie bis zu 3 Kanäle für Share-Buttons aus:

• E-Mail

• SMS

• Facebook

• Facebook Messenger

• WhatsApp

• LinkedIn

• X (Twitter)

• Direkter Link

• E-Mail

• SMS

• Facebook

• Facebook Messenger

• WhatsApp

• LinkedIn

• X (Twitter)

• Direkter Link

| --- # 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=&goal= ``` `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.