So fügen Sie den WooCommerce-Produkt-Countdown hinzu

Veröffentlicht: 2022-03-03

Möchten Sie auf einfache Weise einen WooCommerce-Produkt-Countdown für Ihr Geschäft hinzufügen ? Ein Countdown-Timer kann Ihnen helfen, den Verkauf Ihres Produkts zu steigern. Es ist eine großartige Möglichkeit, Ihre Kunden über Rabatte, neue Produkteinführungen, Angebote, bevorstehende Veranstaltungen und vieles mehr zu informieren.

In diesem Beitrag zeigen wir Ihnen, wie Sie ganz einfach einen WooCommerce-Produkt-Countdown für Ihren Online-Shop hinzufügen können. Zuvor werden wir behandeln, warum es wichtig ist, einen Countdown-Timer für WooCommerce-Sites hinzuzufügen.

Warum einen Produkt-Countdown in WooCommerce hinzufügen?

Der Hauptzweck des Hinzufügens eines Countdowns in WooCommerce besteht darin , Verkäufe, Angebote und Rabatte auf Produkte anzukündigen . Der Countdown-Timer zeigt die verbleibende Zeit und die verbleibenden Produkte im Inventar an, was beim Kunden ein Gefühl der Dringlichkeit erzeugt.

Laut der Forschung ergreifen Menschen aufgrund von FOMO (Angst vor dem Verpassen) im Notfall Maßnahmen. Dies ist auch eine Marketingtechnik, die von vielen Online-Unternehmern implementiert wird. Aufgrund der Angst, die guten Angebote zu verpassen, werden die Besucher ermutigt, das Produkt / die Dienstleistung zu kaufen, bevor die Zeit abläuft.

Diese Technik wird sogar von den größten E-Commerce-Websites wie Amazon, Aliexpress und vielen anderen Websites verwendet, insbesondere an Feiertagen wie Weihnachten, Neujahr und dem Schwarzen Freitag.

Daher ist das Hinzufügen eines Countdown-Timers zu WooCommerce eine der besten Strategien, um den Umsatz zu steigern und die Conversion zu steigern . Dazu können Sie einen Produkt-Countdown verwenden, um klarere Informationen zu Ihren Verkaufsaktionen anzuzeigen.

Nachdem dies gesagt ist, lassen Sie uns direkt in die Vorgehensweise einsteigen.

Wie füge ich den WooCommerce-Produktcountdown hinzu?

Der einfachste Weg, einen WooCommerce-Produkt-Countdown hinzuzufügen, ist die Verwendung eines speziellen Countdown-Plugins . Diese Plugins sind einfach zu konfigurieren und können mithilfe von Shortcodes in Beiträge und Widgets eingefügt werden.

Schauen wir uns also zuerst einige der beliebten Plugins an und wie wir sie für Ihre WooCommerce-Produkte verwenden können.

Verkaufs-Countdown-Timer

add-woocommerce-product-countdown

Sales Countdown Timer ist ein WordPress-Plugin, mit dem Sie einen Countdown-Timer für Ihre Website erstellen können. Das Plugin ist sehr einfach zu konfigurieren und mit erweiterten Optionen in jedes Projekt zu integrieren.

Es ermöglicht Ihnen, einen anpassbaren Countdown-Timer anzuzeigen, der über Shortcodes in ein Seitenleisten-Widget, einen Beitrag oder eine Seite eingefügt werden kann. Sie können sowohl für ein einzelnes Produkt als auch als Massen-Countdown-Timer für variable Produkte erstellt werden.

Hauptmerkmale:
  • Shortcodes generieren
  • Einfache und saubere Schnittstelle
  • Einfache Änderung von Schriftart und Farbe aus den Plugin-Optionen
  • Option zum automatischen Zurücksetzen des Countdowns

Preis:

Sales Countdown Timer ist ein kostenloses Plugin. Es ist im offiziellen WordPress-Plugin-Repository verfügbar.

YITH WooCommerce-Produkt-Countdown

add-woocommerce-product-countdown

