Notification Center: kompletny przewodnik

Prezentacja

DataFirefly Notification Center dodaje dzwonek powiadomień w nagłówku Twojego sklepu WooCommerce, obok koszyka i panelu klienta. Czerwona kropka sygnalizuje nieprzeczytane nowości i naturalnie zachęca do kliknięcia, bez e-maili i bez natrętnych popupów.

Moduł automatycznie ogłasza nowe produkty, kody rabatowe i wpisy blogowe, a z panelu pozwala publikować dowolne ogłoszenia. Jest wielojęzyczny (Polylang / WPML), zgodny z cache stron oraz z wydajnym magazynem zamówień (HPOS).

Instalacja

1. Prześlij katalog df-notification-center do wp-content/plugins/ albo zainstaluj ZIP z poziomu Wtyczki, następnie Dodaj nową.
2. Włącz wtyczkę DataFirefly Notification Center.
3. Otwórz menu Powiadomienia, następnie Ustawienia, aby wybrać sposób wyświetlania dzwonka.

Wyświetlanie dzwonka

Moduł oferuje cztery metody umieszczenia, do wyboru w Ustawienia, Metoda wstawiania.

4 metody

• Menu nawigacyjne: dzwonek dodawany jest na końcu menu (wybierz lokalizację motywu, zwykle „primary”).
• Selektor CSS: dzwonek wstawiany jest tuż przed albo tuż za wskazanym przez Ciebie elementem. Idealne, żeby przykleić go do ikony koszyka.
• Pływający dzwonek: stały przycisk w prawym albo lewym dolnym rogu ekranu.
• Shortcode: umieść [df_notification_center] w dowolnym miejscu.

Przyklejenie dzwonka do ikony koszyka

Wybierz metodę Selektor CSS i wskaż selektor swojej ikony koszyka, na przykład a.cart-contents. Dzwonek wstawi się automatycznie obok. Dokładny selektor zależy od motywu: zbadaj ikonę koszyka w inspektorze, żeby go namierzyć.

Wygląd

Możesz ustawić kolor akcentu, kolor kropki i dzwonka, wybrać między zwykłą czerwoną kropką a licznikiem liczbowym, włączyć animację dzwonka przy nieprzeczytanych oraz pokazać albo ukryć dzwonek na urządzeniach mobilnych.

Ogłaszanie treści

Nowe produkty (automatycznie)

Gdy opcja jest aktywna, każdy opublikowany produkt tworzy powiadomienie automatycznie, bez żadnego działania. Włącz albo wyłącz to zachowanie w Ustawienia, Produkty.

Kody rabatowe

W edytorze kodu rabatowego WooCommerce pojawia się pole Centrum powiadomień. Zaznacz je, aby ogłosić kod, z opcjonalnym własnym komunikatem. Kod wyświetla się w panelu z przyciskiem Kopiuj. Jeśli kupon ma datę wygaśnięcia, powiadomienie znika automatycznie w tym dniu.

Wpisy blogowe

W edytorze wpisu metabox Centrum powiadomień udostępnia pole wyboru. Zaznacz je, aby ogłosić wpis; możesz dodać własny komunikat.

Ogłoszenia ręczne

Z ekranu Powiadomienia tworzysz dowolne ogłoszenia (tytuł, komunikat, link, data wygaśnięcia). Tabela obsługuje też włączanie, wyłączanie i usuwanie wszystkich powiadomień.

Planowanie i śledzenie kliknięć

Każde powiadomienie może otrzymać datę końcową: po jej upływie znika z panelu. Panel pokazuje też liczbę kliknięć per powiadomienie, co pozwala mierzyć, co interesuje odwiedzających. Opcjonalne automatyczne czyszczenie usuwa powiadomienia nieaktywne dłużej niż zadana liczba dni.

Przeczytane i nieprzeczytane

Dla zalogowanych klientów stan przeczytane/nieprzeczytane jest zapamiętywany po stronie serwera i synchronizowany między urządzeniami. Dla niezalogowanych odwiedzających przechowywany jest w przeglądarce. Dzwonek pozostaje więc zgodny z cache stron: dynamiczna treść ładowana jest przez AJAX i nie blokuje cache’owania.

Wielojęzyczność (Polylang i WPML)

Gdy filtr językowy jest włączony, każde powiadomienie wyświetla się tylko w swoim języku źródłowym: produkt opublikowany po francusku pojawia się tylko na francuskiej wersji witryny, i tak dalej. Moduł wykrywa język przez Polylang albo WPML. Filtr można wyłączyć, aby wyświetlać wszystkie powiadomienia we wszystkich językach.

API REST (headless)

Endpoint tylko do odczytu udostępnia widoczne powiadomienia, przydatny przy froncie headless:

GET /wp-json/df-nc/v1/notifications

Odpowiedź zawiera aktywne powiadomienia (przefiltrowane po języku) oraz identyfikatory już przeczytane przez bieżącego użytkownika.

FAQ i rozwiązywanie problemów

Dzwonek się nie wyświetla

Sprawdź wybraną metodę wstawiania. W trybie Menu upewnij się, że do wybranej lokalizacji rzeczywiście przypisano menu. W trybie Selektor CSS sprawdź, czy selektor odpowiada elementowi obecnemu na stronie.

Kropka się nie pojawia

Kropka pojawia się tylko wtedy, gdy istnieje co najmniej jedno aktywne nieprzeczytane powiadomienie. Utwórz ogłoszenie testowe z ekranu Powiadomienia, aby to sprawdzić.

Czy to zgodne z moim cache?

Tak. Dzwonek renderowany jest jako statyczny HTML, a powiadomienia ładowane przez AJAX, co pozostaje zgodne z WP Rocket, LiteSpeed Cache i innymi systemami cache.

Czy to zgodne z HPOS?

Tak, moduł deklaruje zgodność z wydajnym magazynem zamówień WooCommerce.