# Erklärung der Widget- & Microsite-Komponenten

<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" %}
**Begrenzt**: Komponenten, abgesehen von denen, die in den gegebenen Vorlagen bereitgestellt werden, sind nur für bestimmte Produkteditionen oder Add-Ons verfügbar. Wenn Sie eine feinere Steuerung darüber wünschen, welche Komponenten Ihre Microsites verwenden, kontaktieren Sie uns, um Ihr Programm zu aktualisieren.
{% endhint %}

Komponenten sind die einzelnen Bausteine, wie Hero-Bilder und Aufgaben-Karten, die das Widget oder die Microsite Ihres Advocate-Programms ausmachen. Diese Elemente prägen die [Teilnehmererfahrung](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/introduction-to-participant-experiences) und können angepasst werden, um mit Ihrer Marke übereinzustimmen.

Dieser Artikel bietet eine kategorisierte Liste der im Widget- und Microsite-Editor verfügbaren Komponenten. Die meisten Komponenten unterstützen Stil und Anpassung, obwohl einige Designeinschränkungen haben. Sie können auch Ihre Komponenten-Zustände innerhalb der Editor-Oberfläche anzeigen lassen.

<details>

<summary>Statistiken</summary>

Verwenden *Statistiken* Komponenten, um Ihre Teilnehmer wissen zu lassen, wie sie in Ihrem Programm abschneiden. Für eine Liste der Statistiken, die diese Komponenten unterstützen können, besuchen Sie [Widget- und Microsite-Statistiken](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/widget-and-microsite-statistics-explained).

| Komponente                     | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                     |
| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Punktestand                    | <p>Zeigt den Punktestand des Teilnehmers an. Verwendet in Advocate-Programmen, die Teilnehmer mit Punkten belohnen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ff7233d6a49bcc71a20dc6cfb3bf75ee62364ff4%2Fe1d9aac51361456cf34386eb5b5617d320af8f5087f2d38e3e3b25ff04f6efc4.png?alt=media" alt="" data-size="original"></p>                                                 |
| Verdiente Geschenkkarten       | <p>Zeigt die Anzahl der vom Advocate verdienten Geschenkkarten-Belohnungen an.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-51c634a017ce4206b9e6412627708952b5768a3c%2F7ad00a45ca02abc61aa2883c4303e43a878e9702e3410bb5a6eedcb46d8100e4.png?alt=media" alt="" data-size="original"></p>                                                                                      |
| Empfehlungen                   | <p>Zeigt an, wie viele Empfehlungen der Teilnehmer abgegeben hat. Einschließlich gestarteter und konvertierter Empfehlungen.</p><p><img src="https://1698965099-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5433d26e89df79a0006bc70d66c7f136c8c4de9%2F40d8d181ce9bfcf7ca597db86ffddaf517b98fdcd65270945bcdef43faeccd2d.png?alt=media" alt="" data-size="original"></p>                                        |
| Container mit drei Statistiken | <p>Eine Vorlage mit Platz für drei Statistiken. Die angezeigten Statistiken können geändert werden. Statistiken können nach Wunsch hinzugefügt und 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-eb3c3041a0cabee4b4be38ed5160f4baa660ba92%2F8526311212dbbab7ee4417e937d156eb481f6feb7a254b4c3e84d21c814d00c9.png?alt=media" alt="" data-size="original"></p> |
| Andere Statistik               | Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Belohnungsstatistiken wählen oder eine benutzerdefinierte Statistik erstellen.                                                                                                                                                                                                                                                                                                 |

</details>

<details>

<summary>Häufige Komponenten</summary>

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

