Bloc Statistiques
Le bloc Statistiques met en valeur vos chiffres clés avec des animations de comptage, idéal pour montrer vos résultats, votre expérience ou vos métriques.
Options disponibles
| Option | Description |
|---|---|
| Titre | Titre de la section (max 50 caractères) |
| Statistiques | De 1 à 4 métriques |
| Disposition | Grille 2/3/4 colonnes, Horizontal, Vertical |
| Style | Simple, Cartes, Bordé |
| Taille du texte | De XS à 3XL |
| Animation au scroll | Activer/désactiver l'animation de comptage |
| Durée de l'animation | De 500ms à 5000ms |
| Icônes | Afficher/masquer les icônes |
| Fond | Configuration du fond personnalisable |
Configuration d'une statistique
Chaque statistique comprend :
| Champ | Description | Exemple |
|---|---|---|
| Valeur | Le nombre à afficher | 500 |
| Préfixe | Texte avant le nombre | $, + |
| Suffixe | Texte après le nombre | %, K, M, + |
| Libellé | Description de la métrique | "Clients satisfaits" |
| Icône | Icône Lucide optionnelle | Users, Star, etc. |
| Couleur d'icône | Couleur personnalisée | Hex |
Exemples de combinaisons
$12K → Préfixe: "$", Valeur: 12, Suffixe: "K"
+500 → Préfixe: "+", Valeur: 500
98% → Valeur: 98, Suffixe: "%"
2M+ → Valeur: 2, Suffixe: "M+"Animation
Lorsque l'animation au scroll est activée, les chiffres comptent de 0 jusqu'à la valeur cible quand le bloc entre dans le viewport. L'animation ne se joue qu'une seule fois.
Dispositions
| Disposition | Idéal pour |
|---|---|
| Grille 2 colonnes | 2 métriques, format compact |
| Grille 3 colonnes | 3 métriques, le plus courant |
| Grille 4 colonnes | 4 métriques, vue complète |
| Horizontal | Barre de métriques en ligne |
| Vertical | Liste verticale de métriques |
Bonnes pratiques
- Utilisez des chiffres impressionnants et vérifiables
- Limitez-vous à 3-4 statistiques maximum
- Ajoutez des icônes pour renforcer la compréhension visuelle
- Les suffixes K et M rendent les grands nombres plus lisibles
- L'animation au scroll attire l'attention du visiteur