Compter
Les chiffres racontent une histoire puissante surtout quand ils animent juste devant les yeux de vos visiteurs L'élément Counter Up transforme vos statistiques clés en affichages dynamiques et engageants Présentez vos clients heureux, les projets réalisés ou toute mesure importante avec une animation de comptage fluide qui commence à partir de zéro et s'enroule jusqu'à votre numéro final Disposez plusieurs compteurs dans une grille propre, ajoutez des icônes ou des images et stylisez chaque détail pour correspondre à votre marque C'est le moyen éprouvé d'instaurer la confiance, de mettre en valeur les réalisations et d'ajouter une touche d'interactivité moderne à n'importe quelle section de votre site.
Dispositions de grille multicolonnes flexibles
Ne vous contentez pas de montrer à une stat (une statistique) une suite de réalisations Ajoutez plusieurs éléments de comptoir, puis disposez-les dans une grille réactive Choisissez de 1 à 6 colonnes pour s'adapter parfaitement à votre disposition, que ce soit dans un pied de page serré ou une section héros spacieuse La grille s'ajuste et s'empile automatiquement magnifiquement sur mobile, garantissant ainsi à vos statistiques une belle apparence sur chaque appareil Cette structure est parfaite pour créer ces sections classiques (Milestones” ou (Fun Facts”).
- Système de grille réactif : disposez les compteurs dans jusqu'à 5 colonnes pour le bureau, avec un empilage automatique sur tablette et mobile.
- Compteurs illimités : ajoutez autant d'articles de comptoir que nécessaire - clients, projets, heures, tasses de café, n'importe quoi.
- Espacement équilibré : La grille maintient un espacement et un alignement cohérents pour un look professionnel et équilibré.
Comptage animé en douceur
La magie est dans le mouvement Au lieu d'afficher un nombre statique, le compteur commence à 0 et anime en douceur jusqu'à votre nombre cible (comme 6000+).Cette animation subtile attire l'attention, met l'accent sur la croissance, et rend la statistique plus significative et gagnée Vous contrôlez le nombre final, le préfixe/suffix (comme le symbole “+”), et le rythme du compte pour l'effet dramatique parfait.
- Mouvement Attention-Grabbing : Le compte roulant attire naturellement l'œil du visiteur sur vos métriques clés.
- Format personnalisable : ajoutez des préfixes (comme “$”) et des suffixes (comme “K” ou “+”) à vos numéros.
- Durée Contrôlée : Influencez la vitesse de l'animation de comptage pour correspondre au rythme de votre site.
Personnalisation visuelle complète
Vos compteurs doivent ressembler à une partie intégrante de votre conception Stylez la Counter Box globale avec les couleurs d'arrière-plan, le rembourrage, les marges, les bordures et les ombres Ensuite, personnalisez chaque composant : l'Icône/Image (taille, position, arrière-plan), le Numéro animé (couleur, typographie) et le Titre en dessous Vous avez un contrôle indépendant sur les couleurs, les polices et l'espacement pour chaque pièce, permettant des combinaisons créatives infinies.
- Style des composants individuels : stylisez l'icône, le numéro et le titre indépendamment avec des couleurs et une typographie distinctes.
- Flexibilité des icônes et des images : utilisez les icônes de n'importe quelle bibliothèque activée ou téléchargez des images personnalisées comme ancrages visuels pour chaque statistique.
- Cadre professionnel : utilisez les ombres de boîte, le rayon de bordure et les couleurs d'arrière-plan pour faire apparaître chaque élément du compteur.
Foire aux questions pour le contre-passage
L'animation de comptage rejoue-t-elle chaque fois que quelqu'un la passe devant ?
En règle générale, l'animation se déclenche une fois lorsque l'élément entre pour la première fois dans la fenêtre lors d'un chargement de page Si l'utilisateur fait défiler et revient, il ne rejouera généralement pas à moins que la page ne soit rafraîchie Cela empêche l'animation de devenir répétitive et distrayante.
Puis-je utiliser des images au lieu d'icônes pour les graphiques du compteur ?
Oui ! dans les Paramètres d'icônes, vous pouvez choisir de télécharger une image personnalisée au lieu de sélectionner une icône Vous pouvez alors contrôler la taille et le positionnement de l'image, vous permettant d'utiliser des logos, des illustrations personnalisées ou des photos pour représenter chaque statistique.
Avoir plusieurs compteurs avec animations ralentira-t-il ma page ?
L'animation est légère et utilise un JavaScript efficace Avoir 4-5 compteurs sur une page a un impact négligeable sur les performances Cependant, comme pour tout élément de page, si vous avez des dizaines de compteurs, c'est une bonne pratique de tester la vitesse de votre page Le principal facteur de performance est toujours votre optimisation image/icône.
Quel est le bon cas d'utilisation pour une disposition de compteur à une seule colonne ?
Une disposition à colonne unique est parfaite pour les barres latérales, les sections étroites ou lorsque vous souhaitez que chaque compteur soit un point focal majeur sur sa propre ligne, peut-être avec une icône plus grande et une description plus détaillée sous le titre.
Puis-je faire démarrer le compteur à partir d'un nombre autre que zéro ?
L'effet classique et le plus engageant est de compter de 0 à votre numéro cible, car il met visuellement l'accent sur la croissance ou l'accumulation Les paramètres affichés sont axés sur cet effet Pour partir d'un autre numéro, vous devrez peut-être explorer le code personnalisé ou vérifier un paramètre avancé dans le widget.
Les compteurs sont-ils compatibles avec les données dynamiques d'Elementor ?
L'élément Counter Up est principalement conçu pour les numéros statiques saisis manuellement qui représentent une étape ou une réalisation fixe Pour afficher des données dynamiques qui changent automatiquement (comme un nombre de visiteurs en direct), vous aurez généralement besoin d'un widget ou d'une intégration différente et plus spécialisée.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
Duplicateur de messages/pages
