Meldingencentrum: volledige gids
De meldingenbel in de frontoffice installeren, instellen en benutten: automatische nieuwe producten, kortingscodes, ongelezen-badge, planning en targeting voor PrestaShop 8 en 9.
Presentatie
De module Meldingencentrum (dfnotificationcenter) voegt een meldingenbel toe aan de header van uw webshop, vlak naast de winkelwagen en “Mijn account”. Een rode badge wijst op ongelezen meldingen. Uw nieuwe producten verschijnen er automatisch en u kunt er uw kortingscodes in pushen, die de klant met één klik kopieert. Alles is meertalig, multishop en compatibel met PrestaShop 8 en 9.
De bel speelt in op een reflex die uw bezoekers al van de sociale netwerken kennen: een rood puntje trekt de blik en nodigt uit tot klikken, zonder opdringerige pop-up of banner die het browsen hindert.
Compatibiliteit
- PrestaShop 8.0 tot 9.x
- Eén winkel en multishop
- PHP 7.2 tot 8.x
- Classic-thema en aangepaste thema’s
- Interface geleverd in het Frans, Engels, Spaans, Duits en Italiaans
- Geen enkele afhankelijkheid (geen Composer, geen framework)
Installatie
- Open in de backoffice Modules → Modulebeheer.
- Klik op Een module installeren en selecteer het bestand
dfnotificationcenter.zip. - Klik na de installatie op Configureren.
Bij de installatie maakt de module haar drie tabellen aan (meldingen, vertalingen, leesstatus), registreert ze haar hooks (bel in de header, frontresources, productregistratie, aanmaak van kortingsbonnen) en voegt ze het backofficetabblad Notification Center toe om de meldingen te beheren.
Globale instellingen
Via de pagina Configureren van de module regelt u het algemene gedrag:
- Automatische nieuwe producten: maakt bij elke productregistratie een melding aan.
- Alleen actieve producten: genereert de melding alleen voor actieve en zichtbare producten.
- Automatische promo bij kortingsbon: maakt automatisch een promomelding aan zodra een kortingsbon met code wordt aangemaakt.
- Levensduur van productmeldingen (dagen): automatisch verval na N dagen.
0= nooit. - Vernieuwingsinterval (seconden): verversing van de badge op de achtergrond.
0= uitgeschakeld. - Maximum aantal items in het paneel: het aantal meldingen dat de bel toont.
- Badgekleur en Belkleur (leeg = themakleur).
- Geluid en Animatie van de bel bij een nieuwe melding.
Meldingen beheren
Het tabblad Notification Center (ook bereikbaar via de knop “Notification Center openen” op de configuratiepagina) toont uw meldingen met hun type, prioriteit, aantal weergaven en klikken, en hun actieve status. Klik op Een melding toevoegen om er een aan te maken.
Velden van een melding
- Type: Nieuw product, Kortingscode, Nieuws of Informatie. Elk type heeft aan klantzijde een eigen icoon en kleur.
- Titel (meertalig, verplicht) en Bericht (meertalig, teksteditor).
- Knoplabel (meertalig) en Link (doel-URL).
- Product-ID: voor het type Nieuw product. De afbeelding en de link worden dan automatisch opgehaald.
- Kortingscode: voor het type Kortingscode. Aan klantzijde getoond met een knop Kopiëren.
- Afbeelding: optioneel visueel (genegeerd voor het producttype, dat de omslagafbeelding gebruikt).
- Doelgroep: “Alle klanten” of een specifieke groep.
- Prioriteit: hoe hoger de waarde, hoe hoger de melding komt te staan.
- Begindatum en Einddatum: laat leeg voor “meteen zichtbaar” en “vervalt nooit”.
- Actief: activeringsschakelaar.
Planning en targeting zijn te combineren: u kunt bijvoorbeeld een promomelding programmeren die alleen de groep “Trouwe klanten” ziet, van de 1e tot de 15e van de maand, met een hoge prioriteit zodat ze bovenaan verschijnt.
Automatische nieuwe producten
Staat de optie aan, dan luistert de module naar de registratie van producten (hook actionProductSave) en maakt ze een melding van het producttype aan met de naam, de omslagafbeelding en de link naar de productpagina. Eenzelfde product wordt maar één keer gemeld (ontdubbeling op productidentificatie).
De afbeelding en de link van een productmelding worden bij de weergave herberekend. Ook als u het product later wijzigt of de foto vervangt, blijft de melding correct. Wordt het product inactief of verwijderd, dan verschijnt de melding gewoon niet meer.
Kortingscodes
Maak een melding van het type Kortingscode aan, vul de code van uw kortingsbon in, en aan klantzijde verschijnt die in een chip met een knop Kopiëren. Eén klik, de code staat op het klembord, de klant keert terug naar de winkelwagen om hem toe te passen.
Staat de optie Automatische promo bij kortingsbon aan, dan wordt bij elke aanmaak van een kortingsbon met code automatisch een promomelding aangemaakt (hook actionObjectCartRuleAddAfter), met overname van de einddatum van de geldigheid.
Werking aan klantzijde
De bel verschijnt in de header via de hook displayNav2, naast de winkelwagen en “Mijn account”. Een rode badge toont het aantal ongelezen meldingen (boven de negen toont hij 9+). Bij een klik opent een uitklappaneel de meldingen, met de hoogste prioriteit en de meest recente eerst.
- Als gelezen markeren: een knop “Alles als gelezen markeren” en automatisch lezen bij een klik op een melding.
- Knop Kopiëren op de kortingscodes.
- Relatieve tijdsaanduiding (“2 u geleden”, “gisteren” enzovoort).
- Responsief: op mobiel verschijnt het paneel onderaan het scherm (bottom sheet).
- Toegankelijkheid: ARIA-attributen en sluiten met het toetsenbord (Escape).
Status gelezen / ongelezen
Voor ingelogde klanten wordt de status gelezen / ongelezen aan serverzijde opgeslagen en dus tussen hun apparaten gedeeld. Voor niet-ingelogde bezoekers wordt hij in de browser bewaard via localStorage.
Statistieken (KPI)
Elke melding houdt een teller van weergaven en klikken bij, zichtbaar in de lijst van de backoffice. Zo ziet u in één oogopslag welke meldingen de meeste interactie opleveren.
Compatibiliteit met PrestaShop 9
De module is ontworpen en getest van PrestaShop 8.0 tot 9.x:
- de backofficecontroller gebruikt
ModuleAdminController, compatibel met 8 en 9; - de controllers vermijden de in PrestaShop 9 verwijderde methoden;
- de AJAX-frontcontroller stuurt rechtstreeks JSON terug via
ajaxProcess-methoden, zonder incompatibele signature-override; - geen enkele override van de PrestaShop-kern.
FAQ en probleemoplossing
De bel verschijnt niet in de header
De bel is gekoppeld aan de hook displayNav2 van het Classic-thema, waar ook de winkelwagen en het klantaccount staan. Bij een aangepast thema zonder die plek koppelt u de module aan de hook die uw header gebruikt via Modules → Modulebeheer, of neemt u contact met ons op.
De nieuwe producten verschijnen niet
Controleer of de optie Automatische nieuwe producten actief is. Staat Alleen actieve producten aangevinkt, dan moet het product actief en zichtbaar zijn. Een al gemeld product wordt geen tweede keer gemeld.
De badge wordt voor een bezoeker niet bijgewerkt
Voor niet-ingelogde bezoekers wordt de leesstatus in de browser bewaard. De cache of de sitegegevens wissen zet die status terug op nul. Voor een gedeelde opvolging tussen apparaten moet de klant ingelogd zijn.
De knop Kopiëren werkt niet
Het kopiëren gebruikt de klembord-API van de browser, beschikbaar via HTTPS. Zorg dat uw webshop via HTTPS wordt geserveerd; er is een noodkopie voorzien, maar HTTPS garandeert de beste werking.
Hoe vertaal ik de meldingen?
De titel, het bericht en het knoplabel zijn meertalige velden: kies elke taal in het formulier van de melding. De interfacelabels vertaalt u via Geavanceerde instellingen → Vertalingen → Vertalingen van geïnstalleerde modules, met keuze van dfnotificationcenter.
Is de module compatibel met PrestaShop 9?
Ja. De module is ontworpen en getest van PrestaShop 8.0 tot 9.x, zowel in één winkel als in multishop.
Verwijdering
Het verwijderen wist het backofficetabblad, de instellingen en de drie tabellen van de module (meldingen, vertalingen, leesstatus). Wilt u uw meldingen bewaren, schakel de module dan uit zonder ze te verwijderen.