Elementorzähler-Widget: Kostenloser Mehrspalten-Zahlenzähler
Counter Up ist ein kostenloses Master Addons Widget, das mehrere animierte Zahlenzähler in einem Raster anzeigt, jedes Element bekommt seine eigene Nummer, Präfix, Suffix, Titel, Symbol oder Bild und Kartenfarbe, und die Einstellung Spalten legt die Elemente in 1, 2, 3, 4 oder 6 Spalten pro Gerät aus Die Zahlen zählen von Null über etwa zwei Sekunden hoch Es wird meistens für Statistikbänder wie betreute Kunden, ausgelieferte Projekte oder Geschäftsjahre verwendet.
So fügen Sie einen Zahlenzähler in Elementor hinzu
Counter Up wird mit dem kostenlosen Plugin geliefert und ein Widget enthält die gesamte Statistikreihe.
- Installieren Sie Master Addons für Elementor und überprüfen Sie das Gegen auf In den Einstellungen des Master Addons Widgets eingeschaltet ist.
- Bearbeiten Sie Ihre Seite mit Elementor, durchsuchen Sie das Panel nach Gegen auf Und ziehen Sie es in einen Abschnitt.
- Offen Inhalte aufheben. Das Widget beginnt mit vier Beispielelementen: Glückliche Kunden, abgeschlossene Projekte, Tassen Kaffee und gewonnene Auszeichnungen.
- Stellen Sie für jedes Element die Typ (Keine, Symbol oder Bild), Titel und NummerPlus irgendwelche Zahlenpräfix oder Nummer Suffix Wie z. B. $ oder K+.
- Wählen Sie Spalten Für Desktop, Tablet und Mobile und eine Inhaltliche Position Für den Titel.
- Stylen Sie die Karten, Symbole, Zahlen und Titel in der Stil Tab, dann aktualisieren Sie die Seite.
Mehrere Zähler in einem Reaktionsgitter
Jeder Zähler ist ein Gegenstand in der Gegenstände Liste, sodass ein Widget eine vollständige Reihe von Statistiken enthalten kann. Spalten Bietet 1, 2, 3, 4 oder 6 Spalten und kann pro Gerät eingestellt werden, die Voreinstellungen sind 4 auf dem Desktop, 2 auf dem Tablet und 1 auf dem Handy. Inhaltliche Position Platziert den Titel oben, unten, links oder rechts der Zahl.
- Artikel: Zähler in der Liste hinzufügen, duplizieren oder entfernen Jeder behält seine eigenen Einstellungen.
- Spalten: 1, 2, 3, 4 oder 6. Es gibt keine 5-Spalten-Option.
- Farbe der Karte pro Artikel: Die Hintergrund Feld färbt eine einzelne Karte so, dass eine Schlagzeilen-Statistik hervorsticht.
Wie die Count-Up-Animation funktioniert
Jede Zahl zählt von Null bis zu dem Wert, den Sie über etwa zwei Sekunden eingeben Die Zählung läuft einmal, wenn die Seite geladen wird, und wird nicht wiedergegeben, wenn Besucher scrollen Zähler weit unten auf einer langen Seite zeigen möglicherweise bereits ihren endgültigen Wert an, wenn jemand sie erreicht, so dass das Widget am besten in der Nähe des oberen Randes einer Seite funktioniert Präfix - und Suffixtext bleiben still, während sich die Ziffern bewegen.
- Nummer: Jeder Wert, einschließlich Dezimalstellen wie 7,5.
- Präfix und Suffix: Freitext auf beiden Seiten, also 120 mit einem M+-Suffix lautet 120 M+.
- Fester Zeitpunkt: Es gibt keine Einstellung Dauer, Startnummer oder Tausendtrennzeichen Ein Suffix hält große Zahlen kurz.
Stylingkarten, Symbole, Zahlen und Titel
Die Registerkarte Stil besteht aus zwei Abschnitten. Counter Up Box-Stil Setzt den gemeinsamen Kartenhintergrund, die Polsterung, den Rand, den Rand, den Randradius und den Kastenschatten. Inhaltlicher Stil Bedeckt die Symbolfarbe und Kreisfarbe, Zahlenfarbe und Typografie, eine eigene Farbe, Typografie und Größe für das Präfix, und die Titelfarbe, Typografie und Rand Die Einstellungen des Präfixes gelten auch für das Suffix.
- Symboleinstellungen: Symbol-/Bildposition (links, oben oder rechts), Symbolgröße und Symbolkreis- oder Bildgröße, jeweils 6 bis 300 px.
- Symbole und Bilder: Wählen Sie ein Symbol aus einer beliebigen aktivierten Bibliothek oder laden Sie ein Bild für jedes Element hoch. Symbolfarben werden von allen Elementen gemeinsam genutzt.
- Globale Stile: Zahlen - und Titeltypografie verwenden Sie Ihre Elementor globalen Schriftarten und Farben, bis Sie sie ändern.
Elementorzähler vs. Master-Addons-Zähler
Free Elementor hat ein eigenes Counter-Widget (gecheckt bei Elementor 4.2.4) Es zeigt eine Zahl pro Widget an, also bedeutet eine Reihe von vier Werten vier Widgets in einem Container Counter Up setzt die ganze Reihe in ein Widget.
| Merkmal | Elementorzähler | Master Addons Counter Up |
|---|---|---|
| Preis | Frei (Elementorkern) | Kostenlos (Master Addons) |
| Zähler pro Widget | Eine | So viele Artikel wie Sie hinzufügen |
| Layout | Widgets in Containern anordnen | Spalten: 1, 2, 3, 4 oder 6 pro Gerät |
| Symbol oder Bild | Nein | Pro Artikel |
| Kartenstyling | Nur Nummer und Titeltext | Hintergrund, Rand, Radius, Schatten, Farbe pro Artikel |
| Startnummer | Ja | Immer 0 |
| Animationsdauer | Ja, in ms (Standard 2000) | Bei ca. 2 Sekunden fixiert |
| Tausendscheider | Ja, 5 Stile | Nein |
| Wenn es drauf ankommt | Wenn die Zahl in Sicht scrollt | Einmal, beim Laden der Seite |
| Titel HTML-Tag | H1 bis H6, div, span, p | Festgelegt |
| Textstrich und Schatten | Ja | Nein |
Elementors Zähler behandelt die Animation besser Es wartet, bis die Zahl auf dem Bildschirm ist, lässt Sie den Startwert und die Dauer festlegen und fügt tausend Trennzeichen hinzuCounter Up ist schneller für ein Statistikband mit Symbolen, Kartenstyling und responsiven Spalten in einem einzigen Widget, und es passt zu Abschnitten nahe dem oberen Rand einer Seite.
Verwandte kostenlose Widgets: Fortschrittsbalken, Countdown-timer und Zeitleiste.
Häufig gestellte Fragen zum Gegenpol
Ist das Counter Up Widget kostenlos?
Ja. Counter Up ist Teil des kostenlosen Master Addons Plugins, und jede Einstellung, die auf dieser Seite beschrieben wird, funktioniert ohne Pro.
Wann startet die Zählanimation?
Wenn die Seite lädt Jede Zahl zählt von Null für etwa zwei Sekunden, einmal Es wartet nicht, bis der Zähler in Sicht und nicht wiedergegeben, so platzieren Sie es dort, wo Besucher es früh sehen.
Werden mehrere Zähler meine Seite verlangsamen?
Das Skript ist klein und läuft mit einem kurzen Timer für jede Zahl, so dass ein paar Zähler sehr wenig hinzufügen Bilder, die Sie zu Elementen hinzufügen, wiegen weit mehr als die Animation, also komprimieren Sie sie vor dem Hochladen.
Wie viele Zähler können in einer Reihe sitzen?
Spalten auf 1, 2, 3, 4 oder 6 setzen Sie können einen anderen Wert für Desktop, Tablet und Mobil wählen, und die Standardwerte sind 4, 2 und 1.
Kann der Zähler von einer anderen Zahl als Null ausgehen?
Nr. Counter Up startet immer bei 0 und hat keine Dauereinstellung, wenn Sie eine benutzerdefinierte Startnummer benötigen, hat das Elementor Counter Widget ein Startnummernfeld.
Kann ich dynamische Tags in Counter Up verwenden?
Nicht in der aktuellen Version Titel, Nummer, Zahlenpräfix und Zahlensuffix sind einfache Felder, die Werte werden also von Hand eingegeben.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
