Entwicklung eines WordPress-Countdown-Timers mit Elementor und Gutenberg – Wann und warum Sie sie brauchen

Veröffentlicht: 2022-01-21

Wenn Sie nach einer Möglichkeit suchen, bei den Website-Besuchern Ihrer Website ein Gefühl von Dringlichkeit und Erwartung hervorzurufen, benötigen Sie einen WordPress-Countdown-Timer. Daher lassen Sie Ihr Publikum wissen, wann es auf zukünftige Veröffentlichungen, Versammlungen usw. warten muss. Abgesehen davon ist die Verwendung eines Countdown-Timers online besonders hilfreich, wenn er auffällig und attraktiv ist. Deshalb müssen Sie nicht nur darauf achten, es zu Ihrer Website hinzuzufügen, sondern auch auf seinen Stil.

Werbefachleute weisen darauf hin, dass der Timer-Countdown auch die Mitgliedsraten erhöhen könnte, da die Leute nicht auf etwas Attraktives verzichten wollen. Darüber hinaus erhalten sie gerne eine E-Mail-Erinnerung.

Wann und warum Sie einen Countdown-Timer verwenden müssen

Ein WordPress-Countdown-Plugin kann Ihnen helfen, einen Timer anzuzeigen, der bis zu einem eindeutigen Intervall oder Datum herunterzählt. Einige der wichtigsten Situationen, in denen Sie dieses wichtige Werbemittel benötigen, sind die folgenden:

  • Sale-Intervalle: Verbraucher können die reduzierten Kosten im Urlaub oder am Black Friday einfach nicht erwarten
  • Artikelstart oder -aktualisierung: Entdecken Sie einen Timer-Countdown, um anzukündigen, wann die Spezialitäten veröffentlicht werden
  • anstehende Veranstaltungen: z. B. Ihr Firmengeburtstag

So fügen Sie den Countdown-Timer für Internetseiten ein

Käufer fragen sich normalerweise, wie sie einen Online-Countdown-Timer in die Website integrieren können. Es gibt eine Menge Countdown-Timer-Ressourcen auf dem entsprechenden WordPress-Marktplatzfeld. Und in den meisten Szenarien werden sie kompensiert. Aber wir möchten 2 absolut kostenlose Lösungen hervorheben, die wir als einfach zu bedienen und funktionsreich empfunden haben. Ihre Entscheidung wird unter Berücksichtigung des Geschmacks Ihres Website-Editors getroffen: Egal, ob Sie mit Elementor oder WP Gutenberg-Addons mit dem besten Countdown-Plugin arbeiten möchten.

Entwickeln Sie Countdown-Timer mit Elementor

Wenn Sie Elementor zum Erstellen Ihrer Webseite mögen, stellen wir Ihnen eine gute Countdown-Timer-Elementor-Lösung für dieses Ziel vor – Stratum . Es stellt eine Sammlung von über 20 Elementor-Widgets dar, die auf eine neue und minimalistische Struktur und großen Erfolg in höchster Qualität abzielen. Sie helfen, Ihre Website umzugestalten, ohne einen Code berühren zu müssen.

Das völlig kostenlose Countdown-Widget von Stratum bietet Ihnen mehr als genug Möglichkeiten, um einen wunderschönen Countdown-Timer für die Website zu platzieren. Um es deutlich zu machen, möchten wir einige der Hauptattribute dieses Website-Countdown-Timers aufzählen:

  • Die Möglichkeit, die Zeit in einem WordPress-Countdown-Timer bis zu Sekunden festzulegen
  • Anpassbare Styling-Elemente (Breite, Abstand, Schattierungen, Schriftarten usw.)
  • Die Möglichkeit, benutzerdefinierte Informationen direkt nach Ablauf des Countdown-Timers umzuleiten, auszublenden oder anzuzeigen (in der Stratum Professional-Version enthalten)
  • Die Möglichkeit, den schriftlichen Inhalt vor Beginn des Elementor-Zählers und unmittelbar nach dessen Ende einzufügen (Professional)

Lassen Sie uns nun darüber sprechen, wie Sie einen Countdown-Timer in Elementor und Stratum als wertvolles Instrument insbesondere für das kostenlose Countdown-Widget verwenden können.

Schritt 1

Die Erledigung der Arbeit mit diesem Elementor-Timer-Widget beginnt wie üblich mit der Auswahl von Start- und Stoppzeit und Datum. Als nächstes kommt die Auswahl der Informationen:

Stratum Elementor Countdown-Timer-Widget

Stufe 2

