> 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 Instant-Access-Widget 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">Nehmen Sie am PXA-Kurs teil</a>

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

Es gibt 2 Arten von Widgets für den Sofortzugriff:

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

Weitere Informationen darüber, wie Widgets für den Sofortzugriff funktionieren, finden Sie unter [Erläuterung der Widget-Typen](/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 für den Sofortzugriff konfigurieren.

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

1. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Programmregeln**.
2. Wählen Sie den **Inhalt** Registerkarte oben auf der Seite.
3. Auf dem *Website-Empfehlungs-Widget* Karte auswählen **Bearbeiten**.

   <div data-with-frame="true"><figure><img src="/files/3d3e87d5e13e8465d98bae9b9fcc3e4cfe96d546" 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 nicht zu Widgets für den Sofortzugriff hinzugefügt werden: *Rewards*, *Statistiken*, *Microsite-Komponenten*, oder *Empfehlungen*.
5. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}

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

1. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Programmregeln**.
2. Wählen Sie den **Inhalt** Registerkarte oben auf der Seite.
3. Auf dem *Freundes-Widget* Karte auswählen **Bearbeiten**.

   <div data-with-frame="true"><figure><img src="/files/6c24876110766d2fe1d29093d9824131c0b83c10" 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 nicht zu Widgets für den Sofortzugriff hinzugefügt werden: *Rewards*, *Statistiken*, *Microsite-Komponenten*, oder *Empfehlungen*.
5. Wählen Sie optional ![](/files/fe84c681e069b5477f98406f9231dfb4bbe30c8a) **\[Nicht angekreuztes Kästchen] Anzeigen** auf dem *Freundes-Widget* Karte an *Automatisch für weiterempfohlene Freunde anzeigen*.
   * Diese Option aktiviert die Auto-Popup-Funktion. Auto-Popup sorgt für ein ansprechenderes Erlebnis für weiterempfohlene Freunde, indem das Freundes-Widget auf der Zielseite 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 weiterempfohlenen 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 dann die [vorhandene Belohnung](/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) bearbeiten und den *Zugriffstyp* auf **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 einzigartigen Rabatte hoch, die impact.com im Freundes-Widget anzeigen wird.
2. Wählen Sie im linken Navigationsmenü ![](/files/8189ccdb3d6833e64eac05afbd5a6e7ceadce224) **\[Engage] → Programmregeln**.
3. Wählen Sie den **Programmverhalten** Registerkarte oben auf der Seite.
4. Suchen Sie die Programmregel, die dem weiterempfohlenen Freund eine Belohnung ausgibt, und wählen Sie dann ![](/files/2b361ec35c7f733ac024445bb55d6ac117046e67) **\[Aktion bearbeiten]**.

   <div data-with-frame="true"><figure><img src="/files/f3957573e8820443718066f6601f09993a2f57bb" alt=""><figcaption></figcaption></figure></div>
5. Stellen Sie sicher, dass die Aktion eine **Belohnung und E-Mail** an den/die **Freund**, dann wählen Sie **Weiter**.
6. Am oberen Rand des *Belohnung bearbeiten* Bildschirm wählen Sie **Verwenden Sie eine vorkonfigurierte Prämie**.

   <div data-with-frame="true"><figure><img src="/files/982aecd86f9770df7e69a1e247976e36b3200856" alt=""><figcaption></figcaption></figure></div>
7. Von dem *Belohnung* Dropdowns 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 für den Sofortzugriff sind einsatzbereit. Der letzte Schritt besteht darin, einen Codeausschnitt zu generieren, den Sie in Ihre Zielseite nach dem Kauf, Ihren Checkout-Flow oder überall dort einbetten, wo Teilnehmer darauf zugreifen sollen.

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

1. Wählen Sie in der oberen Navigationsleiste ![](/files/4fa7c3e47e2dc9a63e140c0862eeab4caaaca16f) **\[Benutzerprofil] → Einstellungen**.
2. Links, unter *Fürsprecher-Einstellungen*, wählen Sie **Installieren**.
3. Wählen Sie in der Widget-Dropdown-Liste eines der von Ihnen erstellten Widgets für den 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 die von Ihnen festgelegte Schaltfläche oder den Link geklickt hat.
5. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann in Ihre E-Commerce-Plattform oder Zielseite 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 auf *Automatisch für weiterempfohlene Freunde 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 der UTT das Widget nicht automatisch – Sie müssen also den Codeausschnitt generieren und auf Ihrer Seite platzieren.

1. Wählen Sie in der oberen Navigationsleiste ![](/files/4fa7c3e47e2dc9a63e140c0862eeab4caaaca16f) **\[Benutzerprofil] → Einstellungen**.
2. Links, unter *Fürsprecher-Einstellungen*, wählen Sie **Installieren**.
3. Im *Widgets anzeigen* Abschnitt wählen Sie **Sofortzugriff** als Widget-Typ, den Sie anzeigen möchten.
4. Wählen Sie in der Widget-Dropdown-Liste Ihr Freundes-Widget aus.
5. Wählen Sie den **Eingebettetes Widget** Anzeigetyp.
6. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann in die Seite ein, auf die der weiterempfohlene 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.
