Widget- und Microsite-Komponenten erklärt
Eingeschränkt: Komponenten sind, abgesehen von den in den bereitgestellten Vorlagen enthaltenen, nur für bestimmte Produkteditionen oder Add-ons verfügbar. Wenn Sie mehr granulare Kontrolle darüber wünschen, welche Komponenten Ihre Microsites verwenden, kontaktieren Sie uns, um Ihr Programm zu erweitern.
Komponenten sind die einzelnen Bausteine, wie Hero-Bilder und Task-Karten, aus denen das Widget oder die Microsite Ihres Advocate-Programms besteht. Diese Elemente prägen das Teilnehmererlebnis und können an Ihre Marke angepasst werden.
Dieser Artikel bietet eine kategorisierte Liste der verfügbaren Komponenten in den Widget- und Microsite-Editoren. Die meisten Komponenten unterstützen Styling und Anpassung, obwohl einige Designbeschränkungen haben. Sie können auch Ihre Komponenten-Zustände in der Editor-Oberfläche in der Vorschau anzeigen.
Statistiken
Verwenden Sie Statistiken Komponenten, um Ihren Teilnehmern zu zeigen, wie sie in Ihrem Programm abschneiden. Eine Liste der Statistiken, die diese Komponenten unterstützen können, finden Sie unter Statistiken für Widget und Microsite.
Punkteguthaben
Zeigt das Punkteguthaben 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 ausgesprochen 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 Belieben hinzugefügt und entfernt werden.
Andere Statistik
Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Belohnungsstatistiken wählen oder eine benutzerdefinierte Statistik erstellen.

Häufige Komponenten
Häufige Komponenten werden häufig verwendet, um sowohl die Funktionalität als auch die Designkonsistenz in Ihrem Widget oder Ihrer Microsite zu verbessern. Sie decken allgemeine visuelle und strukturelle Elemente wie Hero-Bilder, Layout-Formatierung und beschreibende Programmschritte ab.
Hero-Bild mit zwei Spalten
Ein Bannerbild und Header-Text über zwei Spalten hinweg. Das Bild, der Text und die Hintergrundfarbe können aktualisiert werden.

Hero-Bild mit Überlagerung
Ein Bannerbild mit überlagertem Text. Das Bild, der Text und die Hintergrundfarbe können aktualisiert werden.

Bild
Ein Bild. Die Hintergrundfarbe, Ausrichtung, Höhe und Breite können geändert werden.

Link-Schaltfläche
Eine anklickbare Schaltfläche, die Teilnehmer zu Ihrem ausgewählten Link weiterleitet. Die Schaltflächenfarbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
![]()
Programmerklärung
Eine Vorlage, die erklärt, wie ein Advocate-Programm funktioniert, z. B. wie Belohnungen verdient werden. Enthält standardmäßig zwei Schritte der Programmerklärung. Weitere Schritte können hinzugefügt werden. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.

Schritt der Programmerklärung
Fügen Sie beschreibenden Text hinzu, um einen Teil Ihres Programms zu erklären. Passt in eine Komponente der Programmerklärung. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.

Programm-Zeitachse
Zeigen Sie Ihren Teilnehmern einen Überblick über die Empfehlungsreise 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.

Zeitachsen-Eintrag
Passt in eine Programm-Zeitachsenkomponente, um einen Schritt der Empfehlungsreise anzuzeigen. Die Farbe des Kreis-Symbols und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.

Anzeigename des Benutzers
Zieht dynamisch den vollständigen Namen des Teilnehmers ein. Standardmäßig „Anonymer Benutzer“, wenn der Teilnehmer keinen Namen eingegeben hat.
![]()
Prämien
Hinweis: Belohnung Komponenten können nur für Widgets und Microsites mit verifiziertem Zugriff verwendet werden.
Task-Karten-Feed
Task-Karten ermöglichen es Ihren Nutzern, Aktionen auszuführen oder ihren Fortschritt in Richtung der Ziele des Advocate-Programms direkt im Widget oder in der Microsite zu sehen. Diese Komponente fügt Ihrem Widget oder Ihrer Microsite mehrere Task-Karten hinzu. Die Schaltflächenfarbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.

Belohnungstausch
Ermöglichen Sie Teilnehmern, verdiente Belohnungen gegen eine andere Art von Belohnung einzutauschen.
Sie müssen Belohnungstausch eingerichtet haben, um diese Funktion zu verwenden.

Belohnungstabelle
Zeigt eine Liste der Belohnungen an, die der Teilnehmer verdient hat. Kann manuelle Belohnungen und/oder Belohnungen aus mehreren Advocate-Programmen enthalten.

Spalte für Kundennotizen
Fügen Sie der Belohnungstabelle eine weitere Notizspalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.

