Notification Center: volledige handleiding
De WooCommerce-meldingsbel installeren, instellen en gebruiken: plaatsing, automatische producten, kortingscodes, berichten, aankondigingen, meertaligheid en REST API.
Overzicht
DataFirefly Notification Center voegt een meldingsbel toe aan de header van uw WooCommerce-winkel, naast de winkelwagen en de klantomgeving. Een rood bolletje wijst op ongelezen nieuws en nodigt vanzelf uit tot klikken, zonder e-mail of opdringerige pop-up.
De module verspreidt automatisch uw nieuwe producten, uw kortingscodes en uw blogberichten, en laat u vanuit het dashboard vrije aankondigingen publiceren. Ze is meertalig (Polylang en WPML) en compatibel met paginacache en met de high performance order storage (HPOS).
Kort samengevat: een bel met een uitklapbaar paneel, een bolletje voor ongelezen items, en drie kant-en-klare automatische triggers (producten, kortingscodes, berichten).
Installatie
- Upload de map
df-notification-centernaarwp-content/plugins/, of installeer de ZIP via Plugins en daarna Nieuwe plugin. - Activeer de plugin DataFirefly Notification Center.
- Open het menu Meldingen en daarna Instellingen om te bepalen hoe de bel wordt getoond.
WooCommerce is aan te raden voor meldingen over producten en kortingscodes. Handmatige aankondigingen en blogberichten werken ook zonder WooCommerce.
De bel tonen
De module biedt vier plaatsingsmethoden, te kiezen in Instellingen, Invoegmethode.
De 4 methoden
- Navigatiemenu: de bel wordt achteraan een menu toegevoegd (kies de themalocatie, meestal “primary”).
- CSS-selector: de bel wordt vlak voor of na een element geplaatst dat u aanwijst. Ideaal om hem tegen het winkelwagenpictogram te zetten.
- Zwevende bel: een vaste knop rechtsonder of linksonder in het scherm.
- Shortcode: plaats
[df_notification_center]waar u maar wilt.
De bel tegen het winkelwagenpictogram plaatsen
Kies de methode CSS-selector en geef de selector van uw winkelwagenpictogram op, bijvoorbeeld a.cart-contents. De bel wordt daar automatisch naast geplaatst. De juiste selector hangt af van uw thema: inspecteer het winkelwagenpictogram om hem te vinden.
Vormgeving
U kunt de accentkleur en de kleur van het bolletje en de bel instellen, kiezen tussen een eenvoudig rood puntje of een teller met een cijfer, de bel laten bewegen wanneer er ongelezen items zijn, en de bel op mobiel tonen of verbergen.
Uw inhoud aankondigen
Nieuwe producten (automatisch)
Als deze optie actief is, maakt elk gepubliceerd product automatisch een melding aan, zonder verdere actie. Schakel dat gedrag in of uit bij Instellingen, Producten.
Kortingscodes
In de editor van een WooCommerce-kortingscode verschijnt een vakje Meldingencentrum. Vink het aan om de code te verspreiden, met een optionele eigen boodschap. De code verschijnt in het paneel met een knop Kopiëren. Heeft de coupon een vervaldatum, dan verdwijnt de melding op die datum automatisch.
Blogberichten
In de bericht-editor biedt een metabox Meldingencentrum een selectievakje. Vink het aan om het bericht aan te kondigen; u kunt er een eigen boodschap bij zetten.
Handmatige aankondigingen
Maak via het scherm Meldingen vrije aankondigingen aan (titel, boodschap, link, vervaldatum). Vanuit die tabel kunt u ook alle meldingen in- en uitschakelen en verwijderen.
Planning en klikregistratie
Elke melding kan een einddatum krijgen: na die datum verdwijnt ze uit het paneel. Het dashboard toont ook het aantal kliks per melding, zodat u ziet wat uw bezoekers interesseert. Een optionele automatische opruiming verwijdert inactieve meldingen na een bepaald aantal dagen.
Gelezen en ongelezen
Bij ingelogde klanten wordt de gelezen- of ongelezenstatus op de server bewaard en tussen hun apparaten gesynchroniseerd. Bij niet-ingelogde bezoekers staat die in de browser. De bel blijft daardoor compatibel met paginacache: de dynamische inhoud wordt via AJAX geladen en verhindert het cachen niet.
Het openen van het paneel markeert de meldingen als gelezen en laat het bolletje verdwijnen.
Meertaligheid (Polylang en WPML)
Is het taalfilter actief, dan verschijnt elke melding alleen in haar oorspronkelijke taal: een in het Frans gepubliceerd product verschijnt alleen op de Franse versie van de site, en zo verder. De module herkent de taal via Polylang of WPML. U kunt dat filter uitschakelen om alle meldingen in alle talen te tonen.
REST API (headless)
Een alleen-lezen endpoint stelt de zichtbare meldingen beschikbaar, handig voor een headless front:
GET /wp-json/df-nc/v1/notificationsHet antwoord bevat de actieve meldingen (gefilterd op taal) en de identificaties die de huidige gebruiker al heeft gelezen.
Veelgestelde vragen en probleemoplossing
De bel verschijnt niet
Controleer de gekozen invoegmethode. Ga bij de modus Menu na of er wel een menu aan de gekozen locatie is toegewezen. Controleer bij de modus CSS-selector of de selector overeenkomt met een element dat op de pagina staat.
Het bolletje verschijnt niet
Het bolletje verschijnt alleen als er minstens één actieve, ongelezen melding is. Maak via het scherm Meldingen een testaankondiging aan om dat te controleren.
Werkt dit met mijn cache?
Ja. De bel wordt als statische HTML weergegeven en de meldingen worden via AJAX geladen, wat compatibel blijft met WP Rocket, LiteSpeed Cache en andere cachesystemen.
Is het compatibel met HPOS?
Ja, de module verklaart haar compatibiliteit met de high performance order storage van WooCommerce.