| Komponente                 | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Zweispaltiges Hero-Bild    | <p>Ein Bannerbild und Kopfzeilentext, 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>                                                                                                                                                                                    |
| Overlay-Hero-Bild          | <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. 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-Schaltfläche          | <p>Eine anklickbare Schaltfläche, die Teilnehmer zu Ihrem ausgewählten Link weiterleitet. Die Schaltflächenfarbe wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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>                                                                                                                       |
| Programm-Erklärung         | <p>Eine Vorlage, die erklärt, wie ein Advocate-Programm funktioniert, z. B. wie man Belohnungen verdient. Enthält standardmäßig zwei Programmerklärungsschritte. Weitere Schritte können hinzugefügt werden. Die Farbe wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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>                 |
| Programmerklärungs-Schritt | <p>Fügen Sie beschreibenden Text hinzu, um einen Teil Ihres Programms zu erklären. Passt in eine Programmerklärungs-Komponente. Die Farbe wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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-Zeitleiste        | <p>Zeigen Sie einen Überblick über die Empfehlungsreise und Belohnungen für Ihre Teilnehmer an. Fügen Sie bei Bedarf Zeitleisteneinträge hinzu oder entfernen Sie sie. Die Farbe des Kreis-Icons und der Linien zwischen den Einträgen wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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> |
| Zeitleisten-Eintrag        | <p>Passt in eine Programm-Zeitleisten-Komponente, um einen Schritt der Empfehlungsreise anzuzeigen. Die Farbe des Kreis-Icons und der Linien zwischen den Einträgen wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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>Belohnungen</summary>

{% hint style="info" %}
**Hinweis:** *Belohnungs-* Komponenten können nur für verifizierte Zugangswidgets und Microsites verwendet werden.
{% endhint %}

| Komponente           | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Aufgaben-Karten-Feed | <p>Aufgaben-Karten ermöglichen es Ihren Nutzern, Aktionen auszuführen oder Fortschritte in Richtung der Ziele des Advocate-Programms direkt im Widget oder auf der Microsite zu sehen. Diese Komponente fügt Ihrem Widget oder Ihrer Microsite mehrere Aufgaben-Karten hinzu. Die Schaltflächenfarbe wird durch die Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.</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> |
| Belohnungs-Tausch    | <p>Ermöglichen Sie Teilnehmern, verdiente Belohnungen gegen eine andere Art von Belohnung einzutauschen.</p><p>Sie müssen <a href="../advocate-rewards/reward-exchange-explained">Belohnungs-Tausch</a> eingestellt 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 Belohnungen an, die der Teilnehmer verdient hat. Kann manuelle Belohnungen und/oder Belohnungen umfassen, 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>                                                                                                                                                                                                    |
| Kundennotiz-Spalte   | <p>Fügen Sie der Belohnungstabelle eine zusätzliche Notizspalte hinzu. Muss innerhalb der Belohnungstabelle-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>                                                                                                                                                                                                                                                  |
| Datums-Spalte        | <p>Fügen Sie der Belohnungstabelle eine zusätzliche Datums-Spalte hinzu. Muss innerhalb der Belohnungstabelle-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>                                                                                                                                                                                                                                                |
| Belohnungs-Spalte    | <p>Fügen Sie der Belohnungstabelle eine zusätzliche Belohnungsspalte hinzu. Muss innerhalb der Belohnungstabelle-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>                                                                                                                                                                                                                                             |
| Quellen-Spalte       | <p>Fügen Sie der Belohnungstabelle eine zusätzliche Quellen-Spalte hinzu. Muss innerhalb der Belohnungstabelle-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>                                                                                                                                                                                                                                               |
| Status-Spalte        | <p>Fügen Sie der Belohnungstabelle eine zusätzliche Status-Spalte hinzu. Muss innerhalb der Belohnungstabelle-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 Program-Widgets hinzugefügt werden.

| Komponente                     | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
| ------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Formular-Kontrollkästchen-Feld | <p>Fügen Sie dem Registrierungsformular ein Kontrollkästchen hinzu. Sie können abbilden, ob das Kästchen angekreuzt war, auf ein benutzerdefiniertes Feld beim Advocate-Teilnehmer. Lesen Sie „Anzeigen Ihrer Microsite-Registrierungsformular-Einsendungen“ für weitere Informationen.</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 Listenelementen hinzu. Sie können das vom Benutzer ausgewählte Listenelement auf ein benutzerdefiniertes Feld beim Advocate-Teilnehmer abbilden. Kontaktieren Sie den Support für Unterstützung dabei.</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 Freitext-Eingabefeld hinzu. Sie können den vom Benutzer eingegebenen Text auf ein benutzerdefiniertes Feld beim Advocate-Teilnehmer abbilden. <a href="https://app.impact.com/support/portal.ihtml?createTicket=true&#x26;">Kontaktieren Sie den Support</a> für Unterstützung dabei.</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-Namefelder            | <p>Fügen Sie ausfüllbare Felder für Vorname und Nachname zum Registrierungsformular 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 eine neue Seite oder einen Link zur Seitenleisten-Navigation Ihrer Microsite hinzu. Kann nur im angemeldeten 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>Sofortiger Zugriff</summary>