YITH WooCommerce Product Countdown ist ein weiteres Plugin, mit dem Sie den Umsatz auf Ihrer Website steigern können. Es ist ein perfektes Tool, um aufmerksamkeitsstarke Countdown-Timer in Beiträgen und Seiten für E-Commerce-Websites zu erstellen.

Das wurde in HTML5 entwickelt und ist vollständig anpassbar. Außerdem funktioniert es perfekt mit dem neuen Gutenberg-Editor und Sie können sich auch die Anzahl der verfügbaren oder ausverkauften Artikel anzeigen lassen.

Hauptmerkmale:

  • Erstellen Sie einen Fortschrittsbalken
  • Kompatibel mit Mobilgeräten
  • Anpassbare Texte und Farben
  • Ändern Sie den Timer-Typ

Preis:

YITH WooCommerce Product Timer ist ein Premium-Plugin, das bei einer Jahresgebühr von 65 USD beginnt. Es beinhaltet 1 Jahr Updates und Support sowie eine 30-tägige Geld-zurück-Garantie.

So verwenden Sie ein Plugin, um den WooCommerce-Produkt-Countdown hinzuzufügen:

Wenn Sie nach einer kostenlosen Option suchen, um einen Produkt-Countdown für Ihre WooCommerce-Website hinzuzufügen, empfehlen wir als Einstieg den Sales Countdown Timer . Wir werden es auch für diese Demonstration verwenden.

Aber bevor wir beginnen, stellen Sie bitte sicher, dass Sie WooCommerce mit einem der kompatiblen WooCommerce-Designs richtig eingerichtet haben, um Design- oder Plugin-Konflikte zu vermeiden. Beginnen wir zunächst mit der Installation und Aktivierung des Plugins.

1. Installieren Sie das Sales Countdown Timer-Plugin

Als erstes müssen Sie die Seite Plugins > Neu hinzufügen in Ihrem WordPress-Adminbereich besuchen. Suchen Sie dann in der Suchleiste nach Verkaufs-Countdown-Timer.

add-woocommerce-product-countdown

Dies sollte Ihnen das Plugin aus dem WordPress-Plugin-Verzeichnis in den Suchergebnissen anzeigen. Klicken Sie neben dem Plugin auf die Schaltfläche Jetzt installieren . Sobald der Installationsvorgang abgeschlossen ist, aktivieren Sie ihn.

Wenn Sie die Premium-Version dieses Plugins verwenden möchten, müssen Sie es manuell hochladen und installieren. Weitere Informationen finden Sie in unserer ausführlichen Anleitung zur manuellen Installation eines WordPress-Plugins.

2. Konfigurieren Sie die Plugin-Einstellungen

Nachdem das Plugin aktiviert wurde, müssen Sie das Plugin einrichten. Sie finden eine neue Option „ Countdown-Timer “, die im WordPress Dashboard-Menü hinzugefügt wurde. Sobald Sie es öffnen, sehen Sie eine Umschaltfläche, mit der Sie den Countdown-Timer von Ihrer WooCommerce-Website aktivieren oder deaktivieren oder sogar entfernen können.

Danach gibt es 3 Haupteinstellungen zum Konfigurieren und Einrichten des Plugins. Dazu gehören allgemeine Einstellungen, Design und WooCommerce-Produkte. Mal sehen, wie wir die Plugin-Einstellungen konfigurieren können.

2.1) Allgemeine Einstellungen

In den allgemeinen Einstellungen können Sie einen Namen für den Countdown-Timer festlegen, sodass Sie das Verkaufs-Countdown-Profil finden können, wann immer Sie den Countdown-Timer auf der Einzelproduktseite hinzufügen möchten.

Als nächstes müssen Sie das Datum und die Uhrzeit einstellen, um den Produkt-Countdown-Timer zu planen.

In den allgemeinen Einstellungen gibt es einige weitere Funktionen wie den „Countdown immergrün“ und „Countdown neu starten nach“. Sie sind nur in der Premium-Version des Plugins verfügbar

