> 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-and-microsite-components-explained.md).

# Komponenten von Widgets und Microsites erklärt

<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>

{% hint style="success" %}
**Eingeschränkt**: Komponenten sind, abgesehen von den in den bereitgestellten Vorlagen enthaltenen, nur für bestimmte Produkteditionen oder Add-ons verfügbar. Wenn Sie mehr granulare Kontrolle darüber wünschen, welche Komponenten Ihre Microsites verwenden, kontaktieren Sie uns, um Ihr Programm zu erweitern.
{% endhint %}

Komponenten sind die einzelnen Bausteine, wie Hero-Bilder und Aufgabenkarten, aus denen das Widget oder die Microsite Ihres Advocate-Programms besteht. Diese Elemente prägen das [Teilnehmererlebnis](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences.md) und können so angepasst werden, dass sie zu Ihrer Marke passen.

Dieser Artikel bietet eine kategorisierte Liste der verfügbaren Komponenten in den Widget- und Microsite-Editoren. Die meisten Komponenten unterstützen Styling und Anpassung, obwohl einige gestalterische Einschränkungen haben. Sie können auch die Zustände Ihrer Komponenten in der Editor-Oberfläche in der Vorschau anzeigen.

<details>

<summary>Statistiken</summary>

Verwenden *Statistiken* Komponenten, mit denen Sie Ihren Teilnehmern zeigen, wie sie sich in Ihrem Programm schlagen. Eine Liste der Statistiken, die diese Komponenten unterstützen können, finden Sie unter [Widget- und Microsite-Statistiken](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| Komponente                     | Beschreibung                                                                                                                                                                  |
| ------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Punkteguthaben                 | Zeigt das Punkteguthaben des Teilnehmers an. Wird in Advocate-Programmen verwendet, die Teilnehmer mit Punkten belohnen.                                                      |
| Erhaltene Geschenkkarten       | Zeigt die Anzahl der von dem Advocate erhaltenen Geschenkkarten-Prämien an.                                                                                                   |
| Empfehlungen                   | Zeigt an, wie viele Empfehlungen der Teilnehmer abgegeben hat. Enthält gestartete und konvertierte Empfehlungen.                                                              |
| Container mit drei Statistiken | Eine Vorlage mit Platz für drei Statistiken. Die angezeigten Statistiken können geändert werden. Statistiken können nach Bedarf hinzugefügt und entfernt werden.              |
| Weitere Statistik              | Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Prämienstatistiken wählen oder eine benutzerdefinierte Statistik erstellen. |

<figure><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fh7SqO0ijZKN04RyBL6ma%2FScreenshot%202026-05-20%20at%2009.51.59.png?alt=media&amp;token=55e2a10a-895a-4913-a2ba-16877a196a94" alt="" width="563"><figcaption></figcaption></figure>

</details>

<details>

<summary>Häufige Komponenten</summary>

*Häufige Komponenten* werden häufig verwendet, um sowohl die Funktionalität als auch die Designkonsistenz in Ihrem Widget oder Ihrer Microsite zu verbessern. Sie decken allgemeine visuelle und strukturelle Elemente wie Hero-Bilder, Layout-Formatierungen und beschreibende Programmschritte ab.

| Komponente                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Hero-Bild mit zwei Spalten      | <p>Ein Bannerbild und ein Überschriftentext, der sich über zwei Spalten erstreckt. Das Bild, der Text und die Hintergrundfarbe können aktualisiert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-112e3e854f2ec884d09dcbf3c3a0dd91132b8065%2F0d6b6b7a5f3894b815b738a15afb7bd08e1ee77413858922235268a0119f528d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                |
| Überlagerungs-Hero-Image        | <p>Ein Bannerbild mit überlagertem Text. Das Bild, der Text und die Hintergrundfarbe können aktualisiert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-def9dab1f6744d99f704005955522c5cae8f7ca1%2F1c8f53dc5117ebce1719f58d4974f97d4cb9fdddaa0a6d8741277d00139a5178.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                          |
| Bild                            | <p>Ein Bild. Die Hintergrundfarbe, Ausrichtung, Höhe und Breite können geändert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e9f631d5fae5baef21e495c18995bcc41931ff86%2Fe0c44f0accab2819658563d03164459fb470eedf4929c402138476b2eb8afa36.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                   |
| Link-Button                     | <p>Ein anklickbarer Button, der Teilnehmer zu dem von Ihnen ausgewählten Link weiterleitet. Die Buttonfarbe wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-875e756c5a4d4a79e4b62187ff8acb00da68f51d%2Fc0ebb75eb41b33f85ab7695f287a373730909122d616a7c19fd4bdd0675c8787.png?alt=media" alt="" data-size="original"></p>                                                                                                                              |
| Programmerläuterung             | <p>Eine Vorlage, die erklärt, wie ein Advocate-Programm funktioniert, zum Beispiel wie man Belohnungen verdient. Enthält standardmäßig zwei Schritte der Programmerläuterung. Weitere Schritte können hinzugefügt werden. Die Farbe wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ccd03061b907a18c914385b9fbdfcc1c54dfdd7e%2Fd7a265c23d586b3a6bcd9198cbee8eea2fedda9817794a468f309717081e72c0.png?alt=media" alt="" data-size="original"></p>      |
| Schritt der Programmerläuterung | <p>Fügen Sie beschreibenden Text hinzu, um einen Teil Ihres Programms zu erklären. Passt in eine Komponente zur Programmerläuterung. Die Farbe wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-abf1a9d883d813187d2013fc7c8cd815639c0351%2Fba66c3ec6beb608ff42bb2cbb3757c5e98ad4e1946809fee380b0069cee8677a.png?alt=media" alt="" data-size="original"></p>                                                                                           |
| Programm-Timeline               | <p>Zeigen Sie Ihren Teilnehmern einen Überblick über die Empfehlungsreise und die Belohnungen an. Fügen Sie Timeline-Einträge nach Bedarf hinzu oder entfernen Sie sie. Die Farbe des Kreissymbols und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ad4d74aab6ba3e437ed0b5c2ba350e95e584491c%2Fecfa298fa0a457c5061fc7de31fa195868d524d0905ba16cf512470cb6a9de33.png?alt=media" alt="" data-size="original"></p> |
| Timeline-Eintrag                | <p>Passt in eine Programm-Timeline-Komponente und zeigt einen Schritt der Empfehlungsreise an. Die Farbe des Kreissymbols und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0d702f85b541b49847a0131fa6094cf37d45b95b%2F6cce8eebc7410fd43031702177f3fa6450cb172e8d420a31b7041ccc926011be.png?alt=media" alt="" data-size="original"></p>                                                                          |
| Anzeige des Benutzernamens      | <p>Zieht dynamisch den vollständigen Namen des Teilnehmers ein. Standardmäßig „Anonymer Benutzer“, wenn der Teilnehmer keinen Namen eingegeben hat.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-454b0c94d3cdf37d3bec1f9feb38efa895ce21d4%2F333618f77b6dee4e26c899eb87962d2769ebbc161da05a90aadb3a5f2b59c3cf.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                       |

</details>

<details>

<summary>Prämien</summary>

{% hint style="info" %}
**Hinweis:** *Prämie* Komponenten können nur für Widgets und Microsites mit verifiziertem Zugriff verwendet werden.
{% endhint %}

| Komponente               | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Aufgabenkarten-Feed      | <p>Aufgabenkarten ermöglichen es Ihren Nutzern, Aktionen auszuführen oder den Fortschritt bei den Zielen des Advocate-Programms direkt im Widget oder in der Microsite zu sehen. Diese Komponente fügt Ihrem Widget oder Ihrer Microsite mehrere Aufgabenkarten hinzu. Die Buttonfarbe wird durch die auf Ebene des Brand-Containers festgelegte Markenfarbe gesteuert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d1742cb883be61d63192bcb218ab5d53757e9e82%2Fe992aa7cf1f554169c1e60d351739a9bd8990ad01c4c29bf1deb2d971e07c8c4.png?alt=media" alt="" data-size="original"></p> |
| Prämienaustausch         | <p>Ermöglichen Sie es Teilnehmern, verdiente Prämien gegen eine andere Prämienart einzutauschen.</p><p>Sie müssen <a href="/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/reward-exchange-explained.md">Prämienaustausch</a> eingerichtet haben, um diese Funktion zu nutzen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bbfbff1ec1b5d7b899ab55217f300e5bdf820502%2F914a34e427693bf936d3363a8075046dd25ef3de091552fc7de4cb82e00b3d7b.png?alt=media" alt="" data-size="original"></p>                                                           |
| Prämientabelle           | <p>Zeigt eine Liste der vom Teilnehmer verdienten Prämien an. Kann manuelle Prämien und/oder Prämien enthalten, die in mehreren Advocate-Programmen verdient wurden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-5b4272b710f08544f2091db011583b6300278788%2Facbbaa66b154eaf370ec5457fd9e77b39272a679f7a9c67b17383c5530362f92.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                    |
| Spalte für Kundennotizen | <p>Fügen Sie der Prämientabelle eine weitere Notizspalte hinzu. Muss innerhalb der Prämientabelle-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-49a7a7000c4e43d73944d65d9268d049ce733f22%2F4bb3b31be09584ce982c27d57b373dc3ba807de9f29be528bab2361ae68d8c8e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                          |
| Datumsspalte             | <p>Fügen Sie der Prämientabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Prämientabelle-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9f1dabcef083a77ff77adb59d8d2877821b52e6c%2Fe36fb74a08d833bfbb0ebae4b1ef3ba7b49018b00c9cf835c75f1a6a73f3df9f.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                         |
| Prämienspalte            | <p>Fügen Sie der Prämientabelle eine weitere Prämienspalte hinzu. Muss innerhalb der Prämientabelle-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e64ef4645152bb65dd8c3e0ad3b8bee76f930f16%2Fd32357695c9503d7751f493e28b36d9bd8ee1af725556d43a072b2dbc2d1e9f0.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                        |
| Quellenspalte            | <p>Fügen Sie der Prämientabelle eine weitere Quellenspalte hinzu. Muss innerhalb der Prämientabelle-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e22f21797957227a12deafc7384625cf77154c01%2F57891cdf76885a886769e0fa768567c48e36f38c00a0e72e25ca640a21e6c92e.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                        |
| Statusspalte             | <p>Fügen Sie der Prämientabelle eine weitere Statusspalte hinzu. Muss innerhalb der Prämientabelle-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-10a40c5e3746406038e4e8bac76d9fffabfa2733%2F73173dd2ce38046c737485ea1c0123f1d51c18195c684f59ab776aac9f6f76b9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                         |

</details>

<details>

<summary>Microsite-Komponenten</summary>

*Microsite* Komponenten werden hauptsächlich für das Registrierungsformular und die Navigationsseitenleiste Ihrer Microsite verwendet. Diese Komponenten können nicht zu Programm-Widgets hinzugefügt werden.

| Komponente             | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ---------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Formular-Checkbox-Feld | <p>Fügen Sie dem Registrierungsformular ein Kontrollkästchen hinzu. Sie können zuordnen, ob das Kästchen aktiviert wurde, zu einem benutzerdefinierten Feld des Advocate-Teilnehmers. Weitere Informationen finden Sie unter „View Your Microsite Registration Form Submissions“.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b755fcb2cb0a2a4332d334c5d4df9750abc74535%2Fbe707549d5ab3386580210dadc39c277a8221a2294690f6f5098f8fa49e91dad.png?alt=media" alt="" data-size="original"></p>                                            |
| Formular-Dropdown-Feld | <p>Fügen Sie dem Registrierungsformular eine Dropdown-Liste mit anpassbaren Listeneinträgen hinzu. Sie können das vom Benutzer ausgewählte Listenelement einem benutzerdefinierten Feld des Advocate-Teilnehmers zuordnen. Wenden Sie sich hierfür an den Support.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d4d06463b739d6320cca385d51aef2ebb21a06e9%2Fbcfe9233e8daa3f5cdd4213fc80fb2a8ecef610eecaed1be02e99d4939ff14e5.png?alt=media" alt="" data-size="original"></p>                                                           |
| Formular-Eingabefeld   | <p>Fügen Sie dem Registrierungsformular ein freies Text-Eingabefeld hinzu. Sie können den vom Benutzer eingegebenen Text einem benutzerdefinierten Feld des Advocate-Teilnehmers zuordnen. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Support kontaktieren</a> für Unterstützung hierbei.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22dbac6584da989b0190425decc62f668a813320%2F9324f8dd94e41ba973d7753c410bbd020e8d61f060652fcabbd14482b4d242c5.png?alt=media" alt="" data-size="original"></p> |
| Formular-Namensfelder  | <p>Fügen Sie dem Registrierungsformular ausfüllbare Felder für Vorname und Nachname hinzu.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f516e369b49dd1fa5220e0eb0fd5a8a5e13715cc%2Ff86f4e367584f563904db00af1e76cdad40c92a4b2694146b5b755a017e76886.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                   |
| Seitenleistenelement   | <p>Fügen Sie der Seitenleisten-Navigation Ihrer Microsite eine neue Seite oder einen neuen Link hinzu. Kann nur im „Logged In Layout“ der Microsite platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-22080a0fa46172389a9f84eb1f5b915a9cb9bd53%2F927e9d1ef0ec4a6d3c1797199be78426ffcbaf84e4007288b303eee91d005e3d.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                        |
| Formular-Passwortfeld  | <p>Fügen Sie dem Registrierungsformular ein ausfüllbares Passwortfeld hinzu.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d11ad739227f7ef4d5ef2155131766cef7bfe569%2Fc09a224e7a38863ef546d342ef93fac272cfde0e95b47c6e99c73302159aece9.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                 |

</details>

<details>

<summary>Sofortzugriff</summary>

*Sofortzugriff* Komponenten machen es einfach und schnell, dass eingeladene Freunde sich anmelden oder Prämien einlösen können, ohne den standardmäßigen Registrierungsprozess zu durchlaufen. Sie sind ideal für Programme mit Sofortzugriffs-Empfehlungs-Widgets oder Registrierungsabläufen für Freunde.

| Komponente                  | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Gutscheincode               | <p>Zeigt einen einlösbaren Code für eine Fuel-Tank-Prämie an.</p><p>Der <a href="/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/fuel-tank-rewards-explained.md">Prämien-Fuel-Tank</a> müssen verfügbare Gutscheincodes vorhanden sein, damit diese Komponente wie vorgesehen funktioniert.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b6751473ff9a89ec2635661cbefd69fe20e2606c%2Fdc86a733cfb70c7df0a19df89b1dd5c9bbc57d5e0ff52bb5278be069d9543ed6.png?alt=media" alt="" data-size="original"></p>    |
| Advocate-Registrierung      | <p>Ermöglichen Sie neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen zu senden. Nach Eingabe ihrer E-Mail-Adresse gelangen die Nutzer zu einem zweiten Bildschirm, auf dem sie ihre Empfehlungs-Sharelinks aufrufen können. Verwendet für das Sofortzugriffs-Website-Referral-Widget.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p> |
| Aktuellen Benutzer abmelden | <p>Ermöglichen Sie dem Betrachter, die personalisierte Sofortzugriffsansicht zu verlassen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0a4b2367a12e92611062ba6b3385739c3f25f195%2Fcf128314c155054d77102dafd71a5e5082975ee8851b79b718d105095f498eef.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                    |
| Freundesregistrierung       | <p>Ermöglichen Sie eingeladenen Freunden, ihre E-Mail-Adresse einzugeben, um sich zu registrieren. Nach Eingabe ihrer E-Mail-Adresse gelangen die Nutzer zu einem zweiten Bildschirm, auf dem sie ihre Gutscheincode-Prämie aufrufen können. Verwendet für das Sofortzugriffs-Freundes-Widget.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-848bf4497a7280a28c48b76e0031a7cabd2702d1%2Fcb04ab4a85a9c132631ae16c6f15215af60c9f5355ab77de58469379dc65e0a9.png?alt=media" alt="" data-size="original"></p>                                |

</details>

<details>

<summary>Layout</summary>

*Layout* Komponenten ermöglichen es Ihnen, andere Komponenten zu organisieren und zu gruppieren. Verwenden Sie sie, um Abschnitte, Zeilen, Spalten oder Tabs zu erstellen.

| Komponente                   | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Hero-Layout mit zwei Spalten | <p>Fügen Sie ein Hero-Layout mit zwei Inhaltsspalten hinzu.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90fbc0943f7a9bf20af2a8ef5224fe307b4cd447%2Fe9d5fb3e534e6d42f93128e7f52c08f21cefd7f0c378c1f6e72877b5fbfe8703.png?alt=media" alt="" data-size="original"></p>                                                                                                                                      |
| Container für Zeilenlayout   | <p>Fügen Sie einen neuen Zeilen-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Zeile platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                     |
| Container für Spaltenlayout  | <p>Fügen Sie einen neuen Spalten-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Spalte platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c6a50f4ca39b0fa9df127beda85b8fda790dbd1c%2F792b42fe4a633f3b3950954d520b5f5d8e7bce7c15d0d6ce14cc041c0244ea3c.png?alt=media" alt="" data-size="original"></p>                                                                   |
| Tab                          | <p>Fügen Sie einer allgemeinen Tab-Gruppe einen neuen Tab hinzu.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-bf80a7b35daafb8849d2fabb0acac194eb8de4ae%2F5517db3bff5c64677ef351b5ec94ce32336e728877cca2b5614cdc719bbdd087.png?alt=media" alt="" data-size="original"></p>                                                                                                                                 |
| Allgemeine Tab-Gruppe        | <p>Fügen Sie eine Gruppe von Tabs hinzu. Jeder Tab kann unterschiedliche Komponenten und Inhalte enthalten. Standardmäßig mit drei Tabs, die bei Bedarf entfernt oder hinzugefügt werden können.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| Titelabschnitt               | <p>Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und einen Absatztext enthält. Weitere Komponenten können dem Titelabschnitt unter der Überschrift hinzugefügt werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d2e2627c0305da170e459293404b3a7a32bbdd57%2Fd5c2b7ee84117e3804a0afe8d99c1681b0c370c578620d960f2cd780b1b034f9.png?alt=media" alt="" data-size="original"></p>             |

</details>

<details>

<summary>Rechnungen</summary>

*Rechnung* Komponenten ermöglichen es Ihnen, Rechnungskomponenten einzufügen, um Einnahmedaten anzuzeigen.

| Komponente                        | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                      |
| --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Rechnungstabelle                  | <p>Fügen Sie ein aufklappbares Rechnungs-Akkordeon hinzu, das Einnahmedaten enthält.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4c505a7531266547be4dd870343a448fbe506af7%2F987ceee7ddf4cf17d9cc5978b505139e06c16cab3e44c221d7374f65e563fa19.jpg?alt=media" alt="" data-size="original"></p> |
| Datumsspalte der Rechnungstabelle | <p>Fügen Sie Ihrer Rechnungstabellen-Komponente eine neue Spalte hinzu.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-fb42d6e770406c2e2cc06864b1aaf1d129d7df72%2F48530b7fb857185f3571f592166d3b8f937e5a2f84e6d8b0387c6b63c2e382de.png?alt=media" alt="" data-size="original"></p>              |

</details>

Der *Bestenliste* Komponente ermöglicht es Ihnen, Ihre Program-Teilnehmer zu ranken, Top-Performern Belohnungen anzubieten und Teilnehmer zu motivieren, bessere Ergebnisse in Ihrem Programm zu erzielen. Fügen Sie Bestenlisten zu Ihrem [Widget mit verifiziertem Zugriff](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) oder [Microsite](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md)hinzu und konfigurieren Sie das Bewertungssystem, das Rankingsystem und die Optionen zur Teilnehmerfilterung. Weitere Informationen finden Sie in den folgenden Artikeln:

* [Bestenlisten erklärt](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/leaderboards-explained.md)
* [Eine Bestenliste einrichten](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard.md)

| Komponente             | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlung gestartet   | <p>Diese Art von Bestenliste stuft Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen ein. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der initiierten Empfehlungen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                         |
| Empfehlung konvertiert | <p>Diese Art von Bestenliste stuft Teilnehmer nach der Anzahl der von ihnen konvertierten Empfehlungen ein. Empfehlungen gelten als konvertiert, sobald der eingeladene Freund ein Programziel erreicht, z. B. einen Kauf im von Ihnen definierten Wert tätigt. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der konvertierten Empfehlungen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-347d66dfe033a6dcf0e6d487801fbab053997704%2Fc4df3139983a0454f0cca11c832c8870fea8cf861c651210e437d2ee148ee757.png?alt=media" alt="" data-size="original"></p> |
| Punkte verdient        | <p>Diese Art von Bestenliste stuft Teilnehmer nach der Gesamtzahl der Punkte ein, die sie in Advocate-Programmen verdient haben, die Punkte belohnen. Alle Prämieneinheiten in Punkten werden gezählt, solange sie nicht ausstehend oder storniert sind. Dieser Bestenlisten-Typ ist nur für die Prämienart Punkte gültig.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c77ede4e082778754887872f948e6b8b0d188474%2F83ae9393fa0cb1e9bc6f4dd53aa9d77e858bb40ef4e985a5247413950ff66729.png?alt=media" alt="" data-size="original"></p>                                    |
| Anonyme Bestenliste    | <p>Eine vollständig anonymisierte Version der Bestenliste, die keine persönlich identifizierbaren Informationen über andere Program-Teilnehmer anzeigt. Kann jeden Bestenlisten-Typ anzeigen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-7de957636976c1d06b91c963c3bc6befffa789d8%2Fb04ceffabe2ed8007c96b0f932ebf06063fd5d3a4af2dec81b1fad443ee7d4b5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                 |

<details>

<summary>Steuern und Bargeld</summary>

*Steuern und Bargeld* Komponenten ermöglichen es Ihnen, Steuerformular-Erfassung und Barauszahlungsoptionen in Ihr [Widget mit verifiziertem Zugriff](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md) oder [Microsite](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview.md).

Diese Komponentengruppe ist nur verfügbar, wenn die [*Barauszahlungen*](/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained.md) Funktion für Ihr Konto aktiviert wurde.

| Komponente                                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Partner-Info-Modal                              | <p>Fügen Sie ein Modal ein, das die Länder- und Währungsinformationen der Teilnehmer erfasst. Diese Informationen stellen sicher, dass Ihre Teilnehmer ihre Prämien ohne Verzögerungen oder zusätzliche Einrichtungsschritte erhalten können.<br></p><p>Es hat zwei konfigurierbare Zustände, je nachdem, ob die E-Mail-Adresse des Teilnehmers bereits mit einem bestehenden Konto verknüpft ist:</p><ul><li><strong>Beschreibung für neuen Partner</strong>: Wird Erstteilnehmern angezeigt. Der Standardtext ("Bestätigen Sie jetzt Ihr Land und Ihre Währung, um Ihre zukünftigen Prämien schneller zu erhalten") fordert sie auf, ihre Daten anzugeben, bevor sie ihren Share-Link erhalten.</li><li><strong>Beschreibung für bestehenden Partner</strong>: Wird angezeigt, wenn die E-Mail-Adresse des Teilnehmers bereits mit einem Konto auf impact.com verknüpft ist. Das Modal füllt ihre Informationen vorab aus und bittet sie, diese zu bestätigen, statt sie neu einzugeben.</li></ul> |
| Warnung zum Auszahlungsstatus                   | <p>Informiert den Teilnehmer über Maßnahmen, die er ergreifen muss, bevor er eine Barauszahlung erhalten kann. Die Komponente enthält einen Call-to-Action-Button, der den Teilnehmer zu seinen Auszahlungseinstellungen führt.</p><p>Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer sieht, wenn er die Komponente aufruft.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-4d9b5f8072ff2b0c78e1f173493cf4d2ddef9334%2F2c0be35e8e0bfbcb7d7b5e9b9ea30b1b794722e04336f566b033cc9850e1b486.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                   |
| Barauszahlungsformular für Microsite und Widget | <p>Fügen Sie ein Formular ein, das die Bankdaten der Teilnehmer und alle anwendbaren Steuerformulare erfasst, wie z. B. ein W-8 oder W-9.</p><p>Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer sieht, wenn er das Formular aufruft.</p><p>Sie können innerhalb dieser Komponente auch Verifizierungswarnungen und Anforderungen festlegen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-00fc2e186e360a8330580a3163c8016aae9c6ecc%2F270f47b47bd597f40b6a4253ce541ea0b53a552847e5efc71afeaa74fba1354b.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                    |

</details>

<details>

<summary>Teilen</summary>

*Teilen* Komponenten geben Teilnehmern praktische Möglichkeiten, ihre Empfehlungslinks und Codes über mehrere Kanäle zu bewerben. Wenn ein Teilnehmer auf einen Sharing-Button klickt, öffnet sich der gewählte Kanal, wie zum Beispiel *Facebook*, *LinkedIn*, *WhatsApp*, oder *E-Mail-*, mit einer vorgefüllten Nachricht oder einem Link, bereit zum Senden.

Einige Komponenten, wie der Empfehlungs-Code, zeigen den individuellen Empfehlungs- oder Promo-Code des Teilnehmers zusammen mit einer Kopieren-in-die-Zwischenablage-Option für schnelles Teilen an. Andere, wie Promo-Codes, zeigen mehrere verfügbare Codes (falls zugewiesen) in einer Schieberegleransicht und enthalten Sharing-Buttons, damit Teilnehmer den ausgewählten Code sofort posten oder senden können. Diese Tools machen es für Teilnehmer einfach, die Nachricht zu verbreiten und neue Empfehlungen zu generieren.

| Komponente                | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungscode           | <p>Zeigt ein Empfehlungs-Code-Feld mit einer Option zum Kopieren in die Zwischenablage an. Wird als Teil der Promo-Codes-Funktion verwendet.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-350b4cd5d21cca6714a3eadcac9b273250d1489b%2Fc765bebedb73ecdfcb67f14de17f261c9d55d4043cf4296025801350717df9ff.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                               |
| Promo-Codes               | <p>Vorkonfigurierter Komponentenblock, der ein Feld für Empfehlungs-Promocode enthält, mit einem Schieberegler zum Umschalten zwischen verschiedenen Codes, falls mehr als einer zugewiesen wurde. Außerdem enthält er ein Share-Link- sowie Facebook-, LinkedIn- und Twitter-/X-Share-Button-Komponenten.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-3fd5339df311e321f51f058bbaa88ddfaf08d6bc%2Ffe4b15e28eecd25533da83c6417660b98eb94e8dd083040f5f847d1683a8f7b2.png?alt=media" alt="" data-size="original"></p>                                                 |
| Facebook-Share-Button     | <p>Zeigt einen „Auf Facebook teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einem neuen Beitrag im Facebook-Profil des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ac40825644d43883701dfefcf84d0d237ed0c694%2Fe90f8748aff7c0bf33cba007cab091851f916f9dfb24ec228bc27634bca575fe.png?alt=media" alt="" data-size="original"></p>                                                                                                            |
| X-Share-Button            | <p>Zeigt einen „Über X teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einem neuen Beitrag im X-Konto des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce26efcd37d82f16d9f2d4d288f42b28e54bcb9b%2Fc4de3610b0ba8f1599ff74aa83740b07bf9d20a3ae09f33df7858dc15d8a82b2.png?alt=media" alt="" data-size="original"></p>                                                                                                                          |
| E-Mail-Share-Button       | <p>Zeigt einen „Per E-Mail teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, öffnet der Button die Standard-E-Mail-Anwendung des Nutzers und erstellt eine neue E-Mail mit der Social-Messaging-Nachricht der Marke vorab geladen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-99cd491d8066557af00352c2161adbf0d1ff80d9%2F65667d26945a492f02467c4d6cd3d88f4501f029c3fa924ce20587ae6661fde1.png?alt=media" alt="" data-size="original"></p>                                                                                                          |
| Mobile-Share-Sheet-Button | <p>Zeigt einen Button zum Teilen im Webbrowser des Teilnehmers an. Wenn er angeklickt wird, öffnet der Button ein Menü mit allen verfügbaren Apps, die der Nutzer zum Teilen seines Links öffnen kann. Wenn eine App ausgewählt wird, wird ein neuer Beitrag oder eine neue Nachricht mit der Social-Messaging-Nachricht der Marke vorab geladen erstellt.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b0aefc7accad7dc192307b765172cba66908faeb%2Fbf216b95fbd48c0377b824b12708e0ca1f8e6e2a9c1660359e7e0bbc65725b09.png?alt=media" alt="" data-size="original"></p> |
| LinkedIn-Share-Button     | <p>Zeigt einen „Auf LinkedIn teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2a776449d19fc08bb449a5f8351c7101075f1c74%2F2f76bd37890d40e8839f6cab5f0cb5a2b8b11d7bf5f9dfe02d48dad3a8d96cb1.png?alt=media" alt="" data-size="original"></p>                                                                                                            |
| SMS-Share-Button          | <p>Zeigt einen „Einem Freund schreiben“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zur Standard-SMS-/Nachrichten-App des Nutzers weiter, und eine neue SMS-/Textnachricht wird mit der Social-Messaging-Nachricht der Marke vorab geladen erstellt.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-798893a05da61813dc9d1935d7008941222a8b90%2F3a3fc9c019417421b28b3a5514384cc6a02b25046b7703325aeefe2ed4ca902a.png?alt=media" alt="" data-size="original"></p>                                                                        |
| Messenger-Share-Button    | <p>Zeigt einen „Per Messenger teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einer neuen Nachricht in der Facebook-Messenger-App des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-93f82656f6614d7f34071466b5d061b7c3d1d463%2F2b31207d2addc11e7d589fada9808712bfa21e218fde0aebcbd0bc989d18919d.png?alt=media" alt="" data-size="original"></p>                                                                                              |
| WhatsApp-Share-Button     | <p>Zeigt einen „Per WhatsApp teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3b0d2368c1eaa1b37d41216636f85eee4c9e138%2Fb939f470eb31109551821fe0d22887a99ae81678872ff3241ddcfe2e382c5796.png?alt=media" alt="" data-size="original"></p>                                                                                                           |
| LINE-Share-Button         | <p>Zeigt einen „Über Line Messenger teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einer neuen Nachricht in der Line-Messenger-App des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0551e0947b75a319cd37b2fc5190f94aa7ac3275%2Fc9b7ee44e3f60422f7f0c1314fd669569eac6da0c1f4cdfe8baa7733f704b67b.png?alt=media" alt="" data-size="original"></p>                                                                                            |
| Pinterest-Share-Button    | <p>Zeigt einen „Auf Pinterest teilen“-Button mit anpassbarem Text an. Wenn er angeklickt wird, leitet der Button zu einem neuen Beitrag im Pinterest-Profil des Nutzers weiter, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-6c91830cc012ce3ddbdd99a80c2ab4808e27eb14%2F32f7f7814c6be91a947add2d5d7f0bb5b375a16f212313a18774e79dfa562374.png?alt=media" alt="" data-size="original"></p>                                                                                                          |
| Share-Link                | <p>Zeigt den Share-Link des Teilnehmers für dieses Programm an.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-a7096d63847a389d28ffebcc71d0883ed90cc525%2F2eb89dd61c2c37dbc09f4a4d765b980826a5a3f755bad93880e9fb9248593db6.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                            |
| QR-Code                   | <p>Zeigt den Share-Link des Teilnehmers für dieses Programm in Form eines QR-Codes an.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-1aa383efd76c4268b71ab2118635a650a5dca9b3%2Fb575c24753eb2779431f9a9bfe56e84abd836992751052ea5d6b58b54a2fd964.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                     |

</details>

<details>

<summary>Empfehlungen</summary>

*Empfehlungen* Komponenten zeigen Informationen über die vom Teilnehmer empfohlenen Freunde und deren Konversionsstatus an. Sie machen es Teilnehmern leicht, nachzuverfolgen, wen sie empfohlen haben, wann Konversionen stattgefunden haben und welche Prämien aus diesen Empfehlungen verdient wurden.

| Komponente                            | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungskarte                      | <p>Vorkonfigurierter Komponentenblock, der <em>Programm-Timeline</em>, <em>Share-Link</em>, und <em>Facebook</em>, <em>LinkedIn,</em> und <em>Twitter / X</em> Share-Button-Komponenten. Andere Komponenten können nach Bedarf hinzugefügt oder entfernt werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f756a1f54cf83ab690539ad68993287112cce6c0%2F8f6c3feabc2b64c582ba9c730c7813b993ead61741d6b21490dd04cc1a92c766.png?alt=media" alt="" data-size="original"></p> |
| Empfehlungstabelle                    | <p>Zeigt eine Tabelle mit den vom Teilnehmer empfohlenen Freunden, dem Konversionsdatum und dem Konversionsstatus an.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ce55181b973b561145f087c8112c6008d71daac2%2F14f8e870dfa6c7bf6ab3d1d1fc0ccdc296b2e0b654b72d9b955d7e658fcce1a3.png?alt=media" alt="" data-size="original"></p>                                                                                                                                            |
| Datumsspalte der Empfehlungstabelle   | <p>Fügen Sie der Empfehlungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8992234a958c425bfc53bf938cd323162d62d857%2Fd33d6f5ef933f7df85c392f6733973cafe2b798ea1798628f55b67f201cb0734.png?alt=media" alt="" data-size="original"></p>                                                                                                                         |
| Prämien-Spalte der Empfehlungstabelle | <p>Fügen Sie der Empfehlungstabelle eine weitere Prämienspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef97eededbc5f92ec490dcab90fd10fb97170671%2F12c9225c7808b735b15b3534fd04a4ffbb7556b6fdc457a942f3ffb76456ba69.png?alt=media" alt="" data-size="original"></p>                                                                                                                        |
| Statusspalte der Empfehlungstabelle   | <p>Fügen Sie der Empfehlungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-e3440cacb4114c9d370932773b6d92b971729d75%2F1cbe3630384c042632077d3cf87577401eaa02496651fbf90e6e4dba9f62a5aa.png?alt=media" alt="" data-size="original"></p>                                                                                                                         |
| Benutzerspalte der Empfehlungstabelle | <p>Fügen Sie der Empfehlungstabelle eine weitere Kunden-(empfohlener Freund-)Spalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-07c39fcbf12ca844c00d89c7e423190d5e7ee38e%2F2e6b9f6c02a9670ddd7b2bf8fc050f6a8776851c6eac94b794c42d3aa33ed2f8.png?alt=media" alt="" data-size="original"></p>                                                                                                   |

</details>

<details>

<summary>Erweitert</summary>

Erweiterte Komponenten geben Ihnen mehr Kontrolle darüber, was Teilnehmer sehen und wann sie es sehen. Sie ermöglichen die bedingte Anzeige von Inhalten, Programm-Overrides und andere spezialisierte Konfigurationen, die helfen, das Erlebnis für bestimmte Zielgruppen anzupassen.

| Komponente                  | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Bedingter Bereich / Segment | <p>Zeigen Sie Inhalte in diesem Abschnitt nur an, wenn der Teilnehmer zu einem bestimmten <a href="/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/manage-advocate-user-segments.md">Nutzersegment</a>.</p><p>Um das Benutzersegment festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im <em>Bedingung</em> Feld hinzu.</p><p>Benutzer innerhalb des festgelegten Segments sehen alle im bedingten Bereich angezeigten Inhalte, während Benutzer außerhalb des Segments die Inhalte nicht sehen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                      |
| Bedingter Bereich / Feld    | <p>Zeigen Sie Inhalte in diesem Abschnitt nur an, wenn ein <a href="/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained.md">benutzerdefinierten Feld</a> im Profil des Teilnehmers einen bestimmten Wert enthält.</p><p>Um den Namen und Wert des benutzerdefinierten Felds festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im <em>Bedingung</em> Feld hinzu.</p><p>Benutzer mit dem richtigen Wert des benutzerdefinierten Felds sehen alle im bedingten Bereich angezeigten Inhalte, während Benutzer ohne den richtigen Wert des benutzerdefinierten Felds die Inhalte nicht sehen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p> |
| Programmabschnitt           | <p>Die Komponente für den Programmabschnitt ermöglicht es Ihnen, die Programm-ID ihrer untergeordneten Komponenten zu überschreiben. Verwenden Sie sie, wenn Sie Inhalte anzeigen möchten, die nicht mit einem bestimmten Programm verknüpft sind. In den meisten Widget- und Microsite-Vorlagen standardmäßig enthalten.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2fe790e8458995641bd60d7f1efc8f81a0c5598e%2Fbb4c121de32787e766f9d5930e0e34f0ce2637ab3a1dfc6aa5fb7bf7bb4bd0d5.png?alt=media" alt="" data-size="original"></p>                                                                                                                                                                                                                                                                                                                                                                                                                        |

</details>

<details>

<summary>Typografie</summary>

Typografie-Komponenten ermöglichen es Ihnen, formatierte Textblöcke zu Ihrem Widget oder Ihrer Microsite hinzuzufügen. Wählen Sie aus:

* Absatz
* Überschrift 1
* Überschrift 2
* Überschrift 3
* Überschrift 4

  <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-a21333a42165afd0b94699beb820ce6f01d4967b%2F98486fd03f5278fcc0128c28d9b9c6a7a62508a7f08c0db73e8d274a1198d0e0.jpg?alt=media" alt="" width="208"><figcaption></figcaption></figure></div>

</details>


---

# 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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-components-explained.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.