*Sofortiger Zugriff* Komponenten für sofortigen Zugriff machen es schnell und einfach für empfohlene Freunde, sich anzumelden oder Belohnungen einzulösen, ohne den standardmäßigen Registrierungsprozess zu durchlaufen. Sie sind ideal für Programme, die Widgets für Sofortzugriff oder Friend-Registration-Flows verwenden.

| Komponente                  | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Gutscheincode               | <p>Zeigt einen einlösbaren Code für eine Fuel-Tank-Belohnung an.</p><p>Der <a href="../advocate-rewards/fuel-tank-rewards-explained">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öglichen Sie neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen abzugeben. Nach Eingabe ihrer E-Mail-Adresse werden die Nutzer zu einem zweiten Bildschirm geführt, auf dem sie auf ihre Empfehlungs-Sharelinks zugreifen können. Wird für das Website-Referral-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öglichen Sie 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>                                                                                                                                                                                                                                                      |
| Friend-Registrierung        | <p>Ermöglichen Sie empfohlenen Freunden, ihre E-Mail-Adresse einzugeben, um sich zu registrieren. Nach Eingabe ihrer E-Mail-Adresse werden die Nutzer zu einem zweiten Bildschirm geführt, auf dem sie auf ihre Gutscheincode-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 für Layouts ermöglichen es Ihnen, andere Komponenten zu organisieren und zusammenzufassen. Verwenden Sie sie, um Abschnitte, Reihen, Spalten oder Registerkarten zu erstellen.

| Komponente                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Zweispaltiges Hero-Layout       | <p>Fügen Sie ein Hero-Layout mit zwei Inhalts-Spalten 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>                                                                                                                                                                              |
| Reihen-Layout-Container         | <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>                                                                                                              |
| Spalten-Layout-Container        | <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 generischen 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>                                                                                                                                                        |
| Generische Registerkartengruppe | <p>Fügen Sie eine Gruppe von Registerkarten hinzu. Jede Registerkarte kann unterschiedliche Komponenten und Inhalte enthalten. Standardmäßig drei Registerkarten, 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> |
| Gekippter Abschnitt             | <p>Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und Fließtext enthält. Andere Komponenten können dem betitelten Abschnitt unterhalb 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 Verdienstdaten anzuzeigen.

| Komponente                     | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                       |
| ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Rechnungstabelle               | <p>Fügen Sie ein erweiterbares Rechnungs-Accordion hinzu, das Verdienstdaten 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> |
| Rechnungstabelle Datums-Spalte | <p>Fügen Sie Ihrer Rechnungstabelle 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 Programmteilnehmer zu ranken, Belohnungen an Spitzenleister anzubieten und Teilnehmer zu motivieren, größere Ergebnisse in Ihrem Programm zu erzielen. Fügen Sie Bestenlisten zu Ihrem [Widget mit verifiziertem Zugang](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) oder [Microsite](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview)hinzu und konfigurieren Sie das Punktesystem, das Rangsystem und die Teilnehmerfilteroptionen. Siehe die untenstehenden Artikel für weitere Informationen:

* [Bestenlisten erklärt](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/leaderboards-explained)
* [Einrichten einer Bestenliste](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/set-up-a-leaderboard)

