Deux modèles de popup d’urgence construits sur un même système : Flash Sale Countdown annonce une vente avec un compte à rebours en direct et une rangée de produits, et Cart Exit — Timer + Coupon rattrape les visiteurs qui abandonnent un panier avec leur propre produit, un compte à rebours et un code de réduction à copier dans le presse-papiers. Tous deux partagent les mêmes préréglages Style Accent, le concepteur complet de minuteur de Personyze et le système d’aperçu avec produits de démonstration : tout ce qui figure sur cette page s’applique donc aux deux, sauf mention contraire.
Accents de style
Le premier réglage de chaque modèle est Style accent — une liste déroulante qui recolore tout le popup :
- bold — fond sombre avec accents rouges (par défaut)
- light — la même mise en page sur fond blanc
- gold — premium sombre avec accents dorés
- ocean — fond blanc avec accents bleus
L’accent pilote tous les éléments colorés à la fois — bandeau, cases et chiffres du minuteur, bordure du coupon, boutons, badges et prix soldés — et continue de fonctionner même après que vous avez personnalisé des éléments individuels, car tous les styles par défaut font référence aux couleurs de l’accent au lieu de les coder en dur. Choisissez d’abord l’accent, puis affinez ce que vous voulez.
Le compte à rebours
Les deux modèles utilisent le concepteur complet de minuteur de Personyze :
- Date de fin fixe — décompte jusqu’à une date et une heure précises, avec un fuseau horaire ; le choix naturel pour une vraie vente.
- Par visiteur (fondé sur un cookie) — chaque visiteur a sa propre fenêtre à partir de sa première vue, par ex. « votre remise expire dans 15 minutes ». Recommandé pour la récupération de panier, avec un redémarrage configurable.
- Redémarrer à chaque fois — redémarre à chaque vue ; surtout pour les tests et l’urgence permanente.
Les cases, les chiffres et les légendes DAYS / HOURS / MINUTES / SECONDS se stylisent tous depuis le menu. Par défaut, les cases sont côte à côte sans séparateur ; le champ Separator character vous permet d’ajouter deux-points ou tout autre caractère entre elles. Vous pouvez aussi définir ce qui se passe quand le minuteur atteint zéro — un message de fin ou une action de suivi — pour qu’un popup expiré n’affiche jamais un minuteur mort.
Produits de démonstration — aperçu uniquement
Pendant la conception, avant qu’un catalogue de produits soit connecté, les modèles affichent un contenu de démonstration avec une bannière d’avertissement : Flash Sale affiche six cartes de produits exemples, et Cart Exit un produit de panier exemple. Les démos n’apparaissent que dans l’éditeur Personyze et sur les liens d’aperçu ; dès que votre catalogue renvoie de vrais produits — ou, pour Cart Exit, que le visiteur a un vrai article dans son panier — les vraies données prennent le relais. Les visiteurs habituels du site ne voient jamais la démo.
Flash Sale Countdown
Structure, de haut en bas : surtitre (« ⚡ FLASH SALE »), titre (« UP TO 40% OFF — TODAY ONLY »), sous-titre, compte à rebours, bouton CTA, et une rangée de produits à défilement horizontal. La rangée est remplie par l’algorithme que vous associez — pour ce modèle, un algorithme filtré sur les produits soldés fonctionne le mieux, pour que le popup montre des articles réellement en solde. Les cartes affichent la photo du produit, un badge automatique « X% OFF » (avec un seuil de remise minimal), le titre et le prix soldé barré. Des flèches de défilement apparaissent sur ordinateur et se masquent automatiquement sur les appareils tactiles, où la rangée se fait glisser.
Conseil de déclenchement : afficher une fois par visiteur et par vente, programmer l’action sur la période de la vente, et exclure les pages déjà consacrées à la vente.
Cart Exit — Timer + Coupon
Structure : un bandeau pleine largeur (« YOUR DISCOUNT EXPIRES IN »), le compte à rebours, puis deux colonnes — le produit du panier du visiteur sur une carte blanche (image, titre, prix soldé), et le côté message : titre, sous-titre, l’encadré pointillé du coupon, le CTA et un lien de refus « No thanks ».
Le coupon : le code que vous saisissez s’affiche dans l’encadré et est copié dans le presse-papiers du visiteur lorsqu’il appuie sur Copy, avec une confirmation « Copied! ». Le popup affiche le code — il n’applique pas la remise lui-même. Le code doit exister dans votre boutique, et si votre plateforme prend en charge les liens qui appliquent une remise, vous pouvez en placer un sur le bouton CTA pour que la remise s’applique au clic.
Le produit du panier est l’article le plus récent du panier du visiteur, tiré des interactions que Personyze suit sur votre site.
Conseil de déclenchement : intention de sortie sur ordinateur, conditionnée à un panier non vide, plafonnée à une fois par session. L’intention de sortie fondée sur la souris n’existe pas sur les appareils tactiles — sur mobile, utilisez plutôt un déclencheur temporisé ou au défilement. Le lien de refus et le × dans le coin utilisent tous deux le comportement standard « ne plus afficher ».
FAQ
Le réglage d’accent écrase-t-il mes styles personnalisés ? Non. Il modifie la palette de couleurs commune ; les styles d’éléments que vous modifiez sont conservés, et ceux qui font référence aux couleurs de l’accent suivent automatiquement le préréglage.
Que se passe-t-il quand le minuteur atteint zéro ? C’est configurable dans le concepteur de minuteur : afficher un message de fin ou déclencher une action de suivi. Les comptes à rebours par visiteur peuvent aussi redémarrer après une période de votre choix.
Le bouton Copy applique-t-il la remise ? Non — il copie le code. Le code doit être valide dans votre boutique ; utilisez une URL qui applique la remise sur le CTA pour une application automatique.
Quel produit s’affiche si le panier contient plusieurs articles ? L’article le plus récent du panier — celui avec lequel le visiteur a interagi en dernier.
La rangée Flash Sale peut-elle n’afficher que les articles soldés ? Oui — associez un algorithme filtré sur les produits ayant une remise active ; la rangée affiche ce que renvoie l’algorithme.
Les visiteurs voient-ils parfois le contenu de démonstration ? Non. Les démos ne s’affichent que dans l’éditeur Personyze et sur les liens d’aperçu, et seulement en l’absence de vraies données.