La Tiered Status Bar montre au visiteur à quel point il est proche de son prochain niveau de fidélité — Bronze, Silver, Platinum — à partir d’une valeur en direct de son profil Personyze. Elle lit un nombre (points, dépenses, commandes), montre la progression vers le prochain niveau pas encore atteint, allume les niveaux déjà franchis, et célèbre l’arrivée au sommet. C’est la version à plusieurs paliers de la Free Shipping Status Bar. 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 de niveaux) à mesure que les points s’accumulent.
- Paliers de dépenses — débloquer des avantages à plusieurs niveaux de dépenses, pas un seul.
- Objectifs ludiques — tout parcours comportant plusieurs paliers qu’un visiteur franchit.
L’ajouter à une action
Dans une action Popup, choisissez Tiered Status Bar. Définissez la valeur à lire, les trois valeurs et libellés de niveaux, et le message. Les réglages sont regroupés en Style, Value, Tiers, Message et Close.
Définir la valeur lue
C’est l’étape la plus importante. La barre 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 — par exemple un champ de points ou de dépenses cumulées. La barre lit la valeur en direct de ce champ au moment de l’affichage.
- Définissez une Test Value (un simple nombre) pour que la barre s’affiche correctement dans l’éditeur, où le champ en direct peut être vide. Pour voir les pastilles de niveaux s’allumer dans l’aperçu, réglez la Test Value à une valeur égale ou supérieure à l’un de vos niveaux.
- Choisissez le Unit Prefix (symbole monétaire) et un Unit Suffix facultatif (par ex. pts).
La Test Value n’est utilisée que dans l’éditeur. Sur le site en ligne, la barre lit la vraie valeur du profil ; une valeur vide compte comme 0 : la barre s’affiche donc dès le début du parcours, sauf si vous augmentez Show From. Pour savoir comment ces 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 barre ne reflète qu’une valeur qui existe déjà dans le profil du visiteur : ce champ doit donc être rempli avec des données à jour — le widget l’affiche et y réagit, il ne calcule pas lui-même les points ou les dépenses.
- Récupérée sur votre propre site — récupérez la valeur sur la page, dans un cookie ou dans un paramètre d’URL. Personyze sait déjà de quel visiteur il s’agit : la valeur arrive donc immédiatement dans son profil, sans clé d’identification.
- Importée ou synchronisée — apportée depuis un fichier, un flux ou votre CRM, et associée au visiteur par une clé comme l’e-mail ou l’ID CRM.
Les instructions complètes pour créer et remplir des champs de profil se trouvent dans Configurer et synchroniser les données de profil utilisateur dans Personyze. Choisissez le type nombre pour le champ, afin que la barre puisse faire le calcul.
Définir les niveaux
Dans la section Tiers, saisissez les trois Tier Values et leurs Labels — par exemple 50 / Bronze, 150 / Silver, 300 / Platinum. La barre détermine vers quel niveau le visiteur se dirige, remplit la barre entre le palier précédent et le suivant, et allume chaque niveau déjà atteint. Chaque pastille de niveau peut avoir sa propre couleur, son icône et son image. Les couleurs des niveaux apparaissent 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 — dark, navy, brand, light ou success.
- Bar Width — pleine largeur, ou contenue (une barre centrée et arrondie).
- Animate Fill — la barre s’anime jusqu’à sa position au chargement.
- Completion Effect — confettis, coche, pulsation lumineuse ou aucun, joué quand le niveau le plus élevé est atteint.
- Show From — masquer la barre tant que la valeur n’atteint pas ce minimum (laissez 0 pour toujours l’afficher).
- Message Before / After Amount — le texte autour du nombre, par ex. « Plus que 70 € avant le niveau suivant. »
- Completed Message CSS — styliser le message de réussite indépendamment ; il se centre aussi de lui-même une fois tous les niveaux atteints.
- Close Button et sa visibilité (toujours, ou au survol).
Célébration de l’objectif atteint
Quand le visiteur dépasse le niveau le plus élevé, la barre masque la piste et les pastilles de niveaux, affiche votre message « tous les niveaux atteints » et joue l’effet choisi — confettis sur la barre, apparition d’une coche ou pulsation lumineuse. Le message se centre de lui-même, et vous pouvez le styliser séparément avec Completed Message CSS.
Conseils
- Réglez la Test Value à une valeur égale ou supérieure à un niveau pour voir les pastilles s’allumer dans l’aperçu.
- Réglez le type du champ de profil sur nombre — des valeurs texte ne peuvent pas être comparées aux seuils des niveaux.
- Ordonnez les valeurs de niveaux de la plus basse à la plus haute ; la barre les trie et vise toujours le prochain niveau non atteint.
- Pour un objectif unique (comme la livraison gratuite), utilisez plutôt la Free Shipping 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.