| Komponente             | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlung gestartet   | <p>Diese Art von Bestenliste ordnet Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen. Die Punktzahlen Ihrer Kundenadvocates 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 ordnet Teilnehmer nach der Anzahl der von ihnen konvertierten Empfehlungen. Empfehlungen gelten als konvertiert, sobald der empfohlene Freund ein Programmziel erreicht hat, wie z. B. einen von Ihnen definierten Kauf zu tätigen. Die Punktzahlen Ihrer Kundenadvocates 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> |
| Erlangte Punkte        | <p>Diese Art von Bestenliste ordnet Teilnehmer nach der Gesamtzahl der Punkte, die sie in Advocate-Programmen verdient haben, die Punkte belohnen. Alle Belohnungseinheiten in Punkten zählen, solange sie nicht ausstehend oder storniert sind. Dieser Bestenlistentyp 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 persönlich identifizierbaren Informationen über andere Programmteilnehmer anzeigt. Kann jeden Bestenlistentyp 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>

*Steuer- und Bargeld-* Komponenten ermöglichen es Ihnen, die Erfassung von Steuerformularen und Auszahlungsoptionen in bar in Ihre [Widget mit verifiziertem Zugang](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained) oder [Microsite](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/manage-advocate-participant-experiences/microsite-experiences/microsites-overview).

