Bloc Compte à rebours
Le bloc Compte à rebours affiche un décompte en temps réel jusqu'à une date et heure cibles, parfait pour les lancements de produits, événements ou promotions.
Options disponibles
| Option | Description |
|---|---|
| Date cible | Date et heure de fin du compte à rebours |
| Titre | Titre optionnel (max 50 caractères) |
| Style | Flip, Digital, Cercles, Minimal, Cartes, Bordé |
| Taille | SM, MD, LG, XL |
| Taille du texte | De XS à 3XL |
| Unités affichées | Jours, Heures, Minutes, Secondes (activables individuellement) |
| Libellés | Afficher/masquer les libellés sous les chiffres |
| Message expiré | Texte affiché après expiration |
| Action à expiration | Message, Masquer ou Rediriger |
| URL de redirection | Si action = Rediriger |
| Fond | Configuration du fond personnalisable |
Styles d'affichage
Flip
Effet de carte qui se retourne, style tableau d'aéroport.
Digital
Affichage numérique type horloge LED.
Cercles
Chaque unité dans un cercle avec progression visuelle.
Minimal
Chiffres simples sans décoration.
Cartes
Chaque unité dans une carte séparée avec ombre.
Bordé
Chiffres entourés d'une bordure élégante.
Actions à l'expiration
| Action | Comportement |
|---|---|
| Message | Affiche le message personnalisé |
| Masquer | Le bloc disparaît de la page |
| Rediriger | Redirige vers l'URL spécifiée |
Le compte à rebours se met à jour en temps réel côté client, sans rechargement de page.
Bonnes pratiques
- Utilisez un titre court qui donne du contexte ("Lancement dans", "Fin de l'offre")
- Masquez les secondes pour les compte à rebours longs (plusieurs jours)
- Prévoyez toujours un message d'expiration pertinent
- La redirection est utile pour pointer vers une page de vente après le lancement