2.2) Designeinstellungen

Sie können das allgemeine Erscheinungsbild des Countdown-Timers in den Designeinstellungen anpassen. Es gibt insgesamt 10 Optionen, die Sie konfigurieren können, um den Countdown-Timer an Ihre Website anzupassen. Sie sind:

  1. Nachricht : Fügen Sie eine Textnachricht hinzu, die im Frontend angezeigt wird
  2. Zeittrennzeichen : Wählen Sie das Trennzeichen wie Doppelpunkt (:), Komma (,), Punkt (.). zwischen Zeiteinheit
  3. Datetime-Formatstil: Wählen Sie verschiedene Formatstile für die Uhrzeit aus
  4. Datetime Unit Position: Wählen Sie die obere oder untere Position, um die Zeiteinheit anzuzeigen.
  5. Animationsstil: Wählen Sie den Standard- oder Folienanimationsstil für den Countdown-Timer
  6. Anzeigetyp : Wählen Sie verschiedene Layouts für den Countdown-Timer
  7. Countdown-Timer : Wählen Sie eine Farbe für den Hintergrund, den Rand, die Polsterung und den Randradius des Countdown-Timers
  8. Zähler- Timer -Elemente: Ermöglicht das Einstellen der Farbe für Zähler-Timer-Elemente
  9. Datum/ Uhrzeit-Wert : Passen Sie die Hintergrundfarbe und Schriftgröße für den Datum/Uhrzeit-Wert an
  10. Datum/ Uhrzeit-Einheit : Passen Sie die Hintergrundfarbe und Schriftgröße für Datum/Uhrzeit-Einheiten an.

2.3) WooCommerce-Produkteinstellungen

Schließlich können Sie mit der WooCommerce-Produkteinstellung konfigurieren, wie die Countdown-Produkte angezeigt werden sollen.

Sie können einen Sticky-Timer für die Produkte aktivieren und seine Position auf einzelnen Produkt- oder Archivseiten anpassen.

Wenn Sie den Countdown-Timer auf den Shop- oder Kategorieseiten anzeigen möchten, können Sie dies ebenfalls tun. Die Größe des Timers kann für diese Seiten auf Mobilgeräten sogar angepasst werden.

Darüber hinaus können Sie auch einen Countdown-Timer für Ihren bevorstehenden Verkauf aktivieren. Alles, was Sie tun müssen, ist, Ihrer Website eine benutzerdefinierte Nachricht dafür hinzuzufügen.

Schließlich erhalten Sie auch Fortschrittsbalkenoptionen für Ihren Countdown-Timer. Sie können diese Einstellungen konfigurieren, um die Verfügbarkeit des Produkts zusammen mit dem Bestellstatus der Produkte anzuzeigen. Nicht nur das, Sie können auch das Design des Fortschrittsbalkens anpassen.

Das erste, was wir im Fortschrittsbalken sehen können, ist ein Abschnitt mit einer Fortschrittsbalkenmeldung. Hier können Sie die Nachricht mit Hilfe von Shortcodes wie {quantity_sold}/{goal} verkauft konfigurieren

add-woocommerce-product-countdown

Als Nächstes können wir sehen, wie viele Ihrer Produkte verkauft wurden, indem Sie einen Fortschrittsbalkentyp auswählen. Es gibt zwei Optionen, nämlich Erhöhen und Verringern. Wenn Sie die Erhöhungsoption wählen, wird Ihre Produktleiste bei jedem Kauf des Produkts gefüllt.

Neben dem Fortschrittsbalkentyp können Sie auch die Option „Bestellstatus“ sehen. Mit dieser Option können Sie zuerst einen Bestellstatus auswählen und nur der ausgewählte Bestellstatus wird im Fortschrittsbalken gezählt.

Sie können auch die Position des Verkaufsfortschrittsbalkens auswählen. Es gibt zwei Positionen, an denen Sie den Fortschrittsbalken anzeigen können, der sich über und unter der Countdown-Uhr befindet. add-woocommerce-product-countdown