Diese Komponentengruppe ist nur verfügbar, wenn die [*Bar-Auszahlungen*](https://help.impact.com/brand/de/was-mochten-sie-lernen/advocate-program/advocate-rewards/pay-with-cash/cash-payouts-for-advocate-explained) Funktion für Ihr Konto aktiviert wurde.

| Komponente                                 | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Auszahlungs-Status-Benachrichtigung        | <p>Informieren Sie den Teilnehmer über Aktionen, die er durchführen muss, bevor er eine Barauszahlung erhalten kann. Die Komponente enthält eine Call-to-Action-Schaltfläche, die den Teilnehmer zu den Auszahlungs-Einstellungen führt.</p><p>Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sehen wird, 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>          |
| Microsite- & Widget-Barauszahlungsformular | <p>Fügen Sie ein Formular ein, das die Bankinformationen der Teilnehmer und gegebenenfalls erforderliche Steuerformulare wie W-8 oder W-9 erfasst.</p><p>Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sehen wird, wenn er das Formular aufruft.</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 geben Teilnehmern bequeme Möglichkeiten, ihre Empfehlungslinks und -codes über mehrere Kanäle zu bewerben. Wenn ein Teilnehmer auf eine Teilen-Schaltfläche klickt, öffnet sich der gewählte Kanal, wie z. B. *Facebook*, *LinkedIn*, *WhatsApp*oder *E-Mail*mit einer vorgefertigten Nachricht oder einem Link, bereit zum Senden.

Einige Komponenten, wie 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, präsentieren mehrere verfügbare Codes (falls zugewiesen) in einer Slider-Ansicht und enthalten Teilen-Schaltflächen, damit Teilnehmer den ausgewählten Code sofort posten oder senden können. Diese Tools erleichtern es Teilnehmern, die Botschaft zu verbreiten und neue Empfehlungen zu generieren.

| Komponente                      | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| ------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungs-Code                | <p>Zeigt ein Empfehlungs-Code-Feld mit einer Kopieren-in-die-Zwischenablage-Option an. Wird als Teil der Promo-Codes-Funktionalität 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>Vorformatierter Komponentenblock, der ein Promo-Code-Feld mit Slider enthält, um zwischen verschiedenen Codes umzuschalten, falls mehr als einer zugewiesen wurde. Er enthält auch einen Share-Link sowie Share-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-Schaltfläche     | <p>Zeigt eine Teilen-auf-Facebook-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im Facebook-Profil des Nutzers weiter, in dem die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche            | <p>Zeigt eine Teilen-über-X-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im X-Konto des Nutzers weiter, in dem die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche       | <p>Zeigt eine Teilen-über-E-Mail-Schaltfläche mit anpassbarem Text an. Beim Klicken öffnet die Schaltfläche die standardmäßige E-Mail-Anwendung des Nutzers und startet eine neue E-Mail mit den vorbefüllten Social-Messaging-Inhalten 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 eine Schaltfläche zum Teilen innerhalb des Web-Browsers des Teilnehmers an. Beim Klicken öffnet die Schaltfläche ein Menü, das alle verfügbaren Apps auflistet, die der Nutzer zum Teilen seines Links öffnen kann. Wenn eine App ausgewählt wird, wird ein neuer Beitrag oder eine neue Nachricht mit den vorbefüllten Social-Messaging-Inhalten 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-Schaltfläche     | <p>Zeigt eine Teilen-auf-LinkedIn-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weiter, in dem die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche          | <p>Zeigt eine "Text an einen Freund"-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zur standardmäßigen SMS-/Textnachrichten-App des Nutzers weiter, und eine neue SMS/Textnachricht wird mit den vorbefüllten Social-Messaging-Inhalten 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-Schaltfläche    | <p>Zeigt eine Teilen-über-Messenger-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht in der Facebook Messenger-App des Nutzers weiter, in der die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche     | <p>Zeigt eine Teilen-über-WhatsApp-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weiter, in der die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche         | <p>Zeigt eine Teilen-über-Line-Messenger-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht in der Line Messenger-App des Nutzers weiter, in der die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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-Schaltfläche    | <p>Zeigt eine Teilen-auf-Pinterest-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im Pinterest-Profil des Nutzers weiter, in dem die Social-Messaging-Inhalte der Marke vorbefüllt sind.</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>

*Empfehlung* Komponenten zeigen Informationen über die empfohlenen Freunde des Teilnehmers und deren Konvertierungsstatus an. Sie machen es den Teilnehmern leicht nachzuverfolgen, wen sie empfohlen haben, wann Konvertierungen stattgefunden haben und welche Belohnungen aus diesen Empfehlungen erzielt wurden.

| Komponente                           | Beschreibung                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Empfehlungs-Karte                    | <p>Vorformatierter Komponentenblock, der <em>Programm-Zeitleiste</em>, <em>Share-Link</em>und <em>Facebook</em>, <em>LinkedIn,</em> und <em>Twitter / X</em> Share-Button-Komponenten enthält. 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 empfohlenen Freunden des Teilnehmers, dem Konvertierungsdatum und dem Konvertierungsstatus 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>                                                                                                                                           |
| Empfehlungstabelle Datums-Spalte     | <p>Fügen Sie der Empfehlungstabelle eine zusätzliche Datums-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-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>                                                                                                                           |
| Empfehlungstabelle Belohnungs-Spalte | <p>Fügen Sie der Empfehlungstabelle eine zusätzliche Belohnungsspalte hinzu. Muss innerhalb der Empfehlungstabelle-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>                                                                                                                        |
| Empfehlungstabelle Status-Spalte     | <p>Fügen Sie der Empfehlungstabelle eine zusätzliche Status-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-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>                                                                                                                           |
| Empfehlungstabelle Benutzer-Spalte   | <p>Fügen Sie der Empfehlungstabelle eine zusätzliche Kunden-(empfohlener Freund)-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-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überschreibungen und andere spezialisierte Konfigurationen, die helfen, die Erfahrung 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="../manage-advocate-participants/manage-advocate-user-segments">Benutzersegment</a>.</p><p>Um das Benutzersegment festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im <em>Bedingungs-</em> Feld.</p><p>Benutzer innerhalb des festgelegten Segments sehen alle Inhalte, die im bedingten Abschnitt angezeigt werden, während Benutzer, die nicht im Segment sind, die Inhalte nicht sehen werden.</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="../manage-advocate-participants/custom-and-calculated-fields/custom-fields-for-advocate-explained">benutzerdefiniertes Feld</a> im Profil des Teilnehmers einen bestimmten Wert enthält.</p><p>Um den Namen des benutzerdefinierten Feldes und den Wert festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im <em>Bedingungs-</em> Feld.</p><p>Benutzer mit dem richtigen Wert im benutzerdefinierten Feld sehen alle im bedingten Abschnitt angezeigten Inhalte, während Benutzer ohne den richtigen Wert im benutzerdefinierten Feld die Inhalte nicht sehen werden.</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 Program-ID ihrer Kindkomponenten 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>

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>
