Komponenten von Widgets und Microsites 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 upgraden.
Komponenten sind die einzelnen Bausteine, wie Hero-Bilder und Aufgaben-Karten, aus denen das Widget oder die Microsite Ihres Advocate-Programms besteht. Diese Elemente prägen die Teilnehmererfahrung und können an Ihre Marke angepasst werden.
Dieser Artikel enthält eine kategorisierte Liste der verfügbaren Komponenten in den Widget- und Microsite-Editoren. Die meisten Komponenten unterstützen Styling und Anpassungen, obwohl einige Design-Einschränkungen haben. Sie können Ihre Komponenten-States auch direkt in der Editor-Oberfläche in der Vorschau anzeigen.
Statistiken
Verwenden Sie Statistiken Komponenten, damit Ihre Teilnehmer sehen, wie sie in Ihrem Programm abschneiden. Eine Liste der von diesen Komponenten unterstützten Statistiken finden Sie unter Statistiken für Widget und Microsite.
Punktestand
Zeigt das Punktguthaben des Teilnehmers an. Wird in Advocate-Programmen verwendet, die Teilnehmer mit Punkten belohnen.
Verdiente Geschenkkarten
Zeigt die Anzahl der vom Advocate verdienten Geschenkkarten-Belohnungen an.
Empfehlungen
Zeigt an, wie viele Empfehlungen der Teilnehmer gemacht hat. Beinhaltet gestartete und konvertierte Empfehlungen.
Container mit drei Statistiken
Eine Vorlage mit Platz für drei Statistiken. Die angezeigten Statistiken können geändert werden. Statistiken können nach Bedarf hinzugefügt und entfernt werden.
Sonstige Statistik
Zeigt eine Statistik Ihrer Wahl an. Sie können zwischen einer Empfehlungsstatistik, verschiedenen Belohnungsstatistiken wählen oder eine benutzerdefinierte Statistik erstellen.
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 ab, wie Hero-Bilder, Layout-Formatierung und beschreibende Programmschritte.
Hero-Bild mit zwei Spalten
Ein Bannerbild und eine Überschrift, die sich über zwei Spalten erstrecken. Bild, Text und Hintergrundfarbe können aktualisiert werden.
Hero-Bild mit Überlagerung
Ein Bannerbild mit überlagertem Text. Bild, Text und Hintergrundfarbe können aktualisiert werden.
Bild
Ein Bild. Die Hintergrundfarbe, Ausrichtung, Höhe und Breite können geändert werden.
Link-Button
Ein klickbarer Button, der Teilnehmer zu dem von Ihnen ausgewählten Link weiterleitet. Die Buttonfarbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Programmerläuterung
Eine Vorlage, die erklärt, wie ein Advocate-Programm funktioniert, zum Beispiel wie Belohnungen verdient werden. Enthält standardmäßig zwei Schritte zur Programmerläuterung. Weitere Schritte können hinzugefügt werden. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Schritt der Programmerläuterung
Fügen Sie beschreibenden Text hinzu, um einen Teil Ihres Programms zu erklären. Passt innerhalb einer Programmerläuterungskomponente. Die Farbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Programm-Zeitachse
Zeigen Sie Ihren Teilnehmern eine Übersicht über den Empfehlungsweg und die Belohnungen an. Fügen Sie Zeitachsen-Einträge nach Bedarf hinzu oder entfernen Sie sie. Die Farbe des Kreis-Symbols und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Zeitachsen-Eintrag
Passt innerhalb einer Programm-Zeitachsenkomponente, um einen Schritt des Empfehlungswegs anzuzeigen. Die Farbe des Kreis-Symbols und der Linien zwischen den Einträgen wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
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
Aufgaben-Karten-Feed
Aufgaben-Karten ermöglichen es Ihren Nutzern, Aktionen auszuführen oder den Fortschritt bei den Zielen des Advocate-Programms direkt im Widget oder in der Microsite zu sehen. Diese Komponente fügt Ihrem Widget oder Ihrer Microsite mehrere Aufgaben-Karten hinzu. Die Buttonfarbe wird durch die auf Ebene des Brand Containers festgelegte Markenfarbe gesteuert.
Belohnungstausch
Ermöglicht es den Teilnehmern, verdiente Belohnungen gegen eine andere Art von Belohnung einzutauschen.
Sie müssen Belohnungstausch eingerichtet haben, um diese Funktion zu nutzen.
Belohnungstabelle
Zeigt eine Liste der vom Teilnehmer verdienten Belohnungen an. Kann manuelle Belohnungen und/oder Belohnungen aus mehreren Advocate-Programmen enthalten.
Spalte für Kundennotiz
Fügen Sie der Belohnungstabelle eine weitere Notizspalte hinzu. Muss innerhalb der Belohnungstabellen-Komponente platziert werden.
Datumsspalte
Fügen Sie der Belohnungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Belohnungstabellen-Komponente platziert werden.
Belohnungsspalte
Fügen Sie der Belohnungstabelle eine weitere Belohnungsspalte hinzu. Muss innerhalb der Belohnungstabellen-Komponente platziert werden.
Quellspalte
Fügen Sie der Belohnungstabelle eine weitere Quellspalte hinzu. Muss innerhalb der Belohnungstabellen-Komponente platziert werden.
Statusspalte
Fügen Sie der Belohnungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Belohnungstabellen-Komponente 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 aktiviert wurde, zu einem benutzerdefinierten Feld am Advocate-Teilnehmer. Weitere Informationen finden Sie in „View Your Microsite Registration Form Submissions“.
Formular-Dropdown-Feld
Fügen Sie dem Registrierungsformular eine Dropdown-Liste mit anpassbaren Listeneinträgen hinzu. Sie können den vom Nutzer ausgewählten Listeneintrag einem benutzerdefinierten Feld am Advocate-Teilnehmer zuordnen. Wenden Sie sich hierfür an den Support.
Formular-Eingabefeld
Fügen Sie dem Registrierungsformular ein freies Texteingabefeld hinzu. Sie können den vom Nutzer eingegebenen Text einem benutzerdefinierten Feld am Advocate-Teilnehmer zuordnen. Wenden Sie sich an den Support für Unterstützung hierbei.
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 „Logged In Layout“ der Microsite platziert werden.
Formular-Passwortfeld
Fügen Sie dem Registrierungsformular ein ausfüllbares Passwortfeld hinzu.
Sofortzugriff
Sofortzugriff Komponenten machen es einfach und schnell, dass empfohlene Freunde sich anmelden oder Belohnungen einlösen, ohne den Standard-Registrierungsprozess durchlaufen zu müssen. Sie sind ideal für Programme, die Empfehlungs-Widgets mit Sofortzugriff oder Registrierungsabläufe für Freunde verwenden.
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 neuen Advocates, ihre E-Mail-Adresse einzugeben, um sich zu registrieren und Empfehlungen zu machen. Nach Eingabe ihrer E-Mail-Adresse gelangen Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Empfehlungs-Sharelinks zugreifen können. Wird für das Website-Empfehlungs-Widget mit Sofortzugriff verwendet.
Aktuellen Benutzer abmelden
Ermöglicht dem Betrachter, die personalisierte Sofortzugriffs-Anzeige zu verlassen.
Freundesregistrierung
Ermöglicht empfohlenen Freunden, ihre E-Mail-Adresse zur Registrierung einzugeben. Nach Eingabe ihrer E-Mail-Adresse gelangen Nutzer zu einem zweiten Bildschirm, auf dem sie auf ihre Gutschein-Code-Belohnung zugreifen können. Wird für das Friend-Widget mit Sofortzugriff verwendet.
Layout
Layout Komponenten ermöglichen es Ihnen, andere Komponenten zu organisieren und zu gruppieren. Verwenden Sie sie, um Abschnitte, Reihen, Spalten oder Tabs zu erstellen.
Hero-Layout mit zwei Spalten
Fügen Sie ein Hero-Layout mit zwei Inhaltsspalten hinzu.
Container für Reihen-Layout
Fügen Sie einen neuen Reihen-Container für Inhalte hinzu. Andere Komponenten können innerhalb der Reihe platziert werden.
Container für Spalten-Layout
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 allgemeinen Registerkartengruppe eine neue Registerkarte hinzu.
Allgemeine Registerkartengruppe
Fügen Sie eine Gruppe von Registerkarten hinzu. Jede Registerkarte kann unterschiedliche Komponenten und Inhalte enthalten. Standardmäßig sind drei Registerkarten vorhanden, aber Registerkarten können bei Bedarf entfernt oder hinzugefügt werden.
Schräger Abschnitt
Fügen Sie einen neuen Abschnitt hinzu, der eine Überschrift und Absatztext enthält. Weitere Komponenten können unter der Überschrift zum Abschnitt hinzugefügt werden.
Rechnungen
Rechnung Komponenten ermöglichen es Ihnen, Rechnungskomponenten einzufügen, um Einnahmendaten anzuzeigen.
Rechnungstabelle
Fügen Sie ein aufklappbares Rechnungs-Akkordeon hinzu, das Einnahmendaten enthält.
Datumsspalte der Rechnungstabelle
Fügen Sie Ihrer Rechnungstabellen-Komponente eine neue Spalte hinzu.
Die Bestenliste Die Komponente ermöglicht es Ihnen, Ihre Programmteilnehmer zu ranken, Top-Performern Belohnungen anzubieten und Teilnehmer zu motivieren, in Ihrem Programm bessere Ergebnisse zu erzielen. Fügen Sie Bestenlisten zu Ihrem Widget mit verifiziertem Zugriff oder Micrositehinzu und konfigurieren Sie das Bewertungssystem, das Rangordnungssystem und die Filteroptionen für Teilnehmer. Weitere Informationen finden Sie in den folgenden Artikeln:
Empfehlung gestartet
Diese Art von Bestenliste rankt Teilnehmer nach der Anzahl der von ihnen initiierten Empfehlungen. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der initiierten Empfehlungen.
Empfehlung konvertiert
Diese Art von Bestenliste rankt Teilnehmer nach der Anzahl der von ihnen konvertierten Empfehlungen. Empfehlungen gelten als konvertiert, sobald der empfohlene Freund ein Programmziel erreicht, z. B. einen von Ihnen festgelegten Kaufwert. Die Punktzahlen Ihrer Kunden-Advocates entsprechen der Anzahl der konvertierten Empfehlungen.
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 Punkte zählen, solange sie nicht ausstehend oder storniert sind. Dieser Bestenlisten-Typ ist nur für den Belohnungstyp Punkt 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, Steuerformular-Erfassung und Barauszahlungsoptionen in Ihr Widget mit verifiziertem Zugriff oder Microsite.
Diese Komponentengruppe ist nur verfügbar, wenn die Barauszahlungen Funktion für Ihr Konto aktiviert wurde.
Partner-Info-Modal
Fügt ein Modal ein, das die Länder- und Währungsinformationen der Teilnehmer erfasst. Diese Informationen stellen sicher, dass Ihre Teilnehmer ihre Belohnungen ohne Verzögerungen oder zusätzliche Einrichtungsschritte erhalten können.
Es hat zwei konfigurierbare Zustände, je nachdem, ob die E-Mail-Adresse des Teilnehmers bereits mit einem bestehenden Konto verknüpft ist:
Beschreibung für neue Partner: Wird Erstteilnehmern angezeigt. Der Standardtext („Bestätigen Sie jetzt Ihr Land und Ihre Währung, um Ihre zukünftigen Belohnungen schneller zu erhalten“) fordert sie auf, ihre Daten anzugeben, bevor sie ihren Sharelink erhalten.
Beschreibung für bestehende Partner: Wird angezeigt, wenn die E-Mail-Adresse des Teilnehmers bereits mit einem Konto auf impact.com verknüpft ist. Das Modal füllt seine Informationen vor und bittet ihn, sie zu bestätigen, anstatt sie neu einzugeben.
Warnung zum Auszahlungsstatus
Informiert den Teilnehmer über die Schritte, die er vor einer Barauszahlung durchführen muss. Die Komponente enthält einen Call-to-Action-Button, der den Teilnehmer zu seinen Auszahlungs-Einstellungen führt.
Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer beim Anzeigen der Komponente sieht.
Barauszahlungsformular für Microsite und Widget
Fügt ein Formular ein, das die Bankdaten der Teilnehmer und alle erforderlichen Steuerformulare wie ein W-8 oder W-9 erfasst.
Optional können Sie alle Textbeschreibungen anpassen, die der Teilnehmer beim Anzeigen des Formulars sieht.
Sie können in dieser Komponente auch Verifizierungswarnungen und Anforderungen festlegen.
Teilen
Teilen Komponenten bieten Teilnehmern bequeme Möglichkeiten, ihre Empfehlungslinks und -codes über mehrere Kanäle zu bewerben. Wenn ein Teilnehmer auf einen Sharing-Button klickt, wird der gewählte Kanal geöffnet, z. B. Facebook, LinkedIn, WhatsApp, oder E-Mailmit einer vorgefüllten Nachricht oder einem vorgefüllten Link, bereit zum Senden.
Einige Komponenten, wie der Empfehlungs-Code, zeigen den individuellen Empfehlungs- oder Promo-Code des Teilnehmers zusammen mit einer Kopieren-in-die-Zwischenablage-Option für das schnelle Teilen an. Andere, wie Promo-Codes, präsentieren mehrere verfügbare Codes (falls zugewiesen) in einer Slider-Ansicht und enthalten Sharing-Buttons, sodass Teilnehmer den ausgewählten Code sofort posten oder senden können. Diese Tools erleichtern es den Teilnehmern, die Nachricht zu verbreiten und neue Empfehlungen zu generieren.
Empfehlungscode
Zeigt ein Feld für den Empfehlungscode mit einer Kopieren-in-die-Zwischenablage-Option an. Wird als Teil der Promo-Codes-Funktion verwendet.
Promo-Codes
Vorgeformatierter Komponentenblock, der ein Feld für den Empfehlungs-/Promo-Code enthält, mit einem Slider zum Umschalten zwischen verschiedenen Codes, falls mehr als einer zugewiesen wurde. Enthält außerdem einen Share-Link sowie Sharing-Button-Komponenten für Facebook, LinkedIn und Twitter / X.
Facebook-Share-Button
Zeigt einen „Auf Facebook teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einem neuen Beitrag im Facebook-Profil des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
X-Share-Button
Zeigt einen „Über X teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einem neuen Beitrag im X-Konto des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
E-Mail-Share-Button
Zeigt einen „Per E-Mail teilen“-Button mit anpassbarem Text an. Beim Klicken öffnet der Button die Standard-E-Mail-Anwendung des Nutzers und erstellt eine neue E-Mail mit vorab geladener Social Messaging der Marke.
Mobile Share-Sheet-Schaltfläche
Zeigt einen Button zum Teilen im Webbrowser des Teilnehmers an. Beim Klicken öffnet der Button ein Menü mit allen verfügbaren Apps, die der Nutzer zum Teilen seines Links öffnen kann. Wenn eine App ausgewählt wird, wird ein neuer Beitrag oder eine neue Nachricht mit vorab geladener Social Messaging der Marke erstellt.
LinkedIn-Share-Button
Zeigt einen „Auf LinkedIn teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einem neuen Beitrag im LinkedIn-Profil des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
SMS-Share-Button
Zeigt einen „Einem Freund schreiben“-Button mit anpassbarem Text an. Beim Klicken wird der Button zur standardmäßigen SMS-/Textnachrichten-App des Nutzers weitergeleitet, und es wird eine neue SMS-/Textnachricht mit vorab geladener Social Messaging der Marke erstellt.
Messenger-Share-Button
Zeigt einen „Über Messenger teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einer neuen Nachricht in der Facebook-Messenger-App des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
WhatsApp-Share-Button
Zeigt einen „Über WhatsApp teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einer neuen Nachricht im WhatsApp-Konto des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
LINE-Share-Button
Zeigt einen „Über Line Messenger teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einer neuen Nachricht in der Line-Messenger-App des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
Pinterest-Share-Button
Zeigt einen „Auf Pinterest teilen“-Button mit anpassbarem Text an. Beim Klicken wird der Button zu einem neuen Beitrag im Pinterest-Profil des Nutzers weitergeleitet, wobei die Social Messaging der Marke vorab geladen ist.
Freigabelink
Zeigt den Sharelink des Teilnehmers für dieses Programm an.
QR-Code
Zeigt den Sharelink des Teilnehmers für dieses Programm in Form eines QR-Codes an.
Empfehlungen
Empfehlung Komponenten zeigen Informationen über die empfohlenen Freunde des Teilnehmers und ihren Konversionsstatus an. Sie erleichtern es den Teilnehmern, nachzuverfolgen, wen sie empfohlen haben, wann Konversionen stattgefunden haben und welche Belohnungen aus diesen Empfehlungen verdient wurden.
Empfehlungskarte
Vorgeformatierter Komponentenblock, der Programm-Zeitachse, Sharelink, und Facebook, LinkedIn, und Twitter / X Sharing-Button-Komponenten. Andere Komponenten können nach Bedarf hinzugefügt oder entfernt werden.
Empfehlungstabelle
Zeigt eine Tabelle an, die die vom Teilnehmer empfohlenen Freunde, das Konversionsdatum und den Konversionsstatus zeigt.
Datumsspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Datumsspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.
Belohnungsspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Belohnungsspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.
Statusspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Statusspalte hinzu. Muss innerhalb der Empfehlungstabellen-Komponente platziert werden.
Benutzerspalte der Empfehlungstabelle
Fügen Sie der Empfehlungstabelle eine weitere Kundenspalte (empfohlener Freund) hinzu. Muss innerhalb der Empfehlungstabellen-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-Overrides und andere spezialisierte Konfigurationen, die helfen, das Erlebnis 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 Bedingung Feld ein.
Benutzer innerhalb des festgelegten Segments sehen alle Inhalte, die im bedingten Abschnitt angezeigt werden, während Benutzer außerhalb des Segments die Inhalte nicht sehen.
Bedingter Bereich / Feld
Zeigen Sie Inhalte in diesem Abschnitt nur an, wenn ein benutzerdefinierten Feld im Profil des Teilnehmers einen bestimmten Wert enthält.
Um den Namen und Wert des benutzerdefinierten Felds festzulegen, öffnen Sie die Eigenschaften der Komponente und bearbeiten Sie den JSONata-Ausdruck im Bedingung Feld ein.
Benutzer mit dem richtigen Wert im benutzerdefinierten Feld sehen alle Inhalte, die im bedingten Abschnitt angezeigt werden, während Benutzer ohne den richtigen Wert im benutzerdefinierten Feld die Inhalte nicht sehen.
Programmabschnitt
Die Programmabschnitt-Komponente ermöglicht es Ihnen, die Programm-ID ihrer untergeordneten Komponenten zu überschreiben. Verwenden Sie sie, wenn Sie Inhalte anzeigen möchten, die nicht mit einem bestimmten Programm verknüpft sind. Standardmäßig in den meisten Widget- und Microsite-Vorlagen enthalten.
Zuletzt aktualisiert
War das hilfreich?