Datums-Spalte
Fügen Sie der Belohnungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.

Belohnungsspalte
Fügen Sie der Belohnungstabelle eine weitere Belohnungsspalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.

Quellen-Spalte
Fügen Sie der Belohnungstabelle eine weitere Quellenspalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.

Statusspalte
Fügen Sie der Belohnungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.

Microsite-Komponenten
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.
Formular-Checkbox-Feld
Fügen Sie dem Registrierungsformular ein Kontrollkästchen hinzu. Sie können zuordnen, ob das Kästchen angekreuzt wurde, zu einem benutzerdefinierten Feld des Advocate-Teilnehmers. Lesen Sie „Ihre Einreichungen des Microsite-Registrierungsformulars anzeigen“ für weitere Informationen.

Formular-Dropdown-Feld
Fügen Sie dem Registrierungsformular eine Dropdown-Liste mit anpassbaren Listenelementen hinzu. Sie können das vom Nutzer ausgewählte Listenelement einem benutzerdefinierten Feld des Advocate-Teilnehmers zuordnen. Kontaktieren Sie den Support für Unterstützung dabei.

Formular-Eingabefeld
Fügen Sie dem Registrierungsformular ein freies Texteingabefeld hinzu. Sie können den vom Nutzer eingegebenen Text einem benutzerdefinierten Feld des Advocate-Teilnehmers zuordnen. Support kontaktieren für Unterstützung dabei.

Formular-Namensfelder
Fügen Sie dem Registrierungsformular ausfüllbare Felder für Vorname und Nachname hinzu.

Seitenleisten-Element
Fügen Sie der Seitenleisten-Navigation Ihrer Microsite eine neue Seite oder einen neuen Link hinzu. Kann nur innerhalb des „Eingeloggt“-Layouts der Microsite platziert werden.
![]()
Formular-Passwortfeld
Fügen Sie dem Registrierungsformular ein ausfüllbares Passwortfeld hinzu.

Sofortiger Zugriff
Sofortiger Zugriff Komponenten machen es für geworbene Freunde schnell und einfach, sich anzumelden oder Belohnungen einzulösen, ohne den Standard-Registrierungsprozess zu durchlaufen. Sie sind ideal für Programme mit Referral-Widgets für sofortigen Zugriff oder Registrierungsabläufen für Freunde.
Gutscheincode
Zeigt einen einlösbaren Code für eine Fuel-Tank-Belohnung an.
Die Belohnungs-Fuel-Tank muss verfügbare Gutscheincodes haben, damit diese Komponente wie vorgesehen funktioniert.

Advocate-Registrierung
Ermöglicht es neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen zu machen. Nach Eingabe ihrer E-Mail-Adresse gelangen die Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Empfehlungs-Sharelinks zugreifen können. Wird für das Widget zur sofortigen Website-Empfehlung verwendet.

Aktuellen Benutzer abmelden
Ermöglicht dem Betrachter, die personalisierte Anzeige für den Sofortzugriff zu verlassen.
![]()
Freundesregistrierung
Ermöglicht es geworbenen Freunden, ihre E-Mail-Adresse einzugeben, um sich zu registrieren. Nach Eingabe ihrer E-Mail-Adresse gelangen die Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Coupon-Code-Belohnung zugreifen können. Wird für das Widget für sofortigen Freundezugriff verwendet.

Layout
Layout Komponenten ermöglichen es Ihnen, andere Komponenten zu organisieren und zu gruppieren. Verwenden Sie sie, um Abschnitte, Zeilen, Spalten oder Tabs zu erstellen.
Hero-Layout mit zwei Spalten
Fügen Sie ein Hero-Layout mit zwei Inhalts-Spalten hinzu.

Zeilen-Layout-Container
Fügen Sie einen neuen Zeilen-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Zeile platziert werden.

Spalten-Layout-Container
Fügen Sie einen neuen Spalten-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Spalte platziert werden.

Tab
Fügen Sie einer allgemeinen Tab-Gruppe einen neuen Tab hinzu.

Allgemeine Tab-Gruppe
Fügen Sie eine Gruppe von Tabs hinzu. Jeder Tab kann unterschiedliche Komponenten und Inhalte enthalten. Standardmäßig sind drei Tabs enthalten, können aber bei Bedarf entfernt oder hinzugefügt werden.

Titelabschnitt
Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und einen Absatztext enthält. Andere Komponenten können dem Titelabschnitt unter der Überschrift hinzugefügt werden.

Rechnungen
Rechnung Komponenten ermöglichen es Ihnen, Rechnungskomponenten einzufügen, um Ertragsdaten anzuzeigen.
Rechnungstabelle
Fügen Sie ein aufklappbares Rechnung-Accordion hinzu, das Ertragsdaten enthält.

