> 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">Nimm am PXA-Kurs teil</a>

Entwickelt für E-Commerce- und Einzelhandelskunden bieten Widgets für den Sofortzugriff Ihren Kundenbotschaftern und ihren empfohlenen Freunden eine einfache Möglichkeit, sich mit Ihrem Empfehlungsprogramm zu beschäftigen – ganz ohne Passwort oder Authentifizierung erforderlich.

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

* Die *Website-Empfehlungs-Widget* bietet Ihren Kundenbotschaftern eine einfache Möglichkeit, Ihrem Empfehlungsprogramm beizutreten und auf ihre Teilen-Links zuzugreifen.
* Die *Freunde-Widget* registriert den empfohlenen Kunden im Advocate-Programm und vergibt dann eine Belohnung – etwa einen Rabattcode –, wenn er seine E-Mail-Adresse angibt. Es sollte auf der Landingpage angezeigt werden, wenn die Freunde Ihres Kundenbotschafters auf seinen Teilen-Link klicken.

Weitere Details dazu, wie Widgets für den 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 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 der *Website-Empfehlungs-Widget* Karte, wählen Sie **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: *Prämien*, *Statistiken*, *Microsite-Komponenten*oder *Empfehlungen*.
5. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}

{% tab title="Freunde-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 der *Freunde-Widget* Karte, wählen Sie **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: *Prämien*, *Statistiken*, *Microsite-Komponenten*oder *Empfehlungen*.
5. Wählen Sie optional ![](/files/fe84c681e069b5477f98406f9231dfb4bbe30c8a) **\[Nicht markiertes Kontrollkästchen] Anzeigen** auf der *Freunde-Widget* Karte, um *Für empfohlene Freunde automatisch anzeigen*.
   * Diese Option aktiviert die Auto-Popup-Funktion. Auto-Popup sorgt für ein ansprechenderes Erlebnis für empfohlene Freunde, indem das Freunde-Widget auf der Landingpage hervorgehoben wird.
6. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}
   {% endtabs %}

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

Wenn Sie das Freunde-Widget verwenden, können Sie es so konfigurieren, dass dem empfohlenen Freund ein Rabattcode bereitgestellt wird. Dazu müssen Sie zunächst eine Fuel-Tank-Belohnung einrichten. Konfigurieren Sie dann Ihre Programmregeln so, dass diese Belohnung über das Freunde-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) bearbeiten und den *Zugriffstyp* zu **Sofortiger Zugriff** 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 Freunde-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 empfohlenen 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 ein **Belohnung und E-Mail** an den **Freund**, dann wählen Sie **Weiter**.
6. Oben in der *Belohnung bearbeiten* Bildschirm, wählen Sie **Eine vorkonfigurierte Belohnung verwenden**.

   <div data-with-frame="true"><figure><img src="/files/982aecd86f9770df7e69a1e247976e36b3200856" alt=""><figcaption></figcaption></figure></div>
7. In der *Belohnung* Dropdown-Liste 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 Landingpage nach dem Kauf, den Checkout-Flow oder überall dort einbetten können, 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 *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Wählen Sie aus 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 angegebene Schaltfläche oder den Link geklickt hat.
5. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann Ihrer E-Commerce-Plattform oder Landingpage hinzu.
   {% endtab %}

{% tab title="Freunde-Widget" %}
{% hint style="info" %}
**Überspringen Sie diesen Schritt, wenn Ihr Freunde-Widget Auto-Popup verwendet:** Dieser Schritt ist nicht für alle Freunde-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 Freunde-Widgets, die so konfiguriert sind, *Für empfohlene Freunde automatisch anzeigen*. Sie können diesen Schritt überspringen, wenn diese Option für Ihr Freunde-Widget aktiviert ist.
{% endhint %}

Wenn Sie ein Freunde-Widget ohne aktiviertes Auto-Popup verwenden, lädt die 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 ![](/files/4fa7c3e47e2dc9a63e140c0862eeab4caaaca16f) **\[Benutzerprofil] → Einstellungen**.
2. Links unter *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Im *Widgets anzeigen* Bereich wählen Sie **Sofortiger Zugriff** als den Widget-Typ, den Sie anzeigen möchten.
4. Wählen Sie aus der Widget-Dropdown-Liste Ihr Freunde-Widget aus.
5. Wählen Sie den **Eingebettetes Widget** Anzeigetyp.
6. Kopieren Sie den generierten Codeausschnitt und fügen Sie ihn dann der Seite hinzu, auf die der empfohlene 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.
