Die Free Shipping Status Bar zeigt einem Besucher, wie nah er einem Ziel ist — „Noch 65 € bis zum kostenlosen Versand“ — mit einem Live-Fortschrittsbalken, der sich füllt, während sein Wert wächst. Sie liest eine Zahl aus dem Personyze-Profil des Besuchers (Warenkorbsumme, Punkte, Anzahl der Bestellungen), vergleicht sie mit einem von Ihnen festgelegten Ziel und aktualisiert Nachricht, Balken und Prozentwert automatisch. Ist das Ziel erreicht, wechselt sie zu einer Erfolgsnachricht mit einer Feier-Animation. Die Platzierung legen Sie im Schritt Location der Aktion fest.
Wann Sie sie einsetzen
- Schwelle für kostenlosen Versand — Besucher dazu bewegen, mehr in den Warenkorb zu legen, um kostenlosen Versand freizuschalten.
- Prämien- / Treueziele — „Noch 120 Punkte bis zu Ihrer nächsten Prämie.“
- Meilensteine für Ausgaben oder Bestellungen — jedes einzelne numerische Ziel, auf das ein Besucher hinarbeitet.
Zu einer Aktion hinzufügen
Wählen Sie in einer Popup-Aktion Free Shipping Status Bar. Legen Sie den zu lesenden Wert, das Ziel und die Nachricht fest. Die Einstellungen sind in Style, Value, Goal, Message und Close gruppiert.
Den zu lesenden Wert festlegen
Das ist der wichtigste Schritt. Die Leiste 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 — zum Beispiel ein Feld für die Warenkorbsumme oder Punkte. Die Leiste liest den Live-Wert dieses Felds bei der Anzeige.
- Legen Sie einen Test Value (eine einfache Zahl) fest, damit die Leiste auch im Editor korrekt in der Vorschau erscheint, wo das Live-Feld leer sein kann. Der Test Value wird nur im Editor verwendet — echte Besucher sehen immer ihren eigenen Wert.
- Wählen Sie das Unit Prefix (Währungssymbol) und optional das Unit Suffix (z. B. Pkt.).
Auf der Live-Website liest die Leiste den echten Profilwert; ein leerer Wert zählt als 0, die Leiste erscheint also von Anfang an, sofern Sie Show From nicht erhöhen. Wie diese Profilvariablen aufgelöst werden, lesen Sie unter CRM-Variablen (Tags) für dynamische Inhalte einfügen.
Den Wert ins Profil bringen
Die Leiste zeigt nur einen Wert, der bereits im Profil des Besuchers vorhanden ist; dieses Feld muss also mit aktuellen Daten befüllt sein — das Widget zeigt ihn an und reagiert darauf, berechnet den Warenkorb aber nicht selbst.
- Von Ihrer eigenen Website erfasst — übernehmen Sie die Warenkorbsumme (oder Punkte, Bestellungen) von der Seite, aus einem Cookie oder einem URL-Parameter. Personyze weiß bereits, um welchen Besucher es sich handelt, sodass der Wert sofort in seinem Profil landet, ohne dass ein Schlüssel nötig ist.
- Importiert oder synchronisiert — aus einer Datei, einem Feed oder Ihrem CRM übernommen und dem Besucher über einen Schlüssel wie E-Mail oder CRM-ID zugeordnet.
Die vollständige Anleitung zum Anlegen und Befüllen von Profilfeldern finden Sie unter Nutzerprofildaten in Personyze einrichten und synchronisieren. Wählen Sie als Feldtyp number, damit die Leiste rechnen kann.
Das Ziel festlegen
Geben Sie im Abschnitt Goal den Goal Amount ein (zum Beispiel 100). Die Leiste berechnet Restbetrag und Prozentwert aus dem aktuellen Wert im Verhältnis zu diesem Ziel. Mit Show From blenden Sie die Leiste aus, bis der Wert ein Minimum erreicht (bei 0 immer anzeigen). Die Completed Message erscheint, sobald der Wert das Ziel erreicht oder überschreitet.
Einstellungen
- Preset — dark, navy, brand, light oder success.
- Bar Width — volle Breite oder begrenzt (eine zentrierte, abgerundete Leiste).
- Animate Fill — die Leiste füllt sich beim Laden animiert bis zu ihrer Position.
- Completion Effect — Konfetti, ein Häkchen, ein pulsierendes Leuchten oder nichts, abgespielt beim Erreichen des Ziels.
- Message Before / After Amount — der Text rund um die Zahl; der Teil „after“ akzeptiert einfaches HTML, sodass Sie die Belohnung hervorheben können.
- Show From — die Leiste ausblenden, bis der Wert dieses Minimum erreicht (0 = immer anzeigen).
- Completed Message CSS — die Erfolgsnachricht unabhängig gestalten; sie zentriert sich außerdem, sobald das Ziel erreicht ist.
- Close Button und seine Sichtbarkeit (immer oder bei Hover).
Feier beim Abschluss
Erreicht der Wert das Ziel, blendet die Leiste Spur und Prozentwert aus, zeigt Ihre Abschlussnachricht und spielt den gewählten Effekt ab. Einige Sekunden lang fällt Konfetti über die Leiste, das Häkchen ploppt auf, oder die Leiste pulsiert mit einem Leuchten. Die Nachricht zentriert sich, sobald Balken und Prozentwert verschwinden, und Sie können sie über Completed Message CSS separat gestalten.
Tipps
- Testen Sie zuerst mit dem Test Value, um Text und Farben zu prüfen, und wählen Sie dann das Live-Feld unter Current Value Field.
- Stellen Sie den Typ des Profilfelds auf number — Textwerte lassen sich nicht mit dem Ziel vergleichen.
- Zeigt die Leiste immer 0, ist das Profilfeld noch nicht befüllt — stellen Sie sicher, dass Current Value Field gesetzt ist und das Feld für den Besucher tatsächlich eine Zahl enthält (siehe die beiden Links oben).
- Für gestufte Meilensteine (Bronze / Silver / Platinum) nutzen Sie stattdessen die Vorlage Tiered Status Bar.
Weiterführende Lektüre
- Leisten für kostenlosen Versand & Treuestufen — der Hebel für den durchschnittlichen Bestellwert.
- Gamification-Marketing — die Mechanik hinter interaktiven Vorlagen und wo sie passen.
- Website-Popup-Vorlagen — alle 16 Vorlagen und wie Sie das richtige Format wählen.