Für die letzte Konfiguration können Sie die Text-, Hintergrund- und Rahmenradiusfarbe des Fortschrittsbalkens ändern.

3. Fügen Sie den WooCommerce-Produkt-Countdown-Timer zu einzelnen Produkten hinzu

Nach der Konfiguration können Sie Ihren WooCommerce-Produkten jetzt ganz einfach einen Countdown-Timer direkt von der Seite „Bestellung bearbeiten“ hinzufügen. Gehen Sie einfach in Ihrem WordPress-Dashboard zu Produkte > Alle Produkte . Hier sehen Sie alle Ihre Produkte. Sie können entweder auf Bearbeiten klicken oder das Produkt auswählen, in dem Sie den Countdown-Timer einstellen möchten add-woocommerce-product-countdown

Dies führt zur Produktbearbeitungsseite. Scrollen Sie dann nach unten, wo Sie Produktdaten mit mehreren Optionen in der Dropdown-Liste sehen können. Da wir einem einzelnen Produkt einen Countdown-Timer hinzufügen, sollten Sie im Dropdown-Menü „Einfaches Produkt “ auswählen.

In den allgemeinen Einstellungen können Sie den regulären Preis zusammen mit dem Verkaufspreis festlegen. Klicken Sie darunter auf die Option Zeitplan nach der Option Verkaufspreis. Wir können zusätzliche Countdown-Timer-Einstellungen sehen, in denen Sie ein Datum und eine Uhrzeit für den Countdown festlegen können.

Darüber hinaus können Sie auch das Countdown-Timer-Profil auswählen, das wir während der Konfiguration erstellt haben. In unserem Fall ist es „ Stock Clearance “. Sie können den Profilnamen entsprechend Ihrer Verkaufskampagne benennen.

Der Fortschrittsbalken kann auch von hier aus aktiviert werden, indem Sie das Kontrollkästchen aktivieren.

Dann müssen Sie nur noch ein Ziel und eine Anfangsmenge festlegen, die Ihren Kunden mitteilt, wie viel des Produkts verkauft wurde oder verfügbar ist. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Aktualisieren . Als Ergebnis können Sie sehen, dass der Zähler-Timer auf der Produktseite angezeigt wird. add-woocommerce-product-countdown

3.1) Fügen Sie den WooCommerce-Produkt-Countdown-Timer zu einer einzelnen Seite mit Shortcodes hinzu

Wenn Sie den WooCommerce-Produktcountdown anstelle von Produkten zu anderen WooCommerce-Seiten hinzufügen möchten, können Sie einfach Shortcodes verwenden. Sie werden auf der Seite mit den CountDown-Timer-Einstellungen bereitgestellt. Kopieren Sie einfach den Shortcode.

Jetzt müssen Sie nur noch die Seite bearbeiten, auf der der Produkt-Countdown angezeigt werden soll. Fügen Sie dann den Shortcode hier ein.

Klicken Sie abschließend auf Aktualisieren . Wenn Sie die Seite in der Vorschau anzeigen, finden Sie den Countdown-Timer am vorderen Ende der Seite. add-woocommerce-product-countdown

4. Fügen Sie einen Countdown-Timer für Massenverkäufe für variable Produkte hinzu

Wir haben gesehen, wie wir einen WooCommerce-Produkt-Countdown-Timer für ein einzelnes Produkt hinzufügen können. Sehen wir uns nun an, wie wir Massenverkäufe zu einem Produkt mit Variationen oder variablen Produkten hinzufügen können .

Früher auf der Produktbearbeitungsseite haben wir das einzelne Produkt als „einfaches Produkt“ festgelegt, aber jetzt müssen wir den Produkttyp im Dropdown-Menü der Produktdaten in „ variables Produkt“ ändern.

Möglicherweise stellen Sie fest, dass sich diese Einstellungen vom einfachen Produkt unterscheiden. Der Vorgang zum Einstellen des Countdowns ist jedoch auch für variable Produkte derselbe wie bei einzelnen Produkten.

