> 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">Belegen Sie den PXA-Kurs</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 upgraden.
{% endhint %}

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

Dieser Artikel enthält eine kategorisierte Liste der verfügbaren Komponenten in den Widget- und Microsite-Editoren. Die meisten Komponenten unterstützen Styling und Anpassungen, obwohl einige Design-Einschränkungen haben. Sie können Ihre Komponenten-States auch direkt in der Editor-Oberfläche in der Vorschau anzeigen.

<details>

<summary>Statistiken</summary>

Verwenden Sie *Statistiken* Komponenten, damit Ihre Teilnehmer sehen, wie sie in Ihrem Programm abschneiden. Eine Liste der von diesen Komponenten unterstützten Statistiken finden Sie unter [Statistiken für Widget und Microsite](/brand/de/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained.md).

| Komponente                     | Beschreibung                                                                                                                                                                     |
| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Punktestand                    | Zeigt das Punktguthaben des Teilnehmers an. Wird in Advocate-Programmen verwendet, die Teilnehmer mit Punkten belohnen.                                                          |
| Verdiente Geschenkkarten       | Zeigt die Anzahl der vom Advocate verdienten Geschenkkarten-Belohnungen an.                                                                                                      |
| Empfehlungen                   | Zeigt an, wie viele Empfehlungen der Teilnehmer gemacht hat. Beinhaltet 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.                 |
| Sonstige Statistik             | Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Belohnungsstatistiken 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 ab, wie Hero-Bilder, Layout-Formatierung und beschreibende Programmschritte.

| Komponente                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Hero-Bild mit zwei Spalten      | <p>Ein Bannerbild und eine Überschrift, die sich über zwei Spalten erstrecken. Bild, Text und 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>                                                                                                                                                                                |
| Hero-Bild mit Überlagerung      | <p>Ein Bannerbild mit überlagertem Text. Bild, Text und 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 klickbarer 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 Belohnungen verdient werden. Enthält standardmäßig zwei Schritte zur 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 innerhalb einer Programmerläuterungskomponente. 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-Zeitachse              | <p>Zeigen Sie Ihren Teilnehmern eine Übersicht über den Empfehlungsweg und die Belohnungen an. Fügen Sie Zeitachsen-Einträge nach Bedarf hinzu oder entfernen Sie sie. Die Farbe des Kreis-Symbols 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> |
| Zeitachsen-Eintrag              | <p>Passt innerhalb einer Programm-Zeitachsenkomponente, um einen Schritt des Empfehlungswegs anzuzeigen. Die Farbe des Kreis-Symbols 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:** *Belohnung* Komponenten können nur für Widgets und Microsites mit verifiziertem Zugriff verwendet werden.
{% endhint %}

| Komponente             | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Aufgaben-Karten-Feed   | <p>Aufgaben-Karten 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 Aufgaben-Karten 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> |
| Belohnungstausch       | <p>Ermöglicht es den Teilnehmern, verdiente Belohnungen gegen eine andere Art von Belohnung 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">Belohnungstausch</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>                                                   |
| Belohnungstabelle      | <p>Zeigt eine Liste der vom Teilnehmer verdienten Belohnungen an. Kann manuelle Belohnungen und/oder Belohnungen aus mehreren Advocate-Programmen enthalten.</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 Kundennotiz | <p>Fügen Sie der Belohnungstabelle eine weitere Notizspalte hinzu. Muss innerhalb der Belohnungstabellen-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 Belohnungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Belohnungstabellen-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>                                                                                                                                                                                                                                    |
| Belohnungsspalte       | <p>Fügen Sie der Belohnungstabelle eine weitere Belohnungsspalte hinzu. Muss innerhalb der Belohnungstabellen-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>                                                                                                                                                                                                                                |
| Quellspalte            | <p>Fügen Sie der Belohnungstabelle eine weitere Quellspalte hinzu. Muss innerhalb der Belohnungstabellen-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 Belohnungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Belohnungstabellen-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 Navigations-Seitenleiste 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 am Advocate-Teilnehmer. Weitere Informationen finden Sie in „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 den vom Nutzer ausgewählten Listeneintrag einem benutzerdefinierten Feld am Advocate-Teilnehmer 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 Texteingabefeld hinzu. Sie können den vom Nutzer eingegebenen Text einem benutzerdefinierten Feld am Advocate-Teilnehmer zuordnen. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Wenden Sie sich an den Support</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>                                                                                                                                                                                                                                        |
| Seitenleisten-Element  | <p>Fügen Sie der Seitenleisten-Navigation Ihrer Microsite eine neue Seite oder einen neuen Link hinzu. Kann nur innerhalb des „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 empfohlene Freunde sich anmelden oder Belohnungen einlösen, ohne den Standard-Registrierungsprozess durchlaufen zu müssen. Sie sind ideal für Programme, die Empfehlungs-Widgets mit Sofortzugriff oder Registrierungsabläufe für Freunde verwenden.

