# 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 den PXA-Kurs</a>

Entwickelt für E‑Commerce- und Einzelhandelskunden bieten Instant-Access-Widgets Ihren Kundenbefürwortern und deren eingeladenen Freunden eine einfache Möglichkeit, mit Ihrem Empfehlungsprogramm zu interagieren – kein Passwort oder keine Authentifizierung erforderlich.

Es gibt 2 Arten von Instant-Access-Widgets:

* Die *Website-Empfehlungs-Widget* bietet Ihren Kundenbefürwortern eine einfache Möglichkeit, Ihrem Empfehlungsprogramm beizutreten und auf ihre Sharing-Links zuzugreifen.
* Die *Freund-Widget* registriert den geworbenen Kunden im Advocate-Programm und stellt dann eine Belohnung aus – zum Beispiel einen Rabattcode –, wenn sie ihre E‑Mail-Adresse angeben. Es sollte auf der Landingpage angezeigt werden, wenn die Freunde Ihres Kundenbefürworters auf dessen Sharing-Link klicken.

Für weitere Details dazu, wie Instant-Access-Widgets funktionieren, siehe [Erklärung der Widget-Typen](https://help.impact.com/brand/de/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained).

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

Zuerst müssen Sie das Erscheinungsbild Ihrer Instant-Access-Widgets 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] → Program Rules**.
2. Wählen Sie den **Inhalt** Registerkarte oben auf der Seite.
3. Auf dem *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%2Fgit-blob-a0398b6c9b71c256fea85550506874cf0377a607%2Ff5648a86b40844c6676a764001190fdfbe86374db80a442fedebbaf89dcd4669.jpg?alt=media" 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](https://help.impact.com/brand/de/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). Komponenten aus den folgenden Gruppen können nicht zu Instant-Access-Widgets hinzugefügt werden: *Belohnungen*, *Statistiken*, *Microsite-Komponenten*, oder *Empfehlungen*.
5. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}

{% tab title="Freund-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] → Program Rules**.
2. Wählen Sie den **Inhalt** Registerkarte oben auf der Seite.
3. Auf dem *Freund-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%2Fgit-blob-0c8a42b6f8f90356d7db2912f361ecda4cb0badf%2Fbf9a54620d614aaa9ccba1440a70ac64b498b9a9dca5fcbf9ef3ef5c98e94c63.jpg?alt=media" 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](https://help.impact.com/brand/de/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). Komponenten aus den folgenden Gruppen können nicht zu Instant-Access-Widgets hinzugefügt werden: *Belohnungen*, *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 markiertes Kästchen] Anzeigen** auf dem *Freund-Widget* Karte zu *Automatisch für geworbene Freunde anzeigen*.
   * Diese Option aktiviert die Auto-Popup-Funktion. Auto-Popup sorgt für ein ansprechenderes Erlebnis für geworbene Freunde, indem das Freund-Widget auf der Landingpage hervorgehoben wird.
6. Speichern Sie Ihre Änderungen am Widget.
   {% endtab %}
   {% endtabs %}

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

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

{% hint style="info" %}
**Hinweis:** Wenn Sie bereits eine Fuel-Tank-Belohnung für Ihr Programm eingerichtet haben, können Sie die [bestehende Belohnung](https://help.impact.com/brand/de/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward) bearbeiten und das *Zugriffsart* um **Sofortzugriff** stattdessen.
{% endhint %}

1. Richten Sie eine [Fuel-Tank-Belohnung](https://help.impact.com/brand/de/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward).
   * Der Fuel-Tank ist der Ort, an dem Sie die einzigartigen Rabatte hochladen, die impact.com im Freund-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] → Program Rules**.
3. Wählen Sie den **Programmverhalten** Registerkarte oben auf der Seite.
4. Finden Sie die Programregel, 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%2Fgit-blob-db86a48b3edc25f7452258dfcd6e215adfd4d4fc%2F3afad2adff20d31faf9874033f80a565e462459341801f2b483af8b07ff8c17f.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
5. Stellen Sie sicher, dass die Aktion ein **Belohnung und E‑Mail** an den **Freund**, wählen Sie dann **Weiter**.
6. Oben auf der *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. Auf dem *Belohnung* Wählen Sie aus der 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 Instant-Access-Widgets sind einsatzbereit. Der letzte Schritt besteht darin, einen Code-Snippet zu generieren, den Sie in Ihre Post-Purchase-Landingpage, den Checkout-Ablauf oder überall dort einbetten, wo 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%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Benutzerprofil] → Einstellungen**.&#x20;
2. Links, unter *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Wählen Sie aus der Widget-Dropdown-Liste eines der von Ihnen erstellten Instant-Access-Widgets aus.
4. Wählen Sie, ob Sie einen Code-Snippet für ein **Eingebettetes Widget** oder eine **Popup-Widget**.
   * Eingebettete Widgets werden direkt in Ihrer Webseite angezeigt.
   * Popup-Widgets werden in einem Pop-up geladen, nachdem der Teilnehmer auf Ihre festgelegte Schaltfläche oder Ihren Link klickt.
5. Kopieren Sie den generierten Code-Snippet und fügen Sie ihn dann in Ihre E‑Commerce-Plattform oder Landingpage ein.
   {% endtab %}

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

Wenn Sie ein Freund-Widget ohne aktiviertes Auto-Popup verwenden, wird das UTT das Widget nicht automatisch laden – Sie müssen also den Code-Snippet generieren und auf Ihrer Seite platzieren.

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%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Benutzerprofil] → Einstellungen**.&#x20;
2. Links, unter *Advocate-Einstellungen*, wählen Sie **Installieren**.
3. Im *Widgets anzeigen* Abschnitt wählen Sie **Sofortzugriff** als die Art des Widgets, das Sie anzeigen möchten.
4. Wählen Sie aus der Widget-Dropdown-Liste Ihr Freund-Widget aus.
5. Wählen Sie den **Eingebettetes Widget** Anzeigeart.
6. Kopieren Sie den generierten Code-Snippet und fügen Sie ihn dann auf der Seite ein, die der geworbene Freund aufruft.
   {% endtab %}
   {% endtabs %}
