Notification Center — Guida completa
Installa, configura e sfrutta la campanella delle notifiche WooCommerce: posizionamento, prodotti automatici, codici sconto, articoli, annunci, multilingue e API REST.
Panoramica
DataFirefly Notification Center aggiunge una campanella delle notifiche nell’intestazione del tuo negozio WooCommerce, accanto al carrello e all’area account. Un puntino rosso segnala le novità non lette e invita naturalmente al clic, senza e-mail né pop-up invadenti.
Il plugin diffonde automaticamente i tuoi nuovi prodotti, codici sconto e articoli del blog, e ti permette di pubblicare annunci liberi dalla bacheca. È multilingue (Polylang / WPML), compatibile con la cache di pagina e con l’archiviazione degli ordini ad alte prestazioni (HPOS).
In breve: una campanella con pannello a discesa, un indicatore di non letti e tre trigger automatici pronti all’uso (prodotti, codici sconto, articoli).
Installazione
- Carica la cartella
df-notification-centerinwp-content/plugins/, oppure installa lo ZIP da Plugin e poi Aggiungi nuovo. - Attiva il plugin DataFirefly Notification Center.
- Apri il menu Notifiche e poi Impostazioni per scegliere la visualizzazione della campanella.
WooCommerce è consigliato per le notifiche di prodotti e codici sconto. Gli annunci manuali e gli articoli del blog funzionano anche senza WooCommerce.
Visualizzare la campanella
Il plugin offre quattro metodi di posizionamento, selezionabili in Impostazioni, Metodo di inserimento.
I 4 metodi
- Menu di navigazione — la campanella viene aggiunta in fondo a un menu (scegli la posizione del tema, di solito «primary»).
- Selettore CSS — la campanella viene inserita subito prima o dopo un elemento che indichi. Ideale per agganciarla all’icona del carrello.
- Campanella fluttuante — un pulsante fisso in basso a destra o a sinistra dello schermo.
- Shortcode — inserisci
[df_notification_center]dove preferisci.
Agganciare la campanella all’icona del carrello
Scegli il metodo Selettore CSS e indica il selettore dell’icona del tuo carrello, ad esempio a.cart-contents. La campanella viene inserita automaticamente accanto. Il selettore esatto dipende dal tuo tema: ispeziona l’icona del carrello per individuarlo.
Aspetto
Puoi regolare il colore d’accento, i colori della campanella e dell’indicatore, scegliere tra un semplice puntino rosso o un contatore numerico, attivare l’animazione della campanella in presenza di elementi non letti, e mostrare o nascondere la campanella su mobile.
Annunciare i tuoi contenuti
Nuovi prodotti (automatico)
Quando l’opzione è attiva, ogni prodotto pubblicato crea automaticamente una notifica, senza alcuna azione. Attiva o disattiva questo comportamento in Impostazioni, Prodotti.
Codici sconto
Nell’editor dei coupon di WooCommerce compare una casella Centro notifiche. Spuntala per diffondere il codice, con un messaggio personalizzato facoltativo. Il codice viene mostrato nel pannello con un pulsante Copia. Se il coupon ha una data di scadenza, la notifica scompare automaticamente in quella data.
Articoli del blog
Nell’editor degli articoli, una casella Centro notifiche propone una spunta. Spuntala per annunciare l’articolo; puoi aggiungere un messaggio personalizzato.
Annunci manuali
Dalla schermata Notifiche, crea annunci liberi (titolo, messaggio, link, data di scadenza). La tabella consente anche di attivare, disattivare ed eliminare ogni notifica.
Pianificazione e monitoraggio dei clic
Ogni notifica può avere una data di fine: trascorsa tale data, scompare dal pannello. La bacheca mostra anche il numero di clic per notifica, per misurare cosa interessa ai tuoi visitatori. Una pulizia automatica opzionale rimuove le notifiche inattive oltre un determinato numero di giorni.
Letto e non letto
Per i clienti autenticati, lo stato letto/non letto viene memorizzato lato server e sincronizzato tra i loro dispositivi. Per i visitatori non autenticati, viene memorizzato nel browser. La campanella resta quindi compatibile con la cache di pagina: i contenuti dinamici vengono caricati via AJAX e non impediscono la memorizzazione nella cache.
Aprire il pannello segna le notifiche come lette e azzera l’indicatore.
Multilingue (Polylang e WPML)
Quando il filtro lingua è attivo, ogni notifica viene mostrata solo nella propria lingua: un prodotto pubblicato in francese compare solo nella versione francese del sito, e così via. Il plugin rileva la lingua tramite Polylang o WPML. Puoi disattivare questo filtro per diffondere tutte le notifiche in tutte le lingue.
API REST (headless)
Un endpoint in sola lettura espone le notifiche visibili, utile per un front-end headless:
GET /wp-json/df-nc/v1/notificationsLa risposta contiene le notifiche attive (filtrate per lingua) insieme agli identificatori già letti dall’utente corrente.
FAQ e risoluzione dei problemi
La campanella non compare
Controlla il metodo di inserimento scelto. In modalità Menu, assicurati che un menu sia assegnato alla posizione selezionata. In modalità Selettore CSS, verifica che il selettore corrisponda a un elemento presente nella pagina.
L’indicatore non appare
L’indicatore appare solo quando esiste almeno una notifica attiva non letta. Crea un annuncio di prova dalla schermata Notifiche per verificare.
È compatibile con la mia cache?
Sì. La campanella viene generata come HTML statico e le notifiche vengono caricate via AJAX, mantenendo la compatibilità con WP Rocket, LiteSpeed Cache e altri sistemi di cache.
È compatibile con HPOS?
Sì, il plugin dichiara la compatibilità con l’archiviazione degli ordini ad alte prestazioni di WooCommerce.