Wählen Sie Variationen aus den Optionen und stellen Sie erneut Datum und Uhrzeit für den Countdown-Timer zusammen mit dem Ziel und der Anfangsmenge des Produkts ein. Sie können den Fortschrittsbalken auch aktivieren oder deaktivieren, indem Sie das Kontrollkästchen aktivieren. add-woocommerce-product-countdown

Danach sollten Sie zu Produkt > Alle Produkte gehen. Um einen Countdown-Timer für Massenverkäufe hinzuzufügen, müssen wir den Produkttyp filtern, Variables Produkt aus dem Dropdown-Menü auswählen und auf die Schaltfläche Filter klicken.

Jetzt können Sie in der Produktliste nur noch die Liste der variablen Produkte sehen.

Wählen Sie die variablen Produkte aus und wählen Sie Bearbeiten aus dem Feld Massenaktion und klicken Sie direkt daneben auf die Schaltfläche Anwenden . add-woocommerce-product-countdown

Wenn Sie auf der Bearbeitungsseite weiter scrollen, finden Sie einen Countdown-Timer für Massenverkäufe für variable Produkte. add-woocommerce-product-countdown

Nachdem Sie den Countdown-Timer für Massenverkäufe nach Ihren Wünschen bearbeitet haben, klicken Sie auf Aktualisieren .

Bonus: Automatische Vervollständigung von WooCommerce-Bestellungen

Wir haben Ihnen bereits eine der einfachsten Möglichkeiten vorgestellt, einen WooCommerce-Produkt-Countdown hinzuzufügen . Sie sind sehr nützlich, um Ihre Kunden über die Angebote zu informieren. Aber als Bonus stellen wir diesen Leitfaden auch zur Verfügung, um eine schnelle Reaktion auf Kundenbestellungen zu bieten, indem wir sie automatisch vervollständigen.

Der einfachste und schnellste Weg, WooCommerce-Bestellungen automatisch abzuschließen, ist die Verwendung eines speziellen Plugins.

Für diesen Leitfaden verwenden wir das Plugin Autocomplete WooCommerce Orders. Also lass uns weitermachen und das Plugin installieren. Gehen Sie dazu zu Ihrem WordPress-Dashboard > Plugins > Neu hinzufügen und suchen Sie in der Suchleiste nach Autocomplete WooCommerce Orders.

Sobald das Ergebnis angezeigt wird, klicken Sie auf die Schaltfläche Jetzt installieren und aktivieren Sie es.

Bevor wir weitermachen, benötigen wir ein PayPal-Token , um das AutoComplete WooCommerce-Plugin einzurichten. Sie können den Token ganz einfach in Ihrem PayPal-Konto finden. Holen wir uns also zuerst den Token.

Richten Sie den PayPal-Datentoken ein

Der erste Schritt besteht darin, sich bei Ihrem PayPal-Konto anzumelden. Gehen Sie jetzt zu Ihren PayPal-Kontoeinstellungen, indem Sie in der Navigationsleiste auf die Schaltfläche Einstellungen klicken.

Sie werden verschiedene Optionen finden, aber Sie sollten auf die Registerkarte Verkäufer-Tools klicken. Achten Sie darauf, auf Website- Einstellungen aktualisieren zu klicken .

Scrollen Sie dann nach unten zu Auto Return und aktivieren Sie die Option Auto Return . Daraufhin können Sie ein Feld zu Ihrer Rücksende-URL-Seite hinzufügen. Denken Sie daran, dass Ihre Benutzer beim Auschecken der Seiten auf die von Ihnen ausgewählte Seite weitergeleitet werden.

Speichern Sie nach Auswahl der Rücksende-URL die Einstellungen. Wenn Sie weiter scrollen, können Sie auf Ihren Paypal-Datentoken zugreifen. Kopieren Sie das Identitätstoken und aktivieren Sie auch die Option Zahlungsdatentransfer .

Konfigurieren Sie das Plugin für die automatische Vervollständigung von Bestellungen