Datenspalte der Rechnungstabelle
Fügen Sie Ihrer Rechnungstabellen-Komponente eine neue Spalte hinzu.

Die Bestenliste Die Komponente ermöglicht es Ihnen, Ihre Programmteilnehmer zu ranken, Belohnungen für Top-Performer anzubieten und Teilnehmer zu motivieren, um in Ihrem Programm bessere Ergebnisse zu erzielen. Fügen Sie Bestenlisten zu Ihrem Widget für verifizierten Zugriff oder Micrositehinzu, und konfigurieren Sie das Bewertungssystem, das Rangsystem und die Optionen zur Teilnehmerfilterung. Weitere Informationen finden Sie in den folgenden Artikeln:
Empfehlung gestartet
Diese Art von Bestenliste rankt Teilnehmer nach der Anzahl der Empfehlungen, die sie initiiert haben. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der initiierten Empfehlungen.

Empfehlung konvertiert
Diese Art von Bestenliste rankt Teilnehmer nach der Anzahl der Empfehlungen, die sie konvertiert haben. Empfehlungen gelten als konvertiert, sobald der geworbene Freund ein Programmziel erreicht, z. B. einen Kauf in der von Ihnen festgelegten Höhe tätigt. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der konvertierten Empfehlungen.

Verdiente Punkte
Diese Art von Bestenliste rankt 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 Bestenlisten-Typ ist nur für den Punkt-Belohnungstyp gültig.

Anonyme Bestenliste
Eine vollständig anonymisierte Version der Bestenliste, die keine personenbezogenen Informationen über andere Programmteilnehmer anzeigt. Kann jeden Bestenlisten-Typ anzeigen.

Steuern und Bargeld
Steuern und Bargeld Komponenten ermöglichen es Ihnen, die Erfassung von Steuerformularen und Optionen für Barauszahlungen in Ihr Widget für verifizierten Zugriff oder Microsite.
Diese Komponenten-Gruppe ist nur verfügbar, wenn die Barauszahlungen Funktion für Ihr Konto aktiviert wurde.
Warnung zum Auszahlungsstatus
Warnen Sie den Teilnehmer vor den Maßnahmen, die er ergreifen muss, bevor er eine Barauszahlung erhalten kann. Die Komponente enthält eine Call-to-Action-Schaltfläche, die den Teilnehmer zu seinen Auszahlungs-Einstellungen führt.
Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer sieht, wenn er die Komponente betrachtet.

Bargeldauszahlungsformular für Microsite & Widget
Fügen Sie ein Formular ein, das die Bankdaten der Teilnehmer und alle zutreffenden Steuerformulare erfasst, wie z. B. ein W-8 oder W-9.
Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer sieht, wenn er das Formular betrachtet.
Sie können in dieser Komponente auch Verifizierungswarnungen und -anforderungen festlegen.

Teilen
Teilen Komponenten bieten Teilnehmern praktische 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, z. B. Facebook, LinkedIn, WhatsAppoder E-Mail-mit einer vorab ausgefüllten Nachricht oder einem Link, bereit zum Senden.
Einige Komponenten, wie der Empfehlungs-Code, zeigen den individuellen Empfehlungs- oder Promo-Code des Teilnehmers zusammen mit einer Option zum Kopieren in die Zwischenablage für schnelles Teilen. Andere, wie Promo-Codes, stellen mehrere verfügbare Codes (falls zugewiesen) in einer Slider-Ansicht dar und enthalten Teilen-Schaltflächen, sodass Teilnehmer den ausgewählten Code sofort posten oder senden können. Diese Tools machen es den Teilnehmern leicht, die Werbetrommel zu rühren und neue Empfehlungen zu generieren.
Empfehlungscode
Zeigt ein Empfehlungs-Code-Feld mit einer Option zum Kopieren in die Zwischenablage an. Wird als Teil der Promo-Codes-Funktion verwendet.

Promo-Codes
Vorgefertigter Komponentenblock, der ein Empfehlungs-Promo-Code-Feld mit Slider zum Wechseln zwischen verschiedenen Codes enthält, wenn mehr als einer zugewiesen wurde. Er enthält außerdem einen Share-Link sowie Facebook-, LinkedIn- und Twitter-/X-Teilen-Schaltflächenkomponenten.

Facebook-Teilen-Schaltfläche
Zeigt eine „Auf Facebook teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im Facebook-Profil des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

X-Teilen-Schaltfläche
Zeigt eine „Über X teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im X-Konto des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

