Möchten Sie einen Meilenstein-Countdown in WordPress hinzufügen? Ein Countdown-Timer hilft dabei, wichtige Erfolge, Geburtstage, bevorstehende Ereignisse und mehr anzuzeigen. In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise einen Countdown-Timer in WordPress hinzufügen können (auch mehrjährige Timer).
Wann und warum benötigen Sie ein Countdown-Widget?
Meilenstein-Countdown-Widgets sind ein nützliches Tool, um Ihr Publikum an einen wichtigen Meilenstein in Ihrem Unternehmen, eine bevorstehende Veranstaltung, Produkteinführung oder eine Verkaufsveranstaltung zu erinnern. Dies schafft Vorfreude bei Ihren Kunden und verbessert die Benutzerinteraktion.
Im Folgenden sind einige häufige Szenarien aufgeführt, in denen Sie ein Meilenstein-Countdown-Widget effektiv verwenden können:
Sie können den Schritt-Countdown-Timer in Ihren Posts, Seiten und im Widget-Bereich der Seitenleiste anzeigen. Sie können Popup-Fenstern, schwebenden Balken, Bildlauffeldern und anderen lichtboxunabhängigen Designelementen auch Countdown-Timer hinzufügen, um Besucher anzulocken, die Ihre Website verlassen und sie wieder auf Ihre Website bringen.
Da es viele Anwendungsfälle für einen Countdown-Timer gibt, haben wir drei verschiedene Methoden aufgelistet, um ein Meilenstein-Countdown-Widget in WordPress hinzuzufügen:
- Erstellen Sie mit Countdown Timer Ultimate ein Meilenstein-Countdown-Widget
- Erstellen Sie mit OptinMonster attraktive dynamische Countdown-Timer
- Erstellen Sie bald einen Countdown-Timer im Wartungsmodus mit SeedProd
Lassen Sie uns einen Blick darauf werfen, wie Sie WordPress auf einfache Weise ein Meilenstein-Countdown-Widget hinzufügen können.
Videoanleitung
Melden Sie sich bei WPBeginner an
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Methode 1: Fügen Sie mithilfe des Ultimate Timer Countdown-Plugins ein Meilenstein-Countdown-Widget hinzu
Als erstes müssen Sie das Countdown Timer Ultimate Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung müssen Sie die besuchen Timer »Timer hinzufügen Seite in Ihrem WordPress-Admin-Bereich.
Auf dieser Seite sollten Sie zunächst den Namen des Wegpunkts als Titel des neuen Countdown-Timers hinzufügen.
Hinweis: Der Timer verwendet die in den Einstellungen der WordPress-Website definierte Zeitzone. Wenn Sie die Zeitzone für diesen Countdown-Timer ändern möchten, müssen Sie zu gehen Allgemeine Konfiguration und aktualisieren Sie die Zeitzoneneinstellungen Ihrer WordPress-Site.
Danach können Sie nach unten scrollen, um ein Ablaufdatum, einen Tag und eine Uhrzeit für Ihren Countdown-Timer festzulegen.
Als Nächstes müssen Sie einen Animationsstil aus dem Dropdown-Menü auswählen. Sie können den Kreis und die Breite des Hintergrunds auch einfach anpassen.
Im Feld Countdown-Breite können Sie eine Breite für die vollständige Anzeige Ihres Countdown-Widgets festlegen. Wenn Sie dieses Feld leer lassen, wird die Stoppuhr mit der Standardgröße angezeigt.
Danach können Sie die Vorder- und Hintergrundfarbe des Countdown-Timers hinzufügen. Sie können die Farbe für Tage, Stunden, Minuten und Sekunden individuell ändern. Sie können auch die Beschriftungen von Elementen wie Tagen, Stunden usw. ändern.
Wenn Sie mit den Einstellungen zufrieden sind, klicken Sie auf “Veröffentlichen”.
Zeigen Sie Ihr Frame-Countdown-Widget in WordPress an
Nachdem Sie Ihr Countdown-Widget erstellt haben, fügen wir es Ihrer Website hinzu.
Zuerst müssen Sie auf das Timer-Menü klicken. Auf der Seite WP Countdown Timer sehen Sie den soeben erstellten Timer in der Liste.
Neben Ihrem Countdown-Timer sehen Sie einen Funktionscode, der kopiert werden muss.
Sie sollten diesen Zugangscode kopieren und in den Inhaltsbereich Ihres Beitrags oder Ihrer Seite einfügen. Klicken Sie auf die Schaltfläche Aktualisieren oder Veröffentlichen, um Ihre Änderungen zu speichern.
Sie können jetzt ihre Website besuchen, um das Meilenstein-Countdown-Widget in Aktion zu sehen.
Sie können diesen Timer auch in der Seitenleiste Ihrer WordPress-Site hinzufügen. Geh einfach zu Aussehen »Widgets Seite und fügen Sie der Seitenleiste ein Widget “Text” hinzu. In den Widget-Einstellungen müssen Sie den Funktionscode in Ihren Countdown-Timer einfügen.
Wenn Sie fertig sind, vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Widget-Einstellungen zu speichern.
Sie können jetzt die Website besuchen, um das Countdown-Seitenleisten-Widget in Aktion zu sehen.
Methode 2: Fügen Sie mit OptinMonster ein MileStone-Countdown-Widget hinzu
OptinMonster ist das beste WordPress-Popup-Plugin auf dem Markt. Es hilft dabei, Besucher, die die Website verlassen, in Abonnenten und Kunden umzuwandeln.
Mit der Countdown-Funktion von OptinMonster können Sie den Countdown-Timer in ein Lightbox-Popup, ein Vollbild-Widget, eine schwebende Leiste oder eine andere Art von OptinMonster-Kampagne integrieren.
Unten finden Sie ein Beispiel für eine der vorgefertigten Countdown-Timer-Kampagnen. Sie können jedoch den Drag & Drop-Builder verwenden, um einen vollständig benutzerdefinierten Countdown-Timer zu erstellen.
OptinMonster ist eine intelligente Möglichkeit, den Countdown-Timer in sehr attraktiven Designelementen anzuzeigen. Sie können sogar immergrüne Countdown-Timer in WordPress erstellen.
Sie müssen zuerst die OptinMonster-Website besuchen und sich für einen Plan anmelden, der Ihren Anforderungen entspricht.
Danach müssen Sie das OptinMonster-Plugin auf Ihrer WordPress-Site installieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Dieses Plugin fungiert als Verbindung zwischen der WordPress-Website und der OptinMonster-App.
Klicken Sie nach der Aktivierung im WordPress-Admin-Menü auf den Link OptinMonster. Als Nächstes werden Sie aufgefordert, Ihre OptinMonster-API-Anmeldeinformationen einzugeben.
Sie finden diese Informationen in Ihrem Konto auf der OptinMonster-Website. Melden Sie sich einfach in Ihrem Konto an und klicken Sie im Menü auf den Link “API”.
Sie sollten Ihren API-Schlüssel kopieren und in die OptinMonster-Einstellungen auf Ihrer WordPress-Site einfügen. Klicken Sie anschließend auf die Schaltfläche “Mit OptinMonster verbinden”, um fortzufahren.
Das Plugin verbindet nun Ihre WordPress-Site mit Ihrem OptinMonster-Konto.
Sobald die Verbindung hergestellt ist, können Sie im OptinMonster-Dashboard eine neue Kampagne erstellen. Sie können jede Art von Kampagne verwenden und den Countdown-Timer darin integrieren.
Weitere Informationen finden Sie in dieser schrittweisen Anleitung zum Erstellen einer Countdown-Kampagne in OptinMonster.
Methode 3: Fügen Sie mit SeedProd ein Meilenstein-Countdown-Widget hinzu
SeedProd ist das beste WordPress-Seiten-Plugin, das bald verfügbar sein wird. Die Pro-Version von SeedProd verfügt über eine Countdown-Funktion. Sie können diesen Countdown-Timer zu Ihrer WordPress-Site hinzufügen und Ihre Besucher über eine zukünftige Site oder einen zukünftigen Start informieren.
Als erstes sollten Sie das SeedProd Pro-Plugin auf Ihrer WordPress-Site installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung werden Sie zu weitergeleitet Allgemeine Konfiguration Seite in Ihrem WordPress-Admin-Bereich. Es wird nach einem Lizenzschlüssel gefragt, den Sie von Ihrem SeedProd-Konto erhalten können.
Dann müssen Sie besuchen Einstellungen »In Kürze erhältlich Pro Seite und Aktivierungsmodus bald. Der Countdown-Timer startet automatisch auf der nächsten Seite.
Sie können auf die Bearbeitungsoption klicken, um eine Vorlage auszuwählen und Ihre nächste Seite anzupassen. Wenn Sie zufrieden sind, klicken Sie auf die Schaltfläche Änderungen speichern.
Sie können jetzt ihre Website besuchen, um den nächsten Buchhalter in Aktion zu sehen.
Das ist es. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein Countdown-Widget zu WordPress hinzufügen. Sie können auch unsere praktischen Tipps lesen, um mehr Verkehr auf Ihre Website zu lenken.
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.
