Przejdź do głównej zawartości

Korzystanie z paska powiadomień

Ten przewodnik obejmuje typowe zadania paska powiadomień: promocję, deadline wysyłki i komunikat dla całego sklepu.

Otwórz WooCommerce > Pasek powiadomień i napisz tekst. Możesz użyć odrobiny formatowania z listy dozwolonego bezpiecznego HTML, pogrubienie dla oferty, link do szczegółów:

**Darmowa wysyłka powyżej 200 zł**, zobacz <a href="/wysylka">szczegóły</a>.

W miarę możliwości trzymaj się jednej linii; pasek to baner, nie akapit.

Włącz przycisk CTA, ustaw jego URL i zdecyduj, czy ma otwierać się w nowej karcie. Przycisk przyciąga więcej kliknięć niż link w treści przy głównym działaniu, jak Kup w promocji czy Odbierz kod.

Ustaw kolory tła, tekstu i akcentu w podglądzie na żywo, by pasek pasował do marki. Kolor akcentu steruje też linkami w komunikacie i małą pulsującą kropką. Pasek jest zawsze przyklejony u góry okna, wyboru umiejscowienia nie ma.

Darmowa edycja nie ma harmonogramu z panelu: pasek włączasz i wyłączasz ręcznie. Warunek czasowy dopiszesz w kodzie filtrem notice/bar_active, na przykład tak, by baner Black Friday sam zgasł po weekendzie. Okna start/koniec ustawiane z panelu dodaje Anonco PRO.

Włącz Zamykanie, by klienci mogli zamknąć pasek, i ustaw, ile dni trwa zamknięcie (0 = na zawsze). Wybór jest przechowywany w przeglądarce odwiedzającego przez localStorage, bez ciasteczek, bez danych osobowych.

Nic się nie pokazuje, dopóki go nie włączysz. Następnie otwórz dowolną stronę front-endu i potwierdź, że pasek pojawia się na samej górze.

Gdy zmienisz tekst komunikatu, Anonco ponownie pokazuje pasek wszystkim, nawet klientom, którzy zamknęli poprzedni. Twoje kolejne powiadomienie nigdy nie jest ukryte za starym zamknięciem, bez ręcznego resetu.

CSS ładuje się tylko gdy pasek jest aktywny, a skrypt zamykania dodatkowo tylko wtedy, gdy pasek jest zamykalny; wyłączony pasek nie dodaje nic do strony. Znaczniki to czysty HTML, bez frameworka front-endowego, i nie ma przeskoku układu poza własną wysokością paska. Pasek to region ARIA z przyciskiem zamknięcia obsługiwanym z klawiatury i respektuje prefers-reduced-motion.