E-Mail-Teilen-Schaltfläche
Zeigt eine „Per E-Mail teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken öffnet die Schaltfläche die Standard-E-Mail-Anwendung des Nutzers und erstellt eine neue E-Mail mit den vorab geladenen Social-Messaging-Inhalten der Marke.

Mobile-Teilen-Blatt-Schaltfläche
Zeigt eine Schaltfläche zum Teilen im Webbrowser des Teilnehmers an. Beim Klicken öffnet die Schaltfläche 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 Nachricht mit den vorab geladenen Social-Messaging-Inhalten der Marke erstellt.

LinkedIn-Teilen-Schaltfläche
Zeigt eine „Auf LinkedIn teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

SMS-Teilen-Schaltfläche
Zeigt eine „Einem Freund schreiben“-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 vorab geladenen Social-Messaging-Inhalten der Marke erstellt.

Messenger-Teilen-Schaltfläche
Zeigt eine „Über Messenger teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht in der Facebook-Messenger-App des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

WhatsApp-Teilen-Schaltfläche
Zeigt eine „Über WhatsApp teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

LINE-Teilen-Schaltfläche
Zeigt eine „Über Line Messenger teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einer neuen Nachricht in der Line-Messenger-App des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

Pinterest-Teilen-Schaltfläche
Zeigt eine „Auf Pinterest teilen“-Schaltfläche mit anpassbarem Text an. Beim Klicken leitet die Schaltfläche zu einem neuen Beitrag im Pinterest-Profil des Nutzers weiter, wobei die Social Messaging-Inhalte der Marke bereits vorab geladen sind.

Share-Link
Zeigt den Share-Link des Teilnehmers für dieses Programm an.

QR-Code
Zeigt den Share-Link des Teilnehmers für dieses Programm in Form eines QR-Codes an.

Empfehlungen
Empfehlung Komponenten zeigen Informationen über die geworbenen Freunde des Teilnehmers und deren Konversionsstatus an. Sie erleichtern es den Teilnehmern nachzuverfolgen, wen sie geworben haben, wann Konversionen stattgefunden haben und welche Belohnungen aus diesen Empfehlungen verdient wurden.
Empfehlungskarte
Vorgefertigter Komponentenblock, der Programm-Zeitachse, Share-Linkund Facebook, LinkedIn, und Twitter / X Teilen-Schaltflächenkomponenten. Kann bei Bedarf andere Komponenten hinzufügen oder entfernen.

Empfehlungstabelle
Zeigt eine Tabelle mit den geworbenen Freunden des Teilnehmers, dem Konversionsdatum und dem Konversionsstatus an.

Datumsspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Komponente „Empfehlungstabelle“ platziert werden.

Belohnungsspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Belohnungsspalte hinzu. Muss innerhalb der Komponente „Empfehlungstabelle“ platziert werden.

Statusspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Komponente „Empfehlungstabelle“ platziert werden.

Benutzerspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Kunden-(geworbener Freund)-Spalte hinzu. Muss innerhalb der Komponente „Empfehlungstabelle“ platziert werden.

Erweitert
Erweiterte Komponenten geben Ihnen mehr Kontrolle darüber, was Teilnehmer sehen und wann sie es sehen. Sie ermöglichen eine bedingte Anzeige von Inhalten, Programm-Überschreibungen und andere spezialisierte Konfigurationen, die helfen, das Erlebnis für bestimmte Zielgruppen anzupassen.
Bedingter Bereich / Segment
Zeigt Inhalte in diesem Abschnitt nur an, wenn der Teilnehmer zu einem bestimmten Nutzersegment.
Um das Benutzersegment festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im Bedingungs Feld.
Benutzer innerhalb des festgelegten Segments sehen alle im bedingten Abschnitt angezeigten Inhalte, während Benutzer außerhalb des Segments die Inhalte nicht sehen.

Bedingter Bereich / Feld
Zeigt Inhalte in diesem Abschnitt nur an, wenn ein benutzerdefinierten Feld im Profil des Teilnehmers einen bestimmten Wert enthält.
Um den Namen und den Wert des benutzerdefinierten Felds festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im Bedingungs Feld.
Benutzer mit dem korrekten Wert des benutzerdefinierten Felds sehen alle im bedingten Abschnitt angezeigten Inhalte, während Benutzer ohne den korrekten Wert die Inhalte nicht sehen.

Programmabschnitt
Die Komponente „Programmabschnitt“ ermöglicht es Ihnen, die Programm-ID ihrer untergeordneten Komponenten zu überschreiben. Verwenden Sie sie, wenn Sie Inhalte anzeigen möchten, die nicht mit einem bestimmten Programm verknüpft sind. Standardmäßig in den meisten Widget- und Microsite-Vorlagen enthalten.

Zuletzt aktualisiert
War das hilfreich?