Um die Einstellungen des Plugins zu konfigurieren, gehen Sie zu WooCommerce > Einstellungen und öffnen Sie die Registerkarte Autocomplete Orders .

Sie können 3 verschiedene Modi finden.

  • Nur bezahlte Bestellungen von virtuellen Produkten
  • Alle bezahlten Bestellungen von Produkten
  • Jede Bestellung (bezahlt oder unbezahlt)

Wählen Sie den gewünschten Modus auf Ihrer Website aus. Denken Sie auch daran, dass Ihre Bestellungen automatisch gemäß dem von Ihnen gewählten Modus verarbeitet werden. Wenn Sie beispielsweise Alle bezahlten Bestellungen einer beliebigen Produktoption auswählen, verarbeitet das Plugin automatisch Bestellungen für alle Arten von Produkten auf der Grundlage verifizierter Zahlungen.

Einrichten Ihres PayPal-Datenübertragungstokens

Nachdem Sie sowohl das Plugin als auch den PayPal-Datentoken eingerichtet haben, klicken Sie auf WooCommerce> Einstellungen und öffnen Sie die Registerkarte Zahlungen .

Hier können Sie alle Zahlungsgateways der Website sehen. Klicken Sie einfach auf Verwalten , um die Einstellungen für PayPal in WooCommerce zu öffnen.

Sie finden das PayPal-Identitäts-Token-Feld, wenn Sie weiter scrollen. Fügen Sie nun das Identitätstoken ein , das wir zuvor gespeichert haben.

Zuletzt können Sie die verbleibenden Einstellungen vornehmen, um Ihren Kunden mit PayPal ein angenehmes Bezahlerlebnis zu bieten. Wenn Sie lernen möchten, wie das geht, lesen Sie diesen Artikel. Wenn Sie mit der Einrichtung fertig sind, klicken Sie auf Änderungen speichern.

Jetzt können Ihre Kunden WooCommerce-Bestellungen auf Ihrer Website automatisch abschließen.

Ähnlich. Sie können auch die automatische Vervollständigung von Bestellungen mit Hilfe von Code aktivieren. Wenn Sie erfahren möchten, wie das geht, empfehlen wir Ihnen, den Artikel hier zu lesen.

Fazit

Zusammenfassend hilft Ihnen das Hinzufügen eines Countdowns für WooCommerce, den Umsatz zu steigern, die Conversions zu steigern und auch ein besseres Kundenerlebnis zu bieten.

Heute haben wir in diesem Tutorial eine einfache Möglichkeit gesehen, einen Produkt-Countdown zu jeder WooCommerce-Website hinzuzufügen . Dies ist perfekt für diejenigen, die Anfänger sind. Sales Countdown Timer ist ein hervorragendes Freemium-Plugin, das sehr einfach zu konfigurieren ist und zusätzliche Funktionen enthält, wenn Sie auf die Premium-Version upgraden möchten.

Wir haben Ihnen auch einige grundlegende Schritte zur automatischen Vervollständigung von WooCommerce-Bestellungen bereitgestellt, bei denen Ihre Kunden Ihre virtuellen Produkte oder Dienstleistungen kaufen können, ohne sie bei jeder Bestellung manuell zu genehmigen. Aber wenn Sie mehr über WooCommerce-Bestellungen erfahren möchten, haben wir einige weitere Anleitungen zum Exportieren oder Löschen von Bestellungen und sogar zum Wiederholen oder Testen von Bestellungen.

Haben Sie einen Countdown für Ihre Produkte hinzugefügt? Was haltet ihr von diesem Plugin? Bitte teilen Sie uns Ihre Erfahrungen im Kommentarbereich mit.

Wenn Sie außerdem die Benutzererfahrung auf Ihrer WooCommerce-Website verbessern möchten, könnten diese Artikel für Sie hilfreich sein:

  • Beste WooCommerce-Plugins zur Produktlistenansicht
  • So fügen Sie WooCommerce-verwandte Produkte hinzu
  • Die besten Slider-Plugins für WordPress