Sie können Etiketten über das maßgeschneiderte Feld lokalisieren, das in diesem von Stratum bereitgestellten Countdown-Timer-Widget verfügbar ist. Das Plugin lässt Sie entscheiden, ob Labels angezeigt oder verdeckt werden sollen:

Elementor-Timer-Widget-Labels

Phase 3

Timer-Countdown-Parameter empfehlen Ihnen, die Breite und Ausrichtung des Felds festzulegen, um einen Unterschied zwischen Klicks zu machen:

Breite und Ausrichtung des Timers für Elementor

Phase 4

Geben Sie die Parameter für die Kästchenränder, ihre Vielfalt und Breite & Radius & Färbung an. Als Ergebnis passen Sie Ihren WordPress-Countdown-Timer an Ihren Layout-Geschmack an:

Breite und Radius des Countdown-Timers Stratum

Bewegung 5

Die Änderungen in Bezug auf Tempo und Polsterung sind auch während des gesamten Anpassungsprozesses in Ihrem Elementor-Countdown-Timer sichtbar:

Elementor Stratum Countdown Timer Polsterung und Tempo

Schritt 6

Stratum wird mit einem anpassbaren Countdown-Timer geliefert. Als Endergebnis können Sie zwischen markanten Farbtönen und Schriftarten wählen:

Countdown-Timer für Elementor-Design

WordPress Countdown-Timer für Gutenberg

WordPress liefert Ihnen das Plugin für einen Gutenberg-abhängigen Netz-Countdown-Timer – Getwid . Sie erhalten eine Auswahl von über 40 WordPress-Blöcken, die sich als nützlich erweisen, um Ihre Webseite zu starten. Das Plugin wird auch mit einer umfangreichen Vorlagenbibliothek gebündelt. Mit Getwid erhalten Sie kostenlos einen Gutenberg-Countdown-Block zur Verfügung. Aus diesem Grund kann es als WordPress-Countdown-Plugin bezeichnet werden.

Bemerkenswerterweise basieren einige WordPress-Vorlagen hauptsächlich auf Getwid und sind vollgepackt mit vorgefertigten Blöcken wie dem Countdown-Addon.

Bühne 1

Die Einbindung des Countdown-Timers online auf Ihre Website bei Getwid beginnt ab der Datumsangabe. Es ist mühelos mit einem sehr übersichtlichen Kalender verfügbar:

Countdown-Timer-Block für Gutenberg Getwid

Schritt 2

Die Standardansicht des anpassbaren Countdown-Timers ist in den Schriftarten- und Farbkonfigurationen gestaltet. Wählen Sie ein Mitglied der Google Font-Familie, Körpergewicht, Abmessungen und Farbe nach Ihren Wünschen aus. Darüber hinaus müssen die Farbtöne von Text und Track Record dem Stil und Design der Internetseite entsprechen:

Farben und Schriftarten für den Gutenberg-Countdown-Timer-Block

Bewegung 3

Mit diesem Plugin können Sie auf dem Feld Pacing & Padding, Line Top und Letter Space auswählen:

Countdown Gutenberg Getwid Tempo und Polsterung

Layout-Lifehack

Wir möchten Ihnen einen wertvollen Tipp mitgeben: Wenn ein Abschnittsblock zu einem der WordPress-Addons Gutenberg wird, haben Sie die Möglichkeit, eine Grafik, einen Videoclip, einen Schieberegler oder Trennlinien in den Hintergrund zu laden:

Abschnitts- und Countdown-Timer-Blöcke für Gutenberg

Fazit

Zusammenfassend haben Sie jetzt Anleitungen zum Erstellen eines Countdown-Timers. Möglicherweise sind Sie auch davon überzeugt, dass das Verfahren ihrer Unterbringung normalerweise sehr wenig Zeit und Mühe erfordert. Dieser Artikel zielt darauf ab, die wichtigsten Zähler-Widgets für Websites zu untersuchen, die auf dem WordPress-System verfügbar gemacht werden. Wir haben die grundlegenden Aktionen zum Anzeigen der spezifischen Zeit einer beliebigen Party mit dem Elementor-Timer-Countdown von Stratum und dem Countdown-Addon von Getwid gezeigt.

Sie sollten wirklich alle Daten durchsuchen und sich für eine Countdown-Zeit mit Elementor oder einen Gutenberg-Countdown-Block entscheiden. Wenn Sie Bedenken bezüglich des Countdown-Timer-Widgets haben, teilen Sie uns dies bitte im Abschnitt „Bewertungen“ unten mit!