Notification Center — Komplette Anleitung
Installieren, konfigurieren und nutzen Sie die WooCommerce-Benachrichtigungsglocke: Platzierung, automatische Produkte, Gutscheincodes, Beiträge, Ankündigungen, mehrsprachig und REST-API.
Überblick
DataFirefly Notification Center fügt dem Header Ihres WooCommerce-Shops eine Benachrichtigungsglocke hinzu, direkt neben Warenkorb und Kundenbereich. Ein roter Punkt markiert ungelesene Neuigkeiten und regt ganz natürlich zum Klicken an, ohne E-Mail und ohne aufdringliches Pop-up.
Das Plugin verbreitet automatisch Ihre neuen Produkte, Gutscheincodes und Blogbeiträge und ermöglicht es Ihnen, freie Ankündigungen über das Dashboard zu veröffentlichen. Es ist mehrsprachig (Polylang / WPML), Page-Cache-kompatibel und mit dem Hochleistungs-Bestellspeicher (HPOS) kompatibel.
Kurz gesagt: eine Glocke mit Aufklapp-Panel, eine Ungelesen-Markierung und drei sofort einsatzbereite automatische Auslöser (Produkte, Gutscheincodes, Beiträge).
Installation
- Laden Sie den Ordner
df-notification-centerinwp-content/plugins/hoch, oder installieren Sie das ZIP über Plugins und dann Installieren. - Aktivieren Sie das Plugin DataFirefly Notification Center.
- Öffnen Sie das Menü Benachrichtigungen und dann Einstellungen, um die Anzeige der Glocke zu wählen.
Für Produkt- und Gutscheincode-Benachrichtigungen wird WooCommerce empfohlen. Freie Ankündigungen und Blogbeiträge funktionieren auch ohne WooCommerce.
Die Glocke anzeigen
Das Plugin bietet vier Platzierungsmethoden, wählbar unter Einstellungen, Einfügemethode.
Die 4 Methoden
- Navigationsmenü — die Glocke wird ans Ende eines Menüs angehängt (wählen Sie die Theme-Position, meist „primary“).
- CSS-Selektor — die Glocke wird direkt vor oder nach einem von Ihnen angegebenen Element eingefügt. Ideal, um sie an das Warenkorb-Symbol anzuheften.
- Schwebende Glocke — ein fester Button unten rechts oder links am Bildschirm.
- Shortcode — platzieren Sie
[df_notification_center]nach Belieben.
Die Glocke an das Warenkorb-Symbol anheften
Wählen Sie die Methode CSS-Selektor und geben Sie den Selektor Ihres Warenkorb-Symbols an, zum Beispiel a.cart-contents. Die Glocke wird automatisch daneben eingefügt. Der genaue Selektor hängt von Ihrem Theme ab: untersuchen Sie das Warenkorb-Symbol, um ihn zu finden.
Erscheinungsbild
Sie können die Akzentfarbe, die Farben von Glocke und Markierung einstellen, zwischen einem einfachen roten Punkt und einem Zahlenzähler wählen, die Glocken-Animation bei ungelesenen Elementen aktivieren und die Glocke auf Mobilgeräten ein- oder ausblenden.
Ihre Inhalte ankündigen
Neue Produkte (automatisch)
Wenn die Option aktiviert ist, erzeugt jedes veröffentlichte Produkt automatisch eine Benachrichtigung, ganz ohne Aktion. Aktivieren oder deaktivieren Sie dieses Verhalten unter Einstellungen, Produkte.
Gutscheincodes
Im WooCommerce-Gutschein-Editor erscheint ein Kontrollkästchen Benachrichtigungscenter. Aktivieren Sie es, um den Code zu verbreiten, mit einer optionalen individuellen Nachricht. Der Code wird im Panel mit einem Kopieren-Button angezeigt. Hat der Gutschein ein Ablaufdatum, verschwindet die Benachrichtigung an diesem Datum automatisch.
Blogbeiträge
Im Beitrag-Editor bietet eine Box Benachrichtigungscenter ein Kontrollkästchen. Aktivieren Sie es, um den Beitrag anzukündigen; Sie können eine individuelle Nachricht hinzufügen.
Manuelle Ankündigungen
Erstellen Sie im Bereich Benachrichtigungen freie Ankündigungen (Titel, Nachricht, Link, Ablaufdatum). Die Tabelle ermöglicht auch das Aktivieren, Deaktivieren und Löschen jeder Benachrichtigung.
Planung und Klick-Tracking
Jede Benachrichtigung kann ein Enddatum erhalten: nach diesem Datum verschwindet sie aus dem Panel. Das Dashboard zeigt außerdem die Anzahl der Klicks pro Benachrichtigung, damit Sie messen können, was Ihre Besucher interessiert. Eine optionale automatische Bereinigung entfernt inaktive Benachrichtigungen nach einer festgelegten Anzahl von Tagen.
Gelesen und ungelesen
Bei angemeldeten Kunden wird der Gelesen-/Ungelesen-Status serverseitig gespeichert und geräteübergreifend synchronisiert. Bei nicht angemeldeten Besuchern wird er im Browser gespeichert. Die Glocke bleibt damit Page-Cache-kompatibel: Die dynamischen Inhalte werden per AJAX geladen und verhindern das Caching nicht.
Das Öffnen des Panels markiert die Benachrichtigungen als gelesen und entfernt die Markierung.
Mehrsprachig (Polylang und WPML)
Wenn der Sprachfilter aktiviert ist, wird jede Benachrichtigung nur in ihrer eigenen Sprache angezeigt: ein auf Französisch veröffentlichtes Produkt erscheint nur in der französischen Version der Website und so weiter. Das Plugin erkennt die Sprache über Polylang oder WPML. Sie können diesen Filter deaktivieren, um alle Benachrichtigungen in allen Sprachen zu verbreiten.
REST-API (Headless)
Ein schreibgeschützter Endpunkt stellt die sichtbaren Benachrichtigungen bereit, nützlich für ein Headless-Frontend:
GET /wp-json/df-nc/v1/notificationsDie Antwort enthält die aktiven Benachrichtigungen (nach Sprache gefiltert) sowie die vom aktuellen Benutzer bereits gelesenen IDs.
FAQ und Fehlerbehebung
Die Glocke wird nicht angezeigt
Prüfen Sie die gewählte Einfügemethode. Im Modus Menü stellen Sie sicher, dass der gewählten Position ein Menü zugewiesen ist. Im Modus CSS-Selektor prüfen Sie, ob der Selektor zu einem auf der Seite vorhandenen Element passt.
Die Markierung erscheint nicht
Die Markierung erscheint nur, wenn mindestens eine aktive, ungelesene Benachrichtigung vorhanden ist. Erstellen Sie zur Überprüfung eine Test-Ankündigung im Bereich Benachrichtigungen.
Ist es mit meinem Cache kompatibel?
Ja. Die Glocke wird als statisches HTML ausgegeben und die Benachrichtigungen werden per AJAX geladen, was mit WP Rocket, LiteSpeed Cache und anderen Cache-Systemen kompatibel bleibt.
Ist es HPOS-kompatibel?
Ja, das Plugin erklärt die Kompatibilität mit dem Hochleistungs-Bestellspeicher von WooCommerce.