De Status Card laat een bezoeker zien hoe dicht die bij een doel is — zoals gratis verzending of een beloning — als gecentreerde kaart of pop-up, met een live waarde uit het Personyze-profiel (winkelwagentotaal, punten, besteding). Hij leest het getal, toont de voortgang als ronde ring of horizontale balk, en viert het als het doel is bereikt. Het is de kaart-/pop-upversie van de Free Shipping Status Bar. De plaatsing stel je in bij de stap Locatie van de actie.
Wanneer je hem gebruikt
- Drempel voor gratis verzending of een beloning — een opvallende kaart die bezoekers naar een doel duwt.
- Punten / loyaliteitsvoortgang — “Nog 120 punten tot je volgende beloning.”
- Mijlpalen voor besteding of bestellingen — elk enkelvoudig numeriek doel, getoond als kaart in plaats van als dunne balk.
Aan een actie toevoegen
Kies in een pop-upactie Status Card. Kies de voortgangsstijl (ring of balk), de waarde die wordt gelezen, het doel en de tekst. De instellingen zijn gegroepeerd als Style, Value, Goal, Text, Button en Close.
Ring of balk
De instelling Progress Style (in Style) wisselt tussen twee looks: ring toont een ronde voortgangsindicator met het percentage in het midden; bar toont een horizontale voortgangsbalk in de kaart met het resterende bedrag en het percentage eronder. Al het andere — de waarde, het doel, de tekst en de viering — werkt in beide gevallen hetzelfde.
De waarde instellen die hij leest
De kaart 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 het winkelwagentotaal of voor punten. De kaart leest de live waarde van dat veld op het moment van weergeven.
- Stel een Test Value in (een gewoon getal), zodat de kaart in de editor goed wordt weergegeven, waar het live veld leeg kan zijn. De Test Value wordt alleen in de editor gebruikt — echte bezoekers zien altijd hun eigen waarde.
- Kies de Unit Prefix (valutasymbool) en optioneel een Unit Suffix (bijv. pts).
Op de live site telt een lege waarde als 0, dus de kaart verschijnt vanaf het begin, 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 kaart toont een waarde die al op het profiel van de bezoeker staat, dus dat veld moet worden gevuld — de widget toont de waarde en reageert erop, maar berekent de winkelwagen niet zelf.
- Vastgelegd op je eigen site — haal de waarde van de pagina, uit een cookie of uit een URL-parameter; die 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 staan in Gebruikersprofieldata instellen en synchroniseren in Personyze. Kies als type van het veld getal.
Het doel instellen
Vul in de sectie Goal het Goal Amount in. De kaart berekent het resterende bedrag en het percentage. Gebruik Show From om de kaart te verbergen totdat de waarde een minimum bereikt (0 = altijd tonen). Het Ring Label is de kleine tekst onder het percentage in de ringmodus. Het Completed Message verschijnt zodra het doel is bereikt.
Instellingen
- Preset — light, dark, brand of success.
- Progress Style — ring of bar.
- Size — compact, default of spacious.
- Completion Effect — confetti, een vinkje of niets, afgespeeld als het doel is bereikt.
- Text — bovenlabel, titel (zet het bedrag in
<span class="sc-amt">om het een kleur te geven) en subtekst, elk met een eigen stijlveld. - Button — optionele call-to-action met een eigen link en stijl.
- Completed Message CSS — geef het succesbericht een eigen stijl.
- Close Button en de zichtbaarheid daarvan (altijd, of bij hover).
Feestelijke afronding
Als de waarde het doel bereikt, toont de kaart je afrondingsbericht en speelt hij het gekozen effect af — confetti, een vinkje of niets. Je kunt het afrondingsbericht apart opmaken met Completed Message CSS.
Handige tips
- Ring of balk is puur visueel — beide volgen dezelfde waarde en hetzelfde doel.
- Stel het type van het profielveld in op getal, zodat de kaart kan rekenen.
- Gebruik voor een dunne balk over de hele site in plaats van een kaart de Free Shipping Status Bar. Gebruik voor loyaliteitsniveaus de Tiered Status Card.
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.