Komponenten von Widget und Microsite 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 granularen Zugriff darauf wünschen, welche Komponenten Ihre Microsites verwenden, kontaktieren Sie uns, um Ihr Programm zu upgraden.
Komponenten sind die einzelnen Bausteine, wie Hero-Bilder und Aufgaben-Karten, die das Widget oder die Microsite Ihres Advocate-Programms bilden. Diese Elemente prägen die Teilnehmererfahrung und können an Ihre Marke angepasst werden.
Dieser Artikel bietet eine kategorisierte Liste der verfügbaren Komponenten innerhalb der Widget- und Microsite-Editoren. Die meisten Komponenten unterstützen Styling und Anpassung, obwohl einige Design-Einschränkungen haben. Sie können außerdem die Zustände Ihrer Komponenten in der Editor-Oberfläche in der Vorschau ansehen.
Statistiken
Verwenden Sie Statistiken Komponenten, damit Ihre Teilnehmer sehen können, wie sie in Ihrem Programm abschneiden. Eine Liste der Statistiken, die diese Komponenten unterstützen können, finden Sie unter Widget- und Microsite-Statistiken.
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, wie viele Empfehlungen der Teilnehmer gemacht hat. Enthält gestartete und konvertierte Empfehlungen.
Container mit drei Statistiken
Eine Vorlage mit Platz für drei Statistiken. Die angezeigten Statistiken können geändert werden. Statistiken können nach Bedarf hinzugefügt und entfernt werden.
Sonstige Statistik
Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Belohnungsstatistiken wählen oder eine benutzerdefinierte Statistik erstellen.
Allgemeine Komponenten
Allgemeine Komponenten werden häufig verwendet, um sowohl die Funktionalität als auch die Designkonsistenz in Ihrem Widget oder Ihrer Microsite zu verbessern. Sie umfassen allgemeine visuelle und strukturelle Elemente wie Hero-Bilder, Layout-Formatierung und beschreibende Programmschritte.
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.
Überlagertes Hero-Bild
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.
Programm-Erklärer
Eine Vorlage, die erklärt, wie ein Advocate-Programm funktioniert, z. B. wie Belohnungen verdient werden. Enthält standardmäßig zwei Schritte zur Programmerklärung. Weitere Schritte können hinzugefügt werden. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Schritt im Programm-Erklärer
Fügen Sie beschreibenden Text hinzu, um einen Teil Ihres Programms zu erklären. Passt in eine Komponente für Programmerklärungen. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Programm-Zeitleiste
Zeigen Sie Ihren Teilnehmern eine Übersicht über den Empfehlungsweg und die Belohnungen an. Fügen Sie Zeitleisten-Einträge nach Bedarf hinzu oder entfernen Sie sie. Die Farbe des Kreis-Icons und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Zeitleisten-Eintrag
Passt in eine Komponente für die Programm-Zeitleiste, um einen Schritt des Empfehlungswegs anzuzeigen. Die Farbe des Kreis-Icons und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Anzeige des Benutzernamens
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.
Aufgaben-Karten-Feed
Aufgaben-Karten ermöglichen es Ihren Nutzern, direkt über das Widget oder die Microsite Aktionen auszuführen oder ihren Fortschritt in Richtung der Ziele des Advocate-Programms zu sehen. Diese Komponente fügt Ihrem Widget oder Ihrer Microsite mehrere Aufgaben-Karten hinzu. Die Schaltflächenfarbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Belohnungstausch
Ermöglichen Sie den 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 vom Teilnehmer verdienten Belohnungen an. Kann manuelle Belohnungen und/oder Belohnungen aus mehreren Advocate-Programmen enthalten.
Spalte für Kundenhinweis
Fügen Sie der Belohnungstabelle eine weitere Hinweis-Spalte hinzu. Muss innerhalb der Komponente „Belohnungstabelle“ platziert werden.
Datenspalte
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.
Quellenspalte
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 Navigationsseitenleiste Ihrer Microsite verwendet. Diese Komponenten können nicht zu Programm-Widgets hinzugefügt werden.
Checkbox-Feld im Formular
Fügen Sie dem Registrierungsformular ein Kontrollkästchen hinzu. Sie können zuordnen, ob das Kästchen aktiviert wurde, zu einem benutzerdefinierten Feld beim Advocate-Teilnehmer. Weitere Informationen finden Sie unter „Ihre Microsite-Registrierungsformular-Einsendungen ansehen“.
Dropdown-Feld im Formular
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 beim Advocate-Teilnehmer zuordnen. Wenden Sie sich hierfür an den Support.
Eingabefeld im Formular
Fügen Sie dem Registrierungsformular ein freies Texteingabefeld hinzu. Sie können den vom Nutzer eingegebenen Text einem benutzerdefinierten Feld beim Advocate-Teilnehmer zuordnen. Support kontaktieren für Unterstützung dabei.
Namensfelder im Formular
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 im angemeldeten Layout der Microsite platziert werden.
Passwortfeld im Formular
Fügen Sie dem Registrierungsformular ein ausfüllbares Passwortfeld hinzu.
Sofortzugriff
Sofortzugriff Komponenten machen es für empfohlene Freunde schnell und einfach, sich anzumelden oder Belohnungen einzulösen, ohne den normalen Registrierungsprozess durchlaufen zu müssen. Sie sind ideal für Programme, die Referral-Widgets mit Sofortzugriff oder Anmeldeflüsse für Freunde verwenden.
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
Erlauben Sie neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen zu machen. Nach Eingabe ihrer E-Mail-Adresse werden Nutzer zu einem zweiten Bildschirm weitergeleitet, auf dem sie auf ihre Empfehlungs-Sharelinks zugreifen können. Wird für das Website-Referral-Widget mit Sofortzugriff verwendet.
Aktuellen Benutzer abmelden
Ermöglichen Sie dem Betrachter, die personalisierte Sofortzugriffsanzeige zu verlassen.
Freund-Registrierung
Ermöglichen Sie empfohlenen Freunden, ihre E-Mail-Adresse einzugeben, um sich zu registrieren. Nach Eingabe ihrer E-Mail-Adresse werden Nutzer zu einem zweiten Bildschirm weitergeleitet, auf dem sie auf ihre Gutschein-Code-Belohnung zugreifen können. Wird für das Freund-Widget mit Sofortzugriff 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 Inhaltsspalten hinzu.
Zeilen-Layout-Container
Fügen Sie einen neuen Zeilen-Container für Inhalte hinzu. Weitere Komponenten können in der Zeile platziert werden.
Spalten-Layout-Container
Fügen Sie einen neuen Spalten-Container für Inhalte hinzu. Weitere Komponenten können in 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 vorhanden, diese können jedoch bei Bedarf entfernt oder hinzugefügt werden.
Betitelter Abschnitt
Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und einen Absatztext enthält. Unter der Überschrift können dem betitelten Abschnitt weitere Komponenten hinzugefügt werden.
Rechnungen
Rechnung Komponenten ermöglichen es Ihnen, Rechnungs-Komponenten einzufügen, um Ertragsdaten anzuzeigen.
Rechnungstabelle
Fügen Sie ein aufklappbares Rechnungs-Akkordeon hinzu, das Ertragsdaten enthält.
Datumsspalte der Rechnungstabelle
Fügen Sie Ihrer Rechnungstabellen-Komponente eine neue Spalte hinzu.
Die Bestenliste Komponente ermöglicht es Ihnen, Ihre Programmteilnehmer zu ranken, Belohnungen für Top-Performer anzubieten und Teilnehmer zu motivieren, bessere Ergebnisse in Ihrem Programm zu erzielen. Fügen Sie Bestenlisten zu Ihrem Widget mit verifiziertem Zugriff oder Micrositehinzu und konfigurieren Sie das Bewertungssystem, das Rankingsystem und die Optionen zur Teilnehmerfilterung. Weitere Informationen finden Sie in den folgenden Artikeln:
Empfehlung gestartet
Diese Art von Bestenliste ordnet Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der initiierten Empfehlungen.
Empfehlung konvertiert
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, etwa einen von Ihnen festgelegten Kaufwert. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der konvertierten Empfehlungen.
Verdiente Punkte
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 Bestenlisten-Typ ist nur für den Belohnungstyp „Punkte“ 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 Auszahlung in bar
Steuern und Auszahlung in bar Komponenten ermöglichen es Ihnen, in Ihren Widget mit verifiziertem Zugriff oder Microsite.
Diese Komponentengruppe ist nur verfügbar, wenn die Barauszahlungen Funktion für Ihr Konto aktiviert wurde.
Warnhinweis zum Auszahlungsstatus
Weisen Sie den Teilnehmer auf Maßnahmen hin, 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 Auszahlungseinstellungen führt.
Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sieht, wenn er die Komponente aufruft.
Cash-Auszahlungsformular für Microsite & Widget
Fügen Sie ein Formular ein, das die Bankdaten der Teilnehmer und alle zutreffenden Steuerformulare, wie W-8 oder W-9, erfasst.
Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sieht, wenn er das Formular aufruft.
Sie können auch Verifizierungswarnungen und -anforderungen innerhalb dieser Komponente festlegen.
Teilen
Teilen Komponenten ermöglichen es Teilnehmern, ihre Empfehlungslinks und Codes bequem ü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 vorbefüllten Nachricht oder einem Link, bereit zum Senden.
Einige Komponenten, wie „Empfehlungscode“, zeigen den individuellen Empfehlungs- oder Promo-Code des Teilnehmers zusammen mit einer Kopier-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 machen es den Teilnehmern leicht, die Nachricht zu verbreiten und neue Empfehlungen zu generieren.
Empfehlungscode
Zeigt ein Empfehlungscode-Feld mit der Option zum Kopieren in die Zwischenablage an. Wird als Teil der Promo-Codes-Funktion verwendet.
Promo-Codes
Vordefinierter Komponentenblock, der ein Empfehlungs-Promo-Code-Feld mit Slider enthält, um zwischen verschiedenen Codes umzuschalten, wenn mehr als einer zugewiesen wurde. Außerdem enthält er einen Teilen-Link sowie Teilen-Schaltflächen für Facebook, LinkedIn und Twitter / X.
Facebook-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Auf Facebook teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einem neuen Beitrag im Facebook-Profil des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
X-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Über X teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einem neuen Beitrag im X-Konto des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
E-Mail-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Per E-Mail teilen“ mit anpassbarem Text an. Beim Klicken öffnet die Schaltfläche die Standard-E-Mail-Anwendung des Nutzers und startet eine neue E-Mail mit der Social-Messaging-Nachricht der Marke vorab geladen.
Mobilen Share-Sheet-Schaltfläche
Zeigt eine Schaltfläche zum Teilen im Webbrowser des Teilnehmers an. Beim Klicken öffnet die Schaltfläche ein Menü, in dem alle verfügbaren Apps aufgelistet sind, die der Nutzer zum Teilen seines Links öffnen kann. Wenn eine App ausgewählt wird, wird ein neuer Beitrag oder eine neue Nachricht mit der Social-Messaging-Nachricht der Marke vorab geladen erstellt.
LinkedIn-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Auf LinkedIn teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
SMS-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Einem Freund schreiben“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zur standardmäßigen SMS-/Textnachrichten-App des Nutzers weitergeleitet, und eine neue SMS-/Textnachricht wird mit der Social-Messaging-Nachricht der Marke vorab geladen erstellt.
Messenger-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Über Messenger teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einer neuen Nachricht in der Facebook-Messenger-App des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
WhatsApp-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Über WhatsApp teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
LINE-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Über Line Messenger teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einer neuen Nachricht in der Line-Messenger-App des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
Pinterest-Teilen-Schaltfläche
Zeigt eine Schaltfläche „Auf Pinterest teilen“ mit anpassbarem Text an. Beim Klicken wird die Schaltfläche zu einem neuen Beitrag im Pinterest-Profil des Nutzers weitergeleitet, wobei die Social-Messaging-Nachricht der Marke vorab geladen ist.
Link teilen
Zeigt den Freigabelink des Teilnehmers für dieses Programm an.
QR-Code
Zeigt den Freigabelink des Teilnehmers für dieses Programm in Form eines QR-Codes an.
Empfehlungen
Empfehlung Komponenten zeigen Informationen über die empfohlenen Freunde des Teilnehmers und deren Konvertierungsstatus an. Sie erleichtern es den Teilnehmern, zu verfolgen, wen sie empfohlen haben, wann Konvertierungen stattgefunden haben und welche Belohnungen aus diesen Empfehlungen verdient wurden.
Empfehlungskarte
Vordefinierter Komponentenblock, der Programm-Zeitleiste, Freigabelinkund Facebook, LinkedIn, und Twitter / X Teilen-Schaltflächen-Komponenten enthält. Weitere Komponenten können nach Bedarf hinzugefügt oder entfernt werden.
Empfehlungstabelle
Zeigt eine Tabelle an, die die empfohlenen Freunde des Teilnehmers, das Konvertierungsdatum und den Konvertierungsstatus anzeigt.
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-(empfohlener 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 die bedingte Anzeige von Inhalten, Programm-Overrides und andere spezialisierte Konfigurationen, die dabei helfen, die Erfahrung für bestimmte Zielgruppen anzupassen.
Bedingter Bereich / Segment
Zeigen Sie Inhalte in diesem Abschnitt nur an, wenn der Teilnehmer zu einem bestimmten Benutzersegment.
Um das Benutzersegment festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck in der Bedingung hinzu.
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
Zeigen Sie Inhalte in diesem Abschnitt nur an, wenn ein benutzerdefiniertes Feld im Profil des Teilnehmers einen bestimmten Wert enthält.
Um den Namen und den Wert des benutzerdefinierten Feldes festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck in der Bedingung hinzu.
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.
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. In den meisten Widget- und Microsite-Vorlagen standardmäßig enthalten.
Zuletzt aktualisiert
War das hilfreich?