Widget de compteur d'élémenteurs : compteur de numéros multicolonnes gratuit
Counter Up est un widget gratuit Master Addons qui affiche plusieurs compteurs de nombres animés dans une grille Chaque élément obtient son propre numéro, préfixe, suffixe, titre, icône ou image et couleur de carte, et le paramètre Colonnes définit les éléments en 1, 2, 3, 4 ou 6 colonnes par appareil Les nombres comptent à partir de zéro sur environ deux secondes Il est principalement utilisé pour les bandes de statistiques telles que les clients servis, les projets livrés ou les années d'activité.
Comment ajouter un compteur de nombres dans Elementor
Counter Up est livré avec le plugin gratuit et un widget contient toute la ligne de statistiques.
- Installez Master Addons pour Elementor et vérifiez cela Compter est activé dans les paramètres du widget Master Addons.
- Modifiez votre page avec Elementor, recherchez dans le panneau Compter et faites-le glisser dans une section.
- Ouvrir Contrer le contenu. Le widget commence par quatre exemples d'éléments : clients satisfaits, projets terminés, tasses de café et récompenses remportées.
- Pour chaque élément, définissez le Type (Aucun, icône ou image), Titre et Numéro, plus tout Préfixe Numéro ou Suffixe Numéro comme $ ou K+.
- Choisir Colonnes pour ordinateur de bureau, tablette et mobile et a Position du contenu pour le titre.
- Stylez les cartes, icônes, chiffres et titres dans le Style tab, puis mettre à jour la page.
Plusieurs compteurs dans une grille réactive
Chaque compteur est un élément du Articles liste, donc un widget peut contenir une rangée complète de statistiques. Colonnes offre 1, 2, 3, 4 ou 6 colonnes et peut être réglé par appareil Les valeurs par défaut sont 4 sur le bureau, 2 sur la tablette et 1 sur le mobile. Position du contenu place le titre au-dessus, en dessous, à gauche ou à droite du numéro.
- Articles: ajouter, dupliquer ou supprimer des compteurs dans la liste Chacun conserve ses propres paramètres.
- Colonnes : 1, 2, 3, 4 ou 6. Il n'y a pas d'option à 5 colonnes.
- Couleur de la carte par article : le Contexte le champ colore une seule carte afin qu'une statistique de titre se démarque.
Comment fonctionne l'animation Count-Up
Chaque nombre compte de zéro à la valeur que vous entrez sur environ deux secondes Le compte tourne une fois, lorsque la page se charge, et ne rejoue pas lorsque les visiteurs défilent Les compteurs situés loin dans une longue page peuvent déjà afficher leur valeur finale au moment où quelqu'un les atteint, de sorte que le widget fonctionne mieux près du haut d'une page Le texte du préfixe et du suffixe reste immobile pendant que les chiffres bougent.
- Numéro: toute valeur, y compris les décimales telles que 7,5.
- Préfixe et suffixe : texte libre de chaque côté, donc 120 avec un suffixe M+ lit 120 M+.
- Calendrier fixe : il n'y a pas de paramètre de durée, de nombre de début ou de séparateur de milliers Un suffixe garde les grands nombres courts.
Cartes de style, icônes, numéros et titres
L'onglet Style comporte deux sections. Style de boîte à comptoir définit l'arrière-plan de la carte partagée, le remplissage, la marge, la bordure, le rayon de bordure et l'ombre de la boîte. Style de contenu couvre la couleur de l'icône et la couleur du cercle, la couleur du nombre et la typographie, une couleur, une typographie et une taille distinctes pour le préfixe, ainsi que la couleur du titre, la typographie et la marge. Les paramètres du préfixe s'appliquent également au suffixe.
- Paramètres d'icônes : Position de l'icône/image (gauche, haut ou droite), taille de l'icône et cercle d'icône ou taille de l'image, chacun de 6 à 300 px.
- Icônes et images : choisissez une icône dans n'importe quelle bibliothèque activée ou téléchargez une image pour chaque élément Les couleurs des icônes sont partagées par tous les éléments.
- Styles mondiaux : typographie des numéros et des titres utilisez vos polices et couleurs globales Elementor jusqu'à ce que vous les modifiiez.
Compteur d'éléments par rapport au compteur d'addons principaux
Free Elementor a son propre widget Counter (vérifié sur Elementor 4.2.4).Il affiche un nombre par widget, donc une rangée de quatre statistiques signifie quatre widgets dans un conteneur Counter Up met toute la rangée dans un widget.
| Caractéristique | Compteur d'éléments | Compteur de modules complémentaires principaux |
|---|---|---|
| Prix | Gratuit (Cœur de l'élément) | Gratuit (Master Addons) |
| Compteurs par widget | Un | Autant d'éléments que vous ajoutez |
| Disposition | Disposez les widgets dans les conteneurs | Colonnes : 1, 2, 3, 4 ou 6 par appareil |
| Icône ou image | Non | Par article |
| Style de carte | Numéro et texte du titre seulement | Arrière-plan, bordure, rayon, ombre, couleur par élément |
| Numéro de départ | Oui | Toujours 0 |
| Durée d'animation | Oui, en ms (par défaut de 2000) | Corrigé à environ 2 secondes |
| Mille séparateur | Oui, 5 styles | Non |
| Quand ça compte | Lorsque le nombre défile en vue | Une fois, sur le chargement de la page |
| Titre HTML tag | H1 à H6, div, span, p | Fixé |
| Coup de texte et ombre | Oui | Non |
Le compteur de l'élémenteur gère mieux l'animation Il attend que le numéro soit à l'écran, vous permet de définir la valeur et la durée de démarrage et ajoute des milliers de séparateurs Le compteur est plus rapide pour une bande de statistiques avec des icônes, un style de carte et des colonnes réactives dans un seul widget, et il convient aux sections situées en haut d'une page.
Widgets gratuits associés : Barres de progression, Minuterie de compte à rebours et Chronologie.
Foire aux questions pour le contre-passage
Le widget Counter Up est-il gratuit ?
Oui. Counter Up fait partie du plugin gratuit Master Addons, et chaque paramètre décrit sur cette page fonctionne sans Pro.
Quand commence l'animation de comptage ?
Lorsque la page se charge Chaque nombre compte à partir de zéro pendant environ deux secondes, une fois Il n'attend pas que le compteur défile dans la vue et ne rejoue pas, alors placez-le là où les visiteurs le voient tôt.
Plusieurs compteurs vont-ils ralentir ma page ?
Le script est petit et exécute un court timer pour chaque numéro, donc quelques compteurs ajoutent très peu d'images que vous ajoutez aux éléments pèsent bien plus que l'animation, alors compressez-les avant de les télécharger.
Combien de compteurs peuvent s'asseoir sur une rangée ?
Définissez Colonnes sur 1, 2, 3, 4 ou 6. vous pouvez choisir une valeur différente pour le bureau, la tablette et le mobile, et les valeurs par défaut sont 4, 2 et 1.
Le compteur peut-il partir d'un nombre autre que zéro ?
No. Counter Up commence toujours à 0 et n'a pas de paramètre de durée Si vous avez besoin d'un numéro de démarrage personnalisé, le widget Compteur d'élément possède un champ Numéro de départ.
Puis-je utiliser des balises dynamiques dans Counter Up ?
Pas dans la version actuelle Le titre, le numéro, le préfixe de numéro et le suffixe de numéro sont des champs simples, les valeurs sont donc saisies à la main.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
