Die Tiered Status Card zeigt einem Besucher, wie nah er seiner nächsten Treuestufe ist — Bronze, Silver, Platinum — als zentrierte Karte oder Popup, mit einem Live-Wert aus seinem Personyze-Profil. Sie zeigt den Fortschritt zur nächsten Stufe als Ring oder Balken, hebt bereits erreichte Stufen hervor und feiert, wenn der Besucher die höchste erreicht. Sie kombiniert die Stufenlogik der Tiered Status Bar mit der Kartenform der Status Card. Die Platzierung legen Sie im Schritt Location der Aktion fest.
Wann Sie sie einsetzen
- Treuestufen — den Fortschritt über Bronze / Silver / Platinum (oder Ihre eigenen Namen) als auffällige Karte zeigen.
- Ausgabe-Meilensteine — Vorteile auf mehreren Stufen freischalten.
- Spielerische Ziele — jede Journey mit mehr als einem Meilenstein.
Zu einer Aktion hinzufügen
Wählen Sie in einer Popup-Aktion Status Card — Tiered. Wählen Sie den Fortschrittsstil (Ring oder Balken), den zu lesenden Wert, die drei Stufenwerte und -bezeichnungen sowie den Text. Die Einstellungen sind in Style, Value, Tiers, Text, Button und Close gruppiert.
Ring oder Balken
Die Einstellung Progress Style wechselt zwischen einem Kreisring (mit dem Prozentwert bis zur nächsten Stufe in der Mitte) und einem horizontalen Balken. Die Stufen-Chips — Bronze, Silver, Platinum — sitzen über beiden und leuchten auf, sobald der Besucher sie erreicht.
Den zu lesenden Wert festlegen
Die Karte braucht eine Live-Zahl aus dem Profil des Besuchers.
- Öffnen Sie den Abschnitt Value und wählen Sie im Dropdown Current Value Field das Profilfeld, das die Zahl enthält (Punkte, Ausgaben usw.). Die Karte liest seinen Live-Wert bei der Anzeige.
- Legen Sie einen Test Value fest, damit die Karte im Editor eine Vorschau zeigt. Damit die Stufen-Chips in der Vorschau aufleuchten, setzen Sie ihn auf oder über einen Ihrer Stufenwerte.
- Wählen Sie das Unit Prefix und optional das Unit Suffix.
Auf der Live-Website zählt ein leerer Wert als 0. Wie Profilvariablen aufgelöst werden, lesen Sie unter CRM-Variablen (Tags) für dynamische Inhalte einfügen.
Den Wert ins Profil bringen
Die Karte zeigt einen Wert, der bereits im Profil vorhanden ist; dieses Feld muss also befüllt sein — von Ihrer Website erfasst (kein Schlüssel nötig) oder mit einem Schlüssel importiert bzw. synchronisiert. Die vollständige Anleitung finden Sie unter Nutzerprofildaten in Personyze einrichten und synchronisieren. Stellen Sie den Feldtyp auf number.
Die Stufen festlegen
Geben Sie im Abschnitt Tiers die drei Tier Values, Labels und Colors ein — zum Beispiel 50 / Bronze, 150 / Silver, 300 / Platinum. Die Karte zeigt den Fortschritt zur nächsten noch nicht erreichten Stufe und färbt jeden Chip in seiner Farbe, sobald die Stufe erreicht ist. Stufenfarben erscheinen erst, wenn eine Stufe erreicht ist — leuchtet in der Vorschau nichts auf, erhöhen Sie den Test Value über einen Stufenwert. Die All Tiers Reached Message erscheint, sobald der Besucher die höchste Stufe überschreitet.
Einstellungen
- Preset — light, dark, brand oder success.
- Progress Style — ring oder bar.
- Size — compact, default oder spacious.
- Completion Effect — Konfetti, ein Häkchen oder nichts.
- Show From — ausblenden, bis der Wert ein Minimum erreicht (0 = immer anzeigen).
- Ring Label — kleiner Text unter dem Prozentwert im Ringmodus.
- Text / Button — Eyebrow, Titel, Untertext und ein optionaler Call-to-Action.
- Completed Message CSS und Sichtbarkeit des Close Button.
Feier beim Abschluss
Überschreitet der Besucher die höchste Stufe, blendet die Karte die Stufen-Chips aus, zeigt die Nachricht „alle Stufen erreicht“ und spielt den gewählten Effekt ab.
Tipps
- Setzen Sie den Test Value auf oder über einen Stufenwert, um die Chips in der Vorschau aufleuchten zu sehen.
- Ordnen Sie die Stufenwerte von niedrig nach hoch; die Karte sortiert sie und zeigt auf die nächste noch nicht erreichte.
- Für ein einzelnes Ziel nutzen Sie die Status Card. Für eine schmale, websiteweite Stufenleiste nutzen Sie die Tiered Status Bar.
Weiterführende Lektüre
- Leisten für kostenlosen Versand & Treuestufen — der Hebel für den durchschnittlichen Bestellwert.
- Website-Popup-Vorlagen — alle 16 Vorlagen und wie Sie das richtige Format wählen.