So fügen Sie einen Countdown-Timer in WordPress hinzu

Wenn Sie Ihre WordPress-Site erstellen, müssen Sie möglicherweise Tools, Designs und Funktionen integrieren, die Ihnen helfen, Veranstaltungen oder andere zeitkritische Angebote zu bewerben. Die Verwendung eines Countdown-Timer-Widgets oder -Plugins kann dies viel einfacher machen.

Mit einem WordPress-Countdown-Timer-Widget können Sie es Websitebesitzern und -besuchern einfacher machen, bestimmte Daten und Zeiten im Auge zu behalten. Außerdem gibt es eine Handvoll Countdown-Plugins, die das Hinzufügen zu Ihrer Website zu einem schnellen Prozess machen.

In diesem Beitrag erklären wir, wann man einen Countdown-Timer verwendet und was ein WordPress-Countdown-Timer-Widget ist. Dann führen wir Sie durch drei der besten Optionen zum Hinzufügen eines Countdown-Timers in WordPress mithilfe eines Plugins. Lass uns anfangen!

Wann man einen Countdown verwendet

Ein Countdown-Timer kann verwendet werden, um verschiedene Meilensteine, wie z. B. Geschäftsjubiläen, zu präsentieren. Sie können eines auch verwenden, um die Vorfreude auf ein bevorstehendes Ereignis (z. B. die Einführung eines neuen Produkts) zu steigern, den Beginn eines Verkaufs zu bewerben oder Besucher zu informieren, wenn eine Website den Wartungsmodus verlässt.

Was ist ein Countdown-Timer-Widget?

Ein Countdown-Timer-Widget ist eine Erweiterung, die Sie Ihrer WordPress-Site hinzufügen können, um Spannung oder Dringlichkeit in Bezug auf ein Produkt oder eine Veranstaltung aufzubauen. Sie können ein WordPress-Countdown-Timer-Widget verwenden, um Kunden zu informieren oder daran zu erinnern, wann sie etwas erwarten können, indem Sie eine Uhr anzeigen, die die verbleibende Zeit herunterzählt.

Einige der häufigsten Szenarien, in denen ein Countdown-Timer verwendet wird, sind:

• Besucher darüber informieren, dass eine WordPress-Site gewartet wird und wann sie wieder online sein wird
• Förderung und Vorfreude auf ein bevorstehendes Ereignis wie eine Produkteinführung, ein gesellschaftliches Treffen oder eine Konferenz
• Anerkennung wichtiger Meilensteine ​​wie Jubiläen
• Aufregung für ein besonderes Verkaufsereignis, eine Werbeaktion oder eine Demnächst-Seite erzeugen

Optionen zum Hinzufügen eines Countdown-Timers zu WordPress

Es gibt mehrere Optionen, um deiner WordPress-Seite einen Countdown-Timer hinzuzufügen. Während Sie dies über Code tun könnten , ist die einfachste Methode die Verwendung eines WordPress-Countdown-Plugins. Werfen wir einen Blick auf drei empfohlene Plugins für Countdown-Timer und wie Sie damit beginnen können.

Option 1: Fügen Sie einen Countdown-Timer mit dem T(-) Countdown-Widget hinzu

(T-) Countdown Widget ist eines der beliebtesten verfügbaren WordPress Countdown-Plugins. Es ermöglicht Ihnen, einen hochflexiblen und anpassbaren HTML5-Timer über einen Shortcode auf jeder Seite oder jedem Beitrag Ihrer WordPress-Site anzuzeigen:

Um die Funktionen des Plugins voll auszuschöpfen, benötigen Sie jedoch ein wenig HTML- und CSS-Kenntnisse. Daher ist es möglicherweise nicht die beste Option für Anfänger.

Nachdem Sie das Plugin installiert und aktiviert haben, finden Sie es unter Einstellungen > T(-) Countdown :

Auf diesem Bildschirm können Sie wählen, ob Sekunden, Wochen, Monate oder Jahre heruntergezählt werden sollen. Sie können auch die angezeigten Beschriftungen anpassen und Ihr eigenes CSS hinzufügen.

Wenn Sie das Plugin herunterladen und aktivieren, wird ein T(-) Countdown- Block zu Ihrem WordPress-Editor hinzugefügt. Um ihn zu verwenden, navigieren Sie zu der Seite oder dem Beitrag, zu dem Sie Ihren Countdown-Timer hinzufügen möchten. Klicken Sie auf das Plus-Symbol und suchen Sie dann in den Blöcken nach der Option T(-) Countdown :

Dieser Block fügt der Seite oder dem Beitrag einen Standard-Countdown-Timer hinzu. Sie können es im Bereich rechts anpassen und konfigurieren:

Sie können eine Startzeit und ein Startdatum sowie einen von 13 Stilen für das Erscheinungsbild des Timers auswählen. Es gibt auch Abschnitte, in denen Sie dieselben Einstellungen (einschließlich Beschriftungen und benutzerdefiniertem CSS) optimieren können, die Sie auch auf der Seite mit den T(-) Countdown -Einstellungen finden.

Wenn Sie es brauchen, gibt es kostenlosen Support für dieses Plugin sowie eine vollständige Liste der Shortcode-Optionen, die Sie verwenden können. Es ist auch erwähnenswert, dass dies die aktiv entwickelte Version des älteren jQuery T(-) Countdown Widget-Plugins ist.

Option 2: Fügen Sie einen Countdown-Timer mit Countdown-Timer Ultimate hinzu

Countdown Timer Ultimate verwendet einen Shortcode, um Countdown-Timer auf Ihrer WordPress-Site anzuzeigen. Es funktioniert gut mit dem Gutenberg-Editor, reagiert vollständig und ermöglicht es Ihnen, unbegrenzte Countdowns zu erstellen:

