Kostenloses Elementor-Countdown-Timer-Widget für Verkauf, Markteinführungen und Veranstaltungen
Countdown Timer ist ein kostenloses Master Addons Widget, das bis zu einem Datum und einer Uhrzeit herunterzählt, die Sie auswählen Zeigen Sie jede Mischung aus Jahren, Monaten, Tagen, Stunden, Minuten und Sekunden, benennen Sie die Etiketten um, und wählen Sie aus vier Layouts und den kostenlosen Standard - und Kartenvoreinstellungen Master Addons Pro fügt acht weitere Voreinstellungen hinzu, wie Flip, Circle und Neon, plus einen sich wiederholenden Countdown. Verwenden Sie es für Verkäufe, Produkteinführungen, Webinare und kommende baldige Seiten.
So fügen Sie einen Countdown-Timer in Elementor hinzu
Das Widget wird mit einem funktionierenden Timer angezeigt, sodass Sie nur ändern müssen, was sich unterscheidet.
- Durchsuchen Sie das Elementor-Widget-Panel nach “Countdown-Timer” und ziehen Sie das Master-Addons-Widget auf die Seite.
- Wählen Sie im Abschnitt Timer das Enddatum und die Endzeit aus.
- Wählen Sie in den Countdown-Einstellungen ein Layout und eine Stilvoreinstellung, setzen Sie ein Trennzeichen und schalten Sie die Einheiten aus, die Sie nicht benötigen.
- Benennen Sie die Beschriftungen um, wenn Sie kürzeren oder übersetzten Text wünschen.
- Stylen Sie die Zahlen, Beschriftungen und Trennzeichen in der Registerkarte Stil und veröffentlichen Sie sie dann.
Aufbau einer Launchpage? unser Leitfaden zu einem Elementor kommt bald Seite Setzt den Timer auf Arbeit.
Zeiteinheiten, Layouts und Stilvorgaben
Schalten Sie jede Einheit ein oder aus, von Jahren bis zu Sekunden, und geben Sie ihr Ihr eigenes Etikett, wie “Hrs” statt “Hours” Wählen Sie eines von vier Layouts: Block, Inline, Block Table oder Inline Table Wählen Sie dann ein Style Preset Standard und Karte sind kostenlos, und Pro fügt Flip, Circle, Gradient, Neon, Glasmorphismus, Minimal, Outline und Neumorphic hinzu.
- Zeigen Sie nur die Einheiten an, die Sie benötigen, z. B. Tage, Stunden und Minuten für einen Verkauf.
- Vier Layouts: Block, Inline, Block Table und Inline Table.
- Standard- und Kartenvoreinstellungen kostenlos, acht weitere mit Pro.
Stil jeder Zeiteinheit separat
Jede Einheit, von Jahren bis Sekunden, kann ihren eigenen Hintergrund haben, sodass die Tage in einer anderen Farbe als die Stunden und Minuten hervorstechen können. Die Zahlen teilen sich eine Farbe, eine Schwebefarbe und eine Textschatteneinstellung, und der Abschnitt Box Style fügt einen Hintergrund, einen Rand, einen Radius und einen Schatten um jede Einheit herum hinzu.
- Ein eigener Hintergrund für Jahre, Monate, Tage, Stunden, Minuten und Sekunden.
- Zahlenfarbe, Hoverfarbe und Textschatten.
- Kastenhintergrund, Rand, Randradius und Kastenschatten.
Behälter, Separator und Etikettenstyling
Common Style legt die Breite, Höhe, Ausrichtung, Hintergrund, Kastenschatten, Randradius, Rand und Polsterung des Timers fest. Der Separator, der ein Doppelpunkt, ein Schrägstrich oder ein beliebiges Zeichen sein kann, das Sie eingeben, und die Beschriftungen erhalten jeweils ihre eigenen Farben und Textschatten sowie Polster- und Randsteuerungen.
- Breite, Höhe und Ausrichtung für den gesamten Timer.
- Trenn - und Beschriftungsfarben mit Hover-Zuständen und Textschatten.
- Rand und Polsterung auf jeder Ebene für ausgeglichene Abstände.
Elementor Pro Countdown vs. Master Addons Countdown Timer
Elementors eigenes Countdown-Widget befindet sich nur in Elementor Pro. So vergleichen sich die beiden.
| Elementor Pro Countdown | Master Addons Countdown Timer | |
|---|---|---|
| Preis | Elementor Pro | Kostenlos, mit zusätzlichen Voreinstellungen und Wiederholung in Pro |
| Timer-typ | Fälligkeitstermin oder Evergreen pro Besucher | Fälligkeitstermin, oder ein sich wiederholender Zyklus mit Pro |
| Einheiten | Tage, Stunden, Minuten, Sekunden | Jahre, Monate, Tage, Stunden, Minuten, Sekunden |
| Wenn die Zeit abläuft | Eine Nachricht weiterleiten, ausblenden oder anzeigen | Hält bei Null |
| Layouts und Presets | Block oder Inline | 4 Layouts und 10 Presets (2 kostenlos) |
| Hintergründe pro Einheit | Nein | Ja |
Brauchen Sie einen Evergreen-Timer oder eine Weiterleitung, wenn es endet? Elementor Pro behandelt das Für einen kostenlosen, hochstilisierten Timer mit Jahren und Monaten verwenden Sie Master Addons Für Öffnungszeiten statt Fristen, versuchen Sie die kostenlose Geschäftszeiten Widget.
Häufig gestellte Fragen zum Countdown-Timer
Kann ich den Timer auf ein bestimmtes Datum und eine bestimmte Uhrzeit einstellen?
Ja. Wählen Sie im Feld Countdown Datum & Uhrzeit das genaue Enddatum und die Uhrzeit aus Der Timer liest es in der lokalen Zeitzone jedes Besuchers.
Was passiert, wenn der Countdown Null erreicht?
Die Zahlen hören bei Null auf Das Widget hat keine eingebaute Nachricht oder Weiterleitung, also aktualisieren oder entfernen Sie den Timer, wenn Ihr Angebot endet.
Ist der Timer auf Mobilgeräten responsive?
Ja. Verwenden Sie den Responsive-Modus von Elementor, um kleinere Zahlen, Breite und Polsterung für Tablets und Telefone einzustellen, damit der Timer lesbar bleibt.
Kann ich das für einen wiederkehrenden täglichen Countdown (wie bei einem Tagesgeschäft) nutzen?
Ja, mit Master Addons Pro. Wiederholen Countdown einschalten und die Zykluslänge einstellen, zum Beispiel einen Tag, Der Timer startet jedes Mal, wenn einer endet, einen neuen Zyklus, bis zum Hauptenddatum, und jeder Besucher sieht den gleichen Zyklus.
Funktioniert der Countdown für Besucher in verschiedenen Zeitzonen?
In der lokalen Zeitzone jedes Besuchers wird die Endzeit abgelesen, eine Frist von 18:00 endet um 18:00 Uhr auf der eigenen Uhr jedes Besuchers, sodass Personen in verschiedenen Zeitzonen zu unterschiedlichen Zeitpunkten Null erreichen.
Was ist das beste Layout für einen großen, prominenten Timer in einer Heldensektion?
Block oder Block Table Sie zeigen jede Einheit als eigene Box, die aus der Ferne gut ablesbar ist Erhöhen Sie die Anzahlgröße und die Polsterung, um den Timer zum Mittelpunkt des Abschnitts zu machen.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
