Korzystanie z paska ogłoszeń

Ten przewodnik obejmuje typowe zadania paska ogłoszeń: promocję, deadline wysyłki i zaplanowaną wyprzedaż.

1. Napisz komunikat

Otwórz WooCommerce → Pasek ogłoszeń 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.

2. Dodaj wezwanie do działania (opcjonalnie)

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.

3. Ustaw kolory i umiejscowienie

Ustaw kolory tła, tekstu i akcentu w podglądzie na żywo, by pasek pasował do marki. Wybierz przyklejony, aby komunikat pozostał przypięty podczas przewijania (dobre dla kodu lub deadline’u do zapamiętania), lub statyczny, aby przewijał się razem ze stroną.

4. Zaplanuj promocję (opcjonalnie)

Dla wyprzedaży w oknie czasowym włącz harmonogram i ustaw rozpoczęcie i/lub zakończenie w strefie czasowej witryny:

• start + koniec — stałe okno promocji,
• tylko start — „od tego momentu”,
• tylko koniec — „do tego momentu”.

Poza oknem pasek po prostu się nie renderuje, więc baner Black Friday możesz ustawić tygodnie wcześniej i zapomnieć.

5. Zrób go zamykanym (opcjonalnie)

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.

6. Włącz pasek

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.

Automatyczne ponowne pokazanie przy nowym komunikacie

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

Dlaczego pozostaje szybki

CSS i skrypt zamykania ładują się tylko gdy pasek jest aktywny; wyłączony lub poza harmonogramem 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.