Nachdem Sie das Plugin installiert und aktiviert haben, wird es Ihnen eine Willkommensnachricht präsentieren. Wählen Sie entweder Überspringen oder Zulassen und fortfahren :

Navigieren Sie als Nächstes zu Countdown-Timer > Timer hinzufügen :

Auf diesem Bildschirm können Sie Ihren Countdown-Timer benennen und seine Anzeige anpassen. Nachdem Sie ein Ablaufdatum ausgewählt haben, können Sie zwischen zwei Animationsstilen wählen: Smooth oder Ticks .

Wählen Sie als Nächstes Ihre Kreisbreite und Farben aus. Alles, was Sie nicht definieren, wird auf den Standardstil gesetzt. Wenn Sie fertig sind, klicken Sie auf Veröffentlichen .

Sie können dann Ihr Countdown-Timer-Widget zu jedem WordPress-Beitrag oder jeder Seite hinzufügen. Kopieren Sie dazu den Shortcode des Countdown-Timers (zu finden unter der Shortcode- Spalte auf der WP-Countdown-Timer- Seite):

Navigieren Sie dann zu der Seite oder dem Beitrag, wo Sie den Timer hinzufügen möchten. Klicken Sie im Blockeditor auf das Plus-Symbol und wählen Sie das Shortcode- Widget aus:

Fügen Sie den Shortcode in das Textfeld ein und zeigen Sie dann eine Vorschau der Seite an, um sicherzustellen, dass Sie mit dem Aussehen zufrieden sind. Wenn Sie zufrieden sind, klicken Sie auf Veröffentlichen .

Wenn Sie das Countdown-Widget stattdessen zu einer Seitenleiste auf Ihrer Website hinzufügen möchten, können Sie dies tun, indem Sie zu Darstellung > Widgets gehen und das Text- Widget zu Ihrer Seitenleiste hinzufügen. Fügen Sie unter den Einstellungen des Widgets einfach den Countdown-Timer-Shortcode ein:

Wie bereits erwähnt, können Sie die kostenlose Version dieses Plugins herunterladen und verwenden, um unbegrenzte Timer zu erstellen. Sie können auch auf die Premium-Version upgraden, um den Zugriff auf zusätzliche Designs und erweiterte Funktionen freizuschalten. Wenn Sie das Plugin zuerst testen möchten, können Sie sich auch für eine kostenlose Demo anmelden.

Option 3: Fügen Sie einen Zähler-Timer mit POWr hinzu

Zu guter Letzt ist POWr ein Cloud-basiertes Plugin für Countdown-Timer. Um es nutzen zu können, müssen Sie sich daher zunächst für ein kostenloses Konto anmelden.

Einer der Vorteile von POWr ist, dass es vollständig reaktionsschnell und anpassbar ist. Es ist jedoch insofern einzigartig, als Sie nicht nur regelmäßige Countdown-Timer erstellen, sondern auch Ereignisse im Laufe der Zeit verfolgen können.

Laden Sie zunächst das POWr WordPress Countdown-Plugin herunter und aktivieren Sie es auf Ihrer Website. Es wird als Paket mit verschiedenen anderen Funktionen geliefert, die zum Erstellen von Formularen und sozialen Feeds verwendet werden können:

Besuchen Sie als Nächstes die POWr-Website und klicken Sie auf die Schaltfläche Erste Schritte , um sich für ein kostenloses Konto anzumelden. Nachdem Sie Ihr Konto erstellt haben, werden Sie zur Seite „Meine Plugins“ weitergeleitet. Hier können Sie „Ihr eigenes Plugin erstellen“, indem Sie im linken Navigationsmenü Countdown-Timer auswählen:

Als Nächstes gelangen Sie zu dem Bildschirm, auf dem Sie ein Countdown-Timer-Widget für Ihre WordPress-Site erstellen und anpassen können:

Sie haben eine Vielzahl von Optionen für die Art des Countdowns, den Sie verwenden möchten. Außerdem können Sie auf den Registerkarten Inhalt und Design ein Zieldatum festlegen, die Beschriftungen des Timers anpassen, benutzerdefinierte Nachrichten erstellen und Animationen hinzufügen.

Wenn Sie mit Ihrem Countdown-Timer zufrieden sind, klicken Sie unten auf dem Bildschirm auf die Schaltfläche Zur Website hinzufügen :

Daraufhin wird Ihnen eine Reihe von Optionen zum Hinzufügen zu Ihrer Website angezeigt. Sie können beispielsweise auf das WordPress-Symbol klicken, um einen Shortcode für den Countdown-Timer zu erstellen:

Sie können diesen Shortcode dann kopieren und in den Shortcode- Block im WordPress-Editor einfügen (wie im vorherigen Abschnitt gezeigt). Sie können auch die Option „Code einbetten“ auswählen, um den Code zu kopieren und in ein beliebiges HTML-Element auf Ihrer Website einzufügen.

Finden Sie weitere hilfreiche Ressourcen von WP Engine

Das Hinzufügen eines Countdown-Timers zu Ihrer Website ist eine großartige Möglichkeit, die Aufregung zu erhöhen und die Besucher zu motivieren. Natürlich sind wir hier, um Ihnen zu helfen, welche Funktionen Sie Ihrer Website hinzufügen möchten.

WP Engine bietet die besten Ressourcen für Benutzer und Entwickler und stellt Ihnen die Informationen und Tools zur Verfügung, die Sie benötigen, um ein unglaubliches digitales Erlebnis zu bieten. Beginnen Sie noch heute mit dem besten WordPress-Hosting!