De Tiered Status Bar laat een bezoeker zien hoe dicht die bij het volgende loyaliteitsniveau is — Bronze, Silver, Platinum — met een live waarde uit het Personyze-profiel. Hij leest een getal (punten, besteding, bestellingen), toont de voortgang naar het volgende niveau dat nog niet is bereikt, laat de niveaus oplichten die al zijn gepasseerd, en viert het als de top is bereikt. Het is de versie met meerdere mijlpalen van de Free Shipping Status Bar. De plaatsing stel je in bij de stap Locatie van de actie.
Wanneer je hem gebruikt
- Loyaliteitsniveaus — toon de voortgang over Bronze / Silver / Platinum (of je eigen niveaunamen) terwijl de punten oplopen.
- Mijlpalen voor besteding — ontgrendel voordelen op meerdere bestedingsniveaus, niet op één.
- Gegamificeerde doelen — elke reis met meer dan één mijlpaal waar een bezoeker doorheen klimt.
Aan een actie toevoegen
Kies in een pop-upactie Tiered Status Bar. Stel de waarde in die wordt gelezen, de drie niveauwaarden en -labels, en het bericht. De instellingen zijn gegroepeerd als Style, Value, Tiers, Message en Close.
De waarde instellen die hij leest
Dit is de belangrijkste stap. De balk heeft een live getal uit het profiel van de bezoeker nodig.
- Open de sectie Value en kies met de keuzelijst Current Value Field het profielveld dat het getal bevat — bijvoorbeeld een veld voor punten of voor de totale besteding. De balk leest de live waarde van dat veld op het moment van weergeven.
- Stel een Test Value in (een gewoon getal), zodat de balk in de editor goed wordt weergegeven, waar het live veld leeg kan zijn. Wil je de niveaulabels in het voorbeeld zien oplichten, zet de Test Value dan op of boven een van je niveauwaarden.
- Kies de Unit Prefix (valutasymbool) en optioneel een Unit Suffix (bijv. pts).
De Test Value wordt alleen in de editor gebruikt. Op de live site leest de balk de echte profielwaarde; een lege waarde telt als 0, dus de balk verschijnt vanaf het begin van de reis, tenzij je Show From verhoogt. Zie voor hoe deze profielvariabelen worden ingevuld CRM-variabelen (tags) invoegen voor dynamische content.
De waarde in het profiel krijgen
De balk toont alleen een waarde die al op het profiel van de bezoeker staat, dus dat veld moet met actuele data worden gevuld — de widget toont de waarde en reageert erop, maar berekent punten of besteding niet zelf.
- Vastgelegd op je eigen site — haal de waarde van de pagina, uit een cookie of uit een URL-parameter. Personyze weet al welke bezoeker het is, dus de waarde komt direct op het profiel terecht, zonder dat er een sleutel nodig is.
- Geïmporteerd of gesynchroniseerd — binnengehaald uit een bestand, een feed of je CRM, en aan de bezoeker gekoppeld via een sleutel zoals het e-mailadres of de CRM-ID.
Volledige instructies voor het aanmaken en vullen van profielvelden staan in Gebruikersprofieldata instellen en synchroniseren in Personyze. Kies als type van het veld getal, zodat de balk kan rekenen.
De niveaus instellen
Vul in de sectie Tiers de drie Tier Values en hun Labels in — bijvoorbeeld 50 / Bronze, 150 / Silver, 300 / Platinum. De balk bepaalt naar welk niveau de bezoeker nu op weg is, vult de balk tussen de vorige en de volgende mijlpaal, en laat elk niveau oplichten dat al is bereikt. Elk niveaulabel kan een eigen kleur, icoon en afbeelding hebben. Niveaukleuren verschijnen zodra het niveau is bereikt — licht er in het voorbeeld niets op, verhoog dan de Test Value tot boven een niveauwaarde. Het All Tiers Reached Message wordt getoond zodra de bezoeker het hoogste niveau passeert.
Instellingen
- Preset — dark, navy, brand, light of success.
- Bar Width — volle breedte, of ingesloten (een gecentreerde, afgeronde balk).
- Animate Fill — de balk animeert bij het laden naar zijn positie.
- Completion Effect — confetti, een vinkje, een gloeiende puls of niets, afgespeeld als het hoogste niveau is bereikt.
- Show From — verberg de balk totdat de waarde dit minimum bereikt (laat het op 0 staan om hem altijd te tonen).
- Message Before / After Amount — de tekst rond het getal, bijv. “Nog €70 tot het volgende niveau.”
- Completed Message CSS — geef het succesbericht een eigen stijl; het centreert zich ook zodra alle niveaus zijn bereikt.
- Close Button en de zichtbaarheid daarvan (altijd, of bij hover).
Feestelijke afronding
Als de bezoeker het hoogste niveau passeert, verbergt de balk de baan en de niveaulabels, toont hij je bericht “alle niveaus bereikt” en speelt hij het gekozen effect af — confetti die over de balk valt, een vinkje dat in beeld springt, of een gloeiende puls. Het bericht centreert zich, en je kunt het apart opmaken met Completed Message CSS.
Handige tips
- Zet de Test Value op of boven een niveauwaarde om in het voorbeeld de niveaulabels te zien oplichten.
- Stel het type van het profielveld in op getal — tekstwaarden kunnen niet met de niveaudrempels worden vergeleken.
- Zet de niveauwaarden van laag naar hoog; de balk sorteert ze en wijst altijd naar het volgende niveau dat nog niet is bereikt.
- Gebruik voor één doel (zoals gratis verzending) in plaats daarvan de Free Shipping Status Bar.
Verder lezen
- Balken voor gratis verzending & getrapte loyaliteit — inzetten op een hogere gemiddelde orderwaarde.
- Pop-uptemplates voor websites — alle 16 templates, en hoe je het juiste formaat kiest.