| Komponente                  | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Gutscheincode               | <p>Zeigt einen einlösbaren Code für eine Fuel-Tank-Belohnung an.</p><p>Die <a href="/brand/de/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/fuel-tank-rewards-explained.md">Belohnungs-Fuel-Tank</a> muss verfügbare Gutscheincodes haben, 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öglicht neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen zu machen. Nach Eingabe ihrer E-Mail-Adresse gelangen Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Empfehlungs-Sharelinks zugreifen können. Wird für das Website-Empfehlungs-Widget mit Sofortzugriff verwendet.</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öglicht dem Betrachter, die personalisierte Sofortzugriffs-Anzeige 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öglicht empfohlenen Freunden, ihre E-Mail-Adresse zur Registrierung einzugeben. Nach Eingabe ihrer E-Mail-Adresse gelangen Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Gutschein-Code-Belohnung zugreifen können. Wird für das Friend-Widget mit Sofortzugriff verwendet.</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, Reihen, 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 Reihen-Layout     | <p>Fügen Sie einen neuen Reihen-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Reihe 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 Spalten-Layout    | <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>                                                                                                                           |
| Registerkarte                   | <p>Fügen Sie einer allgemeinen Registerkartengruppe eine neue Registerkarte 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 Registerkartengruppe | <p>Fügen Sie eine Gruppe von Registerkarten hinzu. Jede Registerkarte kann unterschiedliche Komponenten und Inhalte enthalten. Standardmäßig sind drei Registerkarten vorhanden, aber Registerkarten können bei Bedarf entfernt oder 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-f38bb2abbd959f6de3dd3057279bef72b167bd7a%2F6d51c82449438758a0d7e7c667b4e41e8b1ba274f5f32206ea0a934ef967349b.png?alt=media" alt="" data-size="original"></p> |
| Schräger Abschnitt              | <p>Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und Absatztext enthält. Weitere Komponenten können unter der Überschrift zum Abschnitt 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 Einnahmendaten anzuzeigen.

| Komponente                        | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                       |
| --------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Rechnungstabelle                  | <p>Fügen Sie ein aufklappbares Rechnungs-Akkordeon hinzu, das Einnahmendaten 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>

Die *Bestenliste* Die Komponente ermöglicht es Ihnen, Ihre Programmteilnehmer zu ranken, Top-Performern Belohnungen anzubieten und Teilnehmer zu motivieren, in Ihrem Programm bessere Ergebnisse 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 Rangordnungssystem und die Filteroptionen für Teilnehmer. 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 rankt Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen. 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 rankt Teilnehmer nach der Anzahl der von ihnen konvertierten Empfehlungen. Empfehlungen gelten als konvertiert, sobald der empfohlene Freund ein Programmziel erreicht, z. B. einen von Ihnen festgelegten Kaufwert. 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> |
| Verdiente Punkte       | <p>Diese Art von Bestenliste rankt Teilnehmer nach der Gesamtzahl der Punkte, die sie in Advocate-Programmen verdient haben, die Punkte belohnen. Alle Belohnungseinheiten Punkte zählen, solange sie nicht ausstehend oder storniert sind. Dieser Bestenlisten-Typ ist nur für den Belohnungstyp Punkt 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 personenbezogenen Informationen über andere Programmteilnehmer 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ügt ein Modal ein, das die Länder- und Währungsinformationen der Teilnehmer erfasst. Diese Informationen stellen sicher, dass Ihre Teilnehmer ihre Belohnungen 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 neue Partner</strong>: Wird Erstteilnehmern angezeigt. Der Standardtext („Bestätigen Sie jetzt Ihr Land und Ihre Währung, um Ihre zukünftigen Belohnungen schneller zu erhalten“) fordert sie auf, ihre Daten anzugeben, bevor sie ihren Sharelink erhalten.</li><li><strong>Beschreibung für bestehende 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 seine Informationen vor und bittet ihn, sie zu bestätigen, anstatt sie neu einzugeben.</li></ul> |
| Warnung zum Auszahlungsstatus                   | <p>Informiert den Teilnehmer über die Schritte, die er vor einer Barauszahlung durchführen muss. Die Komponente enthält einen Call-to-Action-Button, der den Teilnehmer zu seinen Auszahlungs-Einstellungen führt.</p><p>Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer beim Anzeigen der Komponente sieht.</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ügt ein Formular ein, das die Bankdaten der Teilnehmer und alle erforderlichen Steuerformulare wie ein W-8 oder W-9 erfasst.</p><p>Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer beim Anzeigen des Formulars sieht.</p><p>Sie können in 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 bieten Teilnehmern bequeme Möglichkeiten, ihre Empfehlungslinks und -codes über mehrere Kanäle zu bewerben. Wenn ein Teilnehmer auf einen Sharing-Button klickt, wird der gewählte Kanal geöffnet, z. B. *Facebook*, *LinkedIn*, *WhatsApp*, oder *E-Mail*mit einer vorgefüllten Nachricht oder einem vorgefüllten 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 das schnelle Teilen an. Andere, wie Promo-Codes, präsentieren mehrere verfügbare Codes (falls zugewiesen) in einer Slider-Ansicht und enthalten Sharing-Buttons, sodass Teilnehmer den ausgewählten Code sofort posten oder senden können. Diese Tools erleichtern es den Teilnehmern, die Nachricht zu verbreiten und neue Empfehlungen zu generieren.

