> 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/set-up-an-instant-access-widget.md).

# Ein Widget für den Sofortzugriff einrichten

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">Belegen Sie den PXA-Kurs</a>

Entwickelt für E-Commerce- und Einzelhandelskunden bieten Widgets mit Sofortzugriff Ihren Kundenempfehlern und ihren geworbenen Freunden eine einfache Möglichkeit, mit Ihrem Empfehlungsprogramm zu interagieren – kein Passwort und keine Authentifizierung erforderlich.

Es gibt 2 Arten von Widgets mit Sofortzugriff:

* Die *Website-Empfehlungs-Widget* bietet Ihren Kundenempfehlern eine einfache Möglichkeit, Ihrem Empfehlungsprogramm beizutreten und auf ihre Freigabelinks zuzugreifen.
* Die *Freundes-Widget* registriert den geworbenen Kunden im Advocate-Programm und vergibt dann eine Belohnung – wie etwa einen Rabattcode –, sobald er seine E-Mail-Adresse angibt. Es sollte auf der Landingpage angezeigt werden, wenn die Freunde Ihres Kundenempfehlers auf ihren Freigabelink klicken.

Weitere Informationen dazu, wie Widgets mit Sofortzugriff funktionieren, finden Sie unter [Widget-Typen erklärt](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).

#### Schritt 1: Richten Sie die Widgets in Ihren Programmregeln ein

Zuerst müssen Sie das Erscheinungsbild Ihrer Widgets mit Sofortzugriff konfigurieren.

{% tabs %}
{% tab title="Website-Empfehlungs-Widget" %}

1. Wählen Sie im linken Navigationsmenü ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Programmregeln**.
2. Wählen Sie das **Inhalt** Registerkarte oben auf der Seite.
3. Auf der *Website-Empfehlungs-Widget* Karte, wählen Sie **Bearbeiten**.

   <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%2Fuobx2XxNWNvnWI9VxAeM%2FScreenshot%202026-05-18%20at%2009.46.08.png?alt=media&amp;token=6cd074ab-47c6-4423-ab7e-f555c639efe9" alt=""><figcaption></figcaption></figure></div>
4. Passen Sie das Erscheinungsbild und den Inhalt der Vorlage an.
   * Weitere Informationen zur Verwendung des Widget-Editors finden Sie unter [Programm-Widgets anpassen](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Komponenten aus den folgenden Gruppen können zu Widgets mit Sofortzugriff nicht hinzugefügt werden: *Prämien*, *Statistiken*, *Microsite-Komponenten*, oder *Empfehlungen*.
5. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}

{% tab title="Freundes-Widget" %}

1. Wählen Sie im linken Navigationsmenü ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Programmregeln**.
2. Wählen Sie das **Inhalt** Registerkarte oben auf der Seite.
3. Auf der *Freundes-Widget* Karte, wählen Sie **Bearbeiten**.

   <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%2Fb2KP4npAsfVPKK5ZZytF%2FScreenshot%202026-05-18%20at%2009.47.19.png?alt=media&amp;token=8d651c41-1e04-43a8-b341-5d1905408da2" alt=""><figcaption></figcaption></figure></div>
4. Passen Sie das Erscheinungsbild und den Inhalt der Vorlage an.
   * Weitere Informationen zur Verwendung des Widget-Editors finden Sie unter [Programm-Widgets anpassen](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Komponenten aus den folgenden Gruppen können zu Widgets mit Sofortzugriff nicht hinzugefügt werden: *Prämien*, *Statistiken*, *Microsite-Komponenten*, oder *Empfehlungen*.
5. Optional wählen Sie ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **\[Nicht aktiviertes Kontrollkästchen] Anzeigen** auf dem *Freundes-Widget* Karte für *Für geworbene Freunde automatisch anzeigen*.
   * Diese Option aktiviert die Auto-Popup-Funktion. Auto-Popup sorgt für ein ansprechenderes Erlebnis für geworbene Freunde, indem das Freundes-Widget auf der Landingpage hervorgehoben wird.
6. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}
   {% endtabs %}

#### Schritt 2: Konfigurieren Sie das Freundes-Widget, um eine Belohnung auszugeben (optional)

Wenn Sie das Freundes-Widget verwenden, können Sie es so konfigurieren, dass es dem geworbenen Freund einen Rabattcode bereitstellt. Dazu müssen Sie zunächst eine Fuel-Tank-Belohnung einrichten. Konfigurieren Sie dann Ihre Programmregeln so, dass diese Belohnung über das Freundes-Widget ausgegeben wird.

{% hint style="info" %}
**Hinweis:** Wenn Sie bereits eine Fuel-Tank-Belohnung für Ihr Programm eingerichtet haben, können Sie die [vorhandene Belohnung](/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) und ändern Sie den *Zugriffsart* auswählen, um **Sofortzugriff** stattdessen.
{% endhint %}

1. Richten Sie eine [Fuel-Tank-Belohnung](/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * Im Fuel Tank laden Sie die eindeutigen Rabatte hoch, die impact.com im Freundes-Widget anzeigen wird.
2. Wählen Sie im linken Navigationsmenü ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Programmregeln**.
3. Wählen Sie das **Programmverhalten** Registerkarte oben auf der Seite.
4. Suchen Sie die Programmregel, die dem geworbenen Freund eine Belohnung ausgibt, und wählen Sie dann ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-830c4bcd7062a740c2beb07eaab9dbc0bebb941e%2Fc4c9ce310b96f63e13be975709c4aac596168e13e48d31916422fa0128ad1469.svg?alt=media) **\[Aktion bearbeiten]**.

   <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%2FgH9l0ls6qyirX5CI1yUH%2FScreenshot%202026-05-18%20at%2009.59.05.png?alt=media&amp;token=7232b7df-d38e-44d2-a613-cebaa1b1632a" alt=""><figcaption></figcaption></figure></div>
5. Stellen Sie sicher, dass die Aktion ein **Belohnung und E-Mail** an den **Freund**, dann auswählen **Weiter**.
6. Oben im *Belohnung bearbeiten* Bildschirm, wählen Sie **Verwenden Sie eine vorkonfigurierte Belohnung**.

   <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-0c279d2b9565e090b9d307487a89253949ea82d5%2F7922f00a4660ca4be39e63403b51343ac0eeb85dd15e6497e15fc10536d22c1e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
7. In der *Belohnung* Dropdown-Liste wählen Sie die von Ihnen erstellte Fuel-Tank-Belohnung aus.
8. Wählen Sie **Weiter**, überprüfen Sie dann die Aktion und wählen Sie **Speichern**.

#### Schritt 3: Installieren Sie die Widgets

Glückwunsch! Ihre Widgets mit Sofortzugriff sind einsatzbereit. Der letzte Schritt besteht darin, einen Codeausschnitt zu generieren, den Sie in Ihre Post-Purchase-Landingpage, Ihren Checkout-Flow oder an einen beliebigen Ort einbetten, an dem Teilnehmer darauf zugreifen sollen.

{% tabs %}
{% tab title="Website-Empfehlungs-Widget" %}

1. Wählen Sie in der oberen Navigationsleiste ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Benutzerprofil] → Einstellungen**.
2. Links unten unter *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Wählen Sie in der Widget-Dropdown-Liste eines der von Ihnen erstellten Widgets mit Sofortzugriff aus.
4. Wählen Sie, ob Sie einen Codeausschnitt für ein **eingebettetes Widget** oder eine **Popup-Widget**.
   * Eingebettete Widgets werden direkt auf Ihrer Webseite angezeigt.
   * Popup-Widgets werden in einem Popup geladen, nachdem der Teilnehmer auf Ihre dafür vorgesehene Schaltfläche oder Ihren Link geklickt hat.
5. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann in Ihre E-Commerce-Plattform oder Landingpage ein.
   {% endtab %}

{% tab title="Freundes-Widget" %}
{% hint style="info" %}
**Überspringen Sie diesen Schritt, wenn Ihr Freundes-Widget Auto-Popup verwendet:** Dieser Schritt ist nicht für alle Freundes-Widgets erforderlich. Das [Universal Tracking Tag (UTT)](/brand/de/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) lädt automatisch auf Ihrer Webseite alle Freundes-Widgets, die so konfiguriert sind, dass sie *Für geworbene Freunde automatisch anzeigen*. Sie können diesen Schritt überspringen, wenn Ihr Freundes-Widget diese Option aktiviert hat.
{% endhint %}

Wenn Sie ein Freundes-Widget ohne aktiviertes Auto-Popup verwenden, lädt UTT das Widget nicht automatisch – Sie müssen also den Codeausschnitt generieren und auf Ihrer Seite einfügen.

1. Wählen Sie in der oberen Navigationsleiste ![](https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Benutzerprofil] → Einstellungen**.
2. Links unten unter *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Im *Widgets anzeigen* Abschnitt, wählen Sie **Sofortzugriff** als den Widget-Typ, den Sie anzeigen möchten.
4. Wählen Sie in der Widget-Dropdown-Liste Ihr Freundes-Widget aus.
5. Wählen Sie das **Eingebettetes Widget** Anzeigetyp.
6. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann auf der Seite ein, auf die der geworbene Freund zugreifen wird.
   {% endtab %}
   {% endtabs %}


---

# 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/set-up-an-instant-access-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.
