La Tiered Status Card montre au visiteur à quel point il est proche de son prochain niveau de fidélité — Bronze, Silver, Platinum — sous forme de carte centrée ou de popup, à partir d’une valeur en direct de son profil Personyze. Elle montre la progression vers le niveau suivant sous forme d’anneau ou de barre, allume les niveaux déjà atteints, et célèbre l’arrivée au sommet. Elle associe le moteur de niveaux de la Tiered Status Bar à la forme de carte de la Status Card. L’emplacement se règle à l’étape Lieu de l’action.
Quand l’utiliser
- Niveaux de fidélité — montrer la progression entre Bronze / Silver / Platinum (ou vos propres noms) sous forme de carte bien visible.
- Paliers de dépenses — débloquer des avantages à plusieurs niveaux.
- Objectifs ludiques — tout parcours comportant plusieurs paliers.
L’ajouter à une action
Dans une action Popup, choisissez Status Card — Tiered. Choisissez le style de progression (anneau ou barre), la valeur à lire, les trois valeurs et libellés de niveaux, et le texte. Les réglages sont regroupés en Style, Value, Tiers, Text, Button et Close.
Anneau ou barre
Le réglage Progress Style bascule entre un anneau circulaire (avec au centre le pourcentage vers le niveau suivant) et une barre horizontale. Les pastilles de niveaux — Bronze, Silver, Platinum — se placent au-dessus de l’un ou de l’autre et s’allument à mesure que le visiteur les atteint.
Définir la valeur lue
La carte a besoin d’un nombre en direct issu du profil du visiteur.
- Ouvrez la section Value et utilisez la liste déroulante Current Value Field pour choisir le champ de profil qui contient le nombre (points, dépenses, etc.). La carte lit sa valeur en direct au moment de l’affichage.
- Définissez une Test Value pour que la carte s’affiche dans l’aperçu de l’éditeur. Pour voir les pastilles de niveaux s’allumer dans l’aperçu, réglez-la à une valeur égale ou supérieure à l’un de vos niveaux.
- Choisissez le Unit Prefix et un Unit Suffix facultatif.
Sur le site en ligne, une valeur vide compte comme 0. Pour savoir comment les variables de profil sont résolues, voir Insérer des variables et tags CRM pour du contenu dynamique.
Faire entrer la valeur dans le profil
La carte reflète une valeur qui existe déjà dans le profil : ce champ doit donc être rempli — récupérée sur votre site (sans clé d’identification) ou importée/synchronisée avec une clé. Les instructions complètes se trouvent dans Configurer et synchroniser les données de profil utilisateur dans Personyze. Choisissez le type nombre pour le champ.
Définir les niveaux
Dans la section Tiers, saisissez les trois Tier Values, Labels et Colors — par exemple 50 / Bronze, 150 / Silver, 300 / Platinum. La carte montre la progression vers le prochain niveau non atteint et allume chaque pastille dans sa couleur une fois le niveau atteint. Les couleurs des niveaux n’apparaissent qu’une fois le niveau atteint — si rien ne s’allume dans l’aperçu, augmentez la Test Value au-dessus d’une valeur de niveau. L’All Tiers Reached Message s’affiche une fois que le visiteur a dépassé le niveau le plus élevé.
Réglages
- Preset — light, dark, brand ou success.
- Progress Style — ring ou bar.
- Size — compact, default ou spacious.
- Completion Effect — confettis, coche ou aucun.
- Show From — masquer tant que la valeur n’atteint pas un minimum (0 = toujours afficher).
- Ring Label — petit texte sous le pourcentage en mode anneau.
- Text / Button — surtitre, titre, sous-texte et un appel à l’action facultatif.
- Completed Message CSS et visibilité du Close Button.
Célébration de l’objectif atteint
Quand le visiteur dépasse le niveau le plus élevé, la carte masque les pastilles de niveaux, affiche le message « tous les niveaux atteints » et joue l’effet choisi.
Conseils
- Réglez la Test Value à une valeur égale ou supérieure à un niveau pour voir les pastilles s’allumer dans l’aperçu.
- Ordonnez les valeurs de niveaux de la plus basse à la plus haute ; la carte les trie et vise toujours le prochain niveau non atteint.
- Pour un objectif unique, utilisez la Status Card. Pour une fine barre à paliers sur tout le site, utilisez la Tiered Status Bar.
Pour aller plus loin
- Barres de livraison gratuite et de fidélité à paliers — le levier du panier moyen.
- Modèles de popups pour site web — les 16 modèles, et comment choisir le bon format.