Komponenten von Widgets & Microsites erklärt
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.
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 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.
Statistiken
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.
Punktestand
Zeigt den Punktestand des Teilnehmers an. Verwendet in Advocate-Programmen, 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 abgegeben hat. Einschließlich gestarteter und konvertierter 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 Wunsch 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 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.
Zweispaltiges Hero-Bild
Ein Bannerbild und Kopfzeilentext, die sich über zwei Spalten erstrecken. Bild, Text und Hintergrundfarbe können aktualisiert werden.
Overlay-Hero-Bild
Ein Bannerbild mit überlagertem Text. Bild, Text und Hintergrundfarbe können aktualisiert werden.
Bild
Ein Bild. 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 Markenfarbe gesteuert, die auf Marken-Container-Ebene festgelegt ist.
Programm-Erklärung
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.
Programmerklärungs-Schritt
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.
Programm-Zeitleiste
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.
Zeitleisten-Eintrag
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.
Anzeige des Benutzernamens
Zieht dynamisch den vollständigen Namen des Teilnehmers ein. Standardmäßig „Anonymer Benutzer“, wenn der Teilnehmer keinen Namen eingegeben hat.
Belohnungen
Hinweis: Belohnungs- Komponenten können nur für verifizierte Zugangswidgets und Microsites verwendet werden.
Aufgaben-Karten-Feed
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.
Belohnungs-Tausch
Ermöglichen Sie Teilnehmern, verdiente Belohnungen gegen eine andere Art von Belohnung einzutauschen.
Sie müssen Belohnungs-Tausch eingestellt haben, um diese Funktion zu nutzen.
Belohnungstabelle
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.
Kundennotiz-Spalte
Fügen Sie der Belohnungstabelle eine zusätzliche Notizspalte hinzu. Muss innerhalb der Belohnungstabelle-Komponente platziert werden.
Datums-Spalte
Fügen Sie der Belohnungstabelle eine zusätzliche Datums-Spalte hinzu. Muss innerhalb der Belohnungstabelle-Komponente platziert werden.
Belohnungs-Spalte
Fügen Sie der Belohnungstabelle eine zusätzliche Belohnungsspalte hinzu. Muss innerhalb der Belohnungstabelle-Komponente platziert werden.
Quellen-Spalte
Fügen Sie der Belohnungstabelle eine zusätzliche Quellen-Spalte hinzu. Muss innerhalb der Belohnungstabelle-Komponente platziert werden.
Status-Spalte
Fügen Sie der Belohnungstabelle eine zusätzliche Status-Spalte hinzu. Muss innerhalb der Belohnungstabelle-Komponente 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 Program-Widgets hinzugefügt werden.
Formular-Kontrollkästchen-Feld
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.
Formular-Dropdown-Feld
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.
Formular-Eingabefeld
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. Kontaktieren Sie den Support für Unterstützung dabei.
Formular-Namefelder
Fügen Sie ausfüllbare Felder für Vorname und Nachname zum Registrierungsformular hinzu.
Seitenleisten-Element
Fügen Sie eine neue Seite oder einen Link zur Seitenleisten-Navigation Ihrer Microsite hinzu. Kann nur im angemeldeten Layout der Microsite platziert werden.
Formular-Passwortfeld
Fügen Sie dem Registrierungsformular ein ausfüllbares Passwortfeld hinzu.
Sofortiger Zugriff
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.
Gutscheincode
Zeigt einen einlösbaren Code für eine Fuel-Tank-Belohnung an.
Der Belohnungs-Fuel-Tank muss verfügbare Gutscheincodes haben, damit diese Komponente wie vorgesehen funktioniert.
Advocate-Registrierung
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.
Aktuellen Benutzer abmelden
Ermöglichen Sie dem Betrachter, die personalisierte Sofortzugriffs-Anzeige zu verlassen.
Friend-Registrierung
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.
Layout
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.
Zweispaltiges Hero-Layout
Fügen Sie ein Hero-Layout mit zwei Inhalts-Spalten hinzu.
Reihen-Layout-Container
Fügen Sie einen neuen Reihen-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Reihe 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.
Registerkarte
Fügen Sie einer generischen Registerkartengruppe eine neue Registerkarte hinzu.
Generische Registerkartengruppe
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.
Gekippter Abschnitt
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.
Rechnungen
Rechnung Komponenten ermöglichen es Ihnen, Rechnungskomponenten einzufügen, um Verdienstdaten anzuzeigen.
Rechnungstabelle
Fügen Sie ein erweiterbares Rechnungs-Accordion hinzu, das Verdienstdaten enthält.
Rechnungstabelle Datums-Spalte
Fügen Sie Ihrer Rechnungstabelle eine neue Spalte hinzu.
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 oder Micrositehinzu und konfigurieren Sie das Punktesystem, das Rangsystem und die Teilnehmerfilteroptionen. Siehe die untenstehenden Artikel für weitere Informationen:
Empfehlung gestartet
Diese Art von Bestenliste ordnet Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen. Die Punktzahlen Ihrer Kundenadvocates 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 hat, wie z. B. einen von Ihnen definierten Kauf zu tätigen. Die Punktzahlen Ihrer Kundenadvocates entsprechen der Anzahl der konvertierten Empfehlungen.
Erlangte 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 Bestenlistentyp ist nur für den Belohnungstyp Punkt gültig.
Anonyme Bestenliste
Eine vollständig anonymisierte Version der Bestenliste, die keine persönlich identifizierbaren Informationen über andere Programmteilnehmer anzeigt. Kann jeden Bestenlistentyp anzeigen.
Steuern und Bargeld
Steuer- und Bargeld- Komponenten ermöglichen es Ihnen, die Erfassung von Steuerformularen und Auszahlungsoptionen in bar in Ihre Widget mit verifiziertem Zugang oder Microsite.
Diese Komponentengruppe ist nur verfügbar, wenn die Bar-Auszahlungen Funktion für Ihr Konto aktiviert wurde.
Auszahlungs-Status-Benachrichtigung
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.
Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sehen wird, wenn er die Komponente aufruft.
Microsite- & Widget-Barauszahlungsformular
Fügen Sie ein Formular ein, das die Bankinformationen der Teilnehmer und gegebenenfalls erforderliche Steuerformulare wie W-8 oder W-9 erfasst.
Passen Sie optional alle Textbeschreibungen an, die der Teilnehmer sehen wird, wenn er das Formular aufruft.
Sie können in dieser Komponente auch Verifizierungswarnungen und -anforderungen festlegen.
Teilen
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, WhatsAppoder E-Mailmit 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.
Empfehlungs-Code
Zeigt ein Empfehlungs-Code-Feld mit einer Kopieren-in-die-Zwischenablage-Option an. Wird als Teil der Promo-Codes-Funktionalität verwendet.
Promo-Codes
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.
Facebook-Share-Schaltfläche
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.
X-Share-Schaltfläche
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.
E-Mail-Share-Schaltfläche
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.
Mobile Share Sheet-Schaltfläche
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.
LinkedIn-Share-Schaltfläche
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.
SMS-Share-Schaltfläche
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.
Messenger-Share-Schaltfläche
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.
WhatsApp-Share-Schaltfläche
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.
LINE-Share-Schaltfläche
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.
Pinterest-Share-Schaltfläche
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.
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 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.
Empfehlungs-Karte
Vorformatierter Komponentenblock, der Programm-Zeitleiste, Share-Linkund Facebook, LinkedIn, und Twitter / X Share-Button-Komponenten enthält. Andere Komponenten können nach Bedarf hinzugefügt oder entfernt werden.
Empfehlungstabelle
Zeigt eine Tabelle mit den empfohlenen Freunden des Teilnehmers, dem Konvertierungsdatum und dem Konvertierungsstatus an.
Empfehlungstabelle Datums-Spalte
Fügen Sie der Empfehlungstabelle eine zusätzliche Datums-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-Komponente platziert werden.
Empfehlungstabelle Belohnungs-Spalte
Fügen Sie der Empfehlungstabelle eine zusätzliche Belohnungsspalte hinzu. Muss innerhalb der Empfehlungstabelle-Komponente platziert werden.
Empfehlungstabelle Status-Spalte
Fügen Sie der Empfehlungstabelle eine zusätzliche Status-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-Komponente platziert werden.
Empfehlungstabelle Benutzer-Spalte
Fügen Sie der Empfehlungstabelle eine zusätzliche Kunden-(empfohlener Freund)-Spalte hinzu. Muss innerhalb der Empfehlungstabelle-Komponente 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überschreibungen und andere spezialisierte Konfigurationen, die 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 im Bedingungs- Feld.
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.
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 des benutzerdefinierten Feldes und den Wert festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im Bedingungs- Feld.
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.
Programmabschnitt
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.
Zuletzt aktualisiert
War das hilfreich?