| Komponente                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| ------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungscode                 | <p>Zeigt ein Feld für den Empfehlungscode mit einer Kopieren-in-die-Zwischenablage-Option 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>Vorgeformatierter Komponentenblock, der ein Feld für den Empfehlungs-/Promo-Code enthält, mit einem Slider zum Umschalten zwischen verschiedenen Codes, falls mehr als einer zugewiesen wurde. Enthält außerdem einen Share-Link sowie Sharing-Button-Komponenten für Facebook, LinkedIn und Twitter / X.</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. Beim Klicken wird der Button zu einem neuen Beitrag im Facebook-Profil des Nutzers weitergeleitet, wobei die Social Messaging 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. Beim Klicken wird der Button zu einem neuen Beitrag im X-Konto des Nutzers weitergeleitet, wobei die Social Messaging 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. Beim Klicken öffnet der Button die Standard-E-Mail-Anwendung des Nutzers und erstellt eine neue E-Mail mit vorab geladener Social Messaging der Marke.</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-Schaltfläche | <p>Zeigt einen Button zum Teilen im Webbrowser des Teilnehmers an. Beim Klicken ö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 vorab geladener Social Messaging der Marke 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. Beim Klicken wird der Button zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weitergeleitet, wobei die Social Messaging 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. Beim Klicken wird der Button zur standardmäßigen SMS-/Textnachrichten-App des Nutzers weitergeleitet, und es wird eine neue SMS-/Textnachricht mit vorab geladener Social Messaging der Marke 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 „Über Messenger teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einer neuen Nachricht in der Facebook-Messenger-App des Nutzers weitergeleitet, wobei die Social Messaging 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 „Über WhatsApp teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weitergeleitet, wobei die Social Messaging 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. Beim Klicken wird der Button zu einer neuen Nachricht in der Line-Messenger-App des Nutzers weitergeleitet, wobei die Social Messaging 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. Beim Klicken wird der Button zu einem neuen Beitrag im Pinterest-Profil des Nutzers weitergeleitet, wobei die Social Messaging 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>                                                                                                  |
| Freigabelink                    | <p>Zeigt den Sharelink 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 Sharelink 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>

*Empfehlung* Komponenten zeigen Informationen über die empfohlenen Freunde des Teilnehmers und ihren Konversionsstatus an. Sie erleichtern es den Teilnehmern, nachzuverfolgen, wen sie empfohlen haben, wann Konversionen stattgefunden haben und welche Belohnungen aus diesen Empfehlungen verdient wurden.

| Komponente                              | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |
| --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungskarte                        | <p>Vorgeformatierter Komponentenblock, der <em>Programm-Zeitachse</em>, <em>Sharelink</em>, und <em>Facebook</em>, <em>LinkedIn,</em> und <em>Twitter / X</em> Sharing-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 an, die die vom Teilnehmer empfohlenen Freunde, das Konversionsdatum und den Konversionsstatus zeigt.</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>                                                                                                                           |
| Belohnungsspalte der Empfehlungstabelle | <p>Fügen Sie der Empfehlungstabelle eine weitere Belohnungsspalte 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 Kundenspalte (empfohlener Freund) 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">Benutzersegment</a>.</p><p>Um das Benutzersegment festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im <em>Bedingung</em> Feld ein.</p><p>Benutzer innerhalb des festgelegten Segments sehen alle Inhalte, die im bedingten Abschnitt angezeigt werden, 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 ein.</p><p>Benutzer mit dem richtigen Wert im benutzerdefinierten Feld sehen alle Inhalte, die im bedingten Abschnitt angezeigt werden, während Benutzer ohne den richtigen Wert im benutzerdefinierten Feld 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 Programmabschnitt-Komponente 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. Standardmäßig in den meisten Widget- und Microsite-Vorlagen 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>

Mit Typografie-Komponenten können Sie Ihrem Widget oder Ihrer Microsite formatierte Textblöcke hinzufü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 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-and-microsite-components-explained.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.