# Jak dodać pasek ogłoszeń z odliczaniem w PrestaShop?

> Serwer musi przekazać datę końca, a nie pozostały czas: to właśnie zapobiega odliczaniu zamrożonemu przez cache. Strefy czasowe, przesunięcie układu, targetowanie po języku i zapamiętywanie zamknięcia na wersję.

- Strona: <https://www.datafirefly.com/pl/2026/10/01/pasek-ogloszen-odliczanie-prestashop/>
- Język: pl
- Opublikowano: 2026-10-01
- Zaktualizowano: 2026-10-01
- Inne języki: [fr](https://www.datafirefly.com/2026/10/01/barre-annonce-compte-a-rebours-prestashop/index.md), [en](https://www.datafirefly.com/en/2026/10/01/announcement-bar-countdown-prestashop/index.md), [es](https://www.datafirefly.com/es/2026/10/01/barra-anuncio-cuenta-atras-prestashop/index.md), [de](https://www.datafirefly.com/de/2026/10/01/ankuendigungsleiste-countdown-prestashop/index.md), [it](https://www.datafirefly.com/it/2026/10/01/barra-annuncio-conto-alla-rovescia-prestashop/index.md), [nl](https://www.datafirefly.com/nl/2026/10/01/aankondigingsbalk-aftelklok-prestashop/index.md), [pt](https://www.datafirefly.com/pt/2026/10/01/barra-anuncio-contagem-decrescente-prestashop/index.md)
- Indeks: <https://www.datafirefly.com/pl/2026/llms.txt>

Pasek ogłoszeń na górze strony to najbardziej bezpośredni sposób komunikowania oferty ograniczonej czasowo. To też jeden z elementów najłatwiejszych do złego wdrożenia: zła strefa czasowa, przesunięcie układu albo odliczanie zamrożone przez cache.

## Co pasek musi mówić

Jeden komunikat, jedna akcja, jeden termin. Trzy elementy i nic więcej.

**Komunikat** mieści się w jednej linii na telefonie, około czterdziestu znaków. „Darmowa dostawa od 49 €" działa, „Skorzystajcie z naszej wyjątkowej oferty dostawy" nic nie mówi.

**Akcja** to link do odpowiedniej strony. Pasek, który ogłasza promocję, ale do niej nie prowadzi, zmusza odwiedzającego do szukania.

**Termin**, jeśli istnieje, w formie odliczania lub daty. Ma sens tylko wtedy, gdy jest prawdziwy.

Ważny punkt: odliczanie musi odpowiadać rzeczywistemu końcowi oferty. Licznik, który startuje od zera przy każdej wizycie, to wprowadzająca w błąd praktyka handlowa, a powracający odwiedzający wychwytuje ją natychmiast.

## Problem strefy czasowej

To najczęstszy błąd techniczny i produkuje odchylenia od jednej do dwóch godzin zależnie od pory roku.

W grę wchodzą trzy zegary: serwera, ten skonfigurowany w PrestaShop i ten w przeglądarce odwiedzającego.

Reguła, która unika problemów: **obliczcie termin po stronie serwera, przekażcie go w czasie uniwersalnym i pozwólcie przeglądarce zrobić konwersję**. Odwiedzający widzi wtedy odliczanie w swoim czasie lokalnym, co jest oczekiwanym zachowaniem.

Dwie weryfikacje uzupełniające. Przejście na czas letni lub zimowy, jeśli oferta obejmuje zmianę: termin obliczony bez uwzględnienia przesunięcia skacze o godzinę. I przypadek odwiedzających z zagranicy: oferta kończąca się o północy czasu warszawskiego kończy się o 23 dla klienta portugalskiego, co jest poprawne, ale musi być świadomie przyjęte.

## Odliczanie i cache

Klasyczny problem: pasek pokazuje „zostały 3 godziny" wszystkim odwiedzającym przez dwa dni, bo strona jest serwowana z cache.

Przyczyna jest prosta: odliczanie zostało obliczone po stronie serwera w momencie generowania strony, a potem zamrożone razem z nią.

Rozwiązanie: **serwer przekazuje datę końca, a nie pozostały czas**. Skrypt po stronie przeglądarki oblicza różnicę z bieżącą godziną i aktualizuje wyświetlanie co sekundę. Datę końca można cache'ować bez szkody, pozostałego czasu nie.

Dwa punkty uzupełniające. Przewidźcie zachowanie **po wygaśnięciu**: pasek znika albo pokazuje komunikat końcowy. Odliczanie na zerze, które pozostaje wyświetlone, sprawia wrażenie porzucenia. A jeśli strona jest w długim cache, sam pasek może być ładowany osobno, by pozostać aktualny.

## Przesunięcie układu

Punkt techniczny, który wpływa na wasze wskaźniki wydajności i często odkrywany jest po fakcie.

Pasek wstawiony po załadowaniu strony spycha całą treść w dół. Odwiedzający, który miał kliknąć jeden element, klika inny, a wasza miara stabilności wizualnej się pogarsza.

Trzy sposoby, by tego uniknąć.

**Zarezerwować miejsce** od pierwszego renderowania, ze stałą wysokością, nawet jeśli treść przyjdzie później.

**Wyświetlić pasek jako nakładkę** zamiast w przepływie, co niczego nie przesuwa, ale zasłania część treści.

**Serwować pasek razem ze stroną**, nie w ładowaniu odłożonym. To najprostsze rozwiązanie, gdy treść paska rzadko się zmienia.

Uwaga też na zmienną wysokość: komunikat, który przechodzi na dwie linie na telefonie i jedną na komputerze, produkuje przesunięcie, jeśli miejsce zarezerwowano na złej wartości.

## Targetowanie

Pasek wyświetlany wszędzie i wszystkim traci skuteczność w kilka dni. Cztery osie targetowania.

**Po stronie.** Ogłoszenie darmowej dostawy ma sens na kartach produktów i w koszyku, mniej na stronach treściowych.

**Po języku i kraju.** Oferta ograniczona do Polski nie może się wyświetlać odwiedzającym z zagranicy. To kwestia trafności, a czasem zgodności, jeśli warunki się różnią.

**Po grupie klientów.** Oferta zarezerwowana dla firm nie dotyczy klientów indywidualnych.

**Po zachowaniu.** Pasek pokazywany tylko nowym odwiedzającym albo tylko po pierwszej wizycie, zależnie od tego, co komunikujecie.

Targetowanie po języku jest najczęściej zaniedbywane i daje najbardziej widoczny rezultat: komunikat po polsku na niemieckiej wersji sklepu.

## Zamykanie

Trzy reguły.

**Pasek musi dać się zamknąć.** Baner, którego nie można usunąć i który zajmuje dziesiątą część ekranu na telefonie, jest uciążliwy.

**Zamknięcie musi być zapamiętane**, na rozsądny czas: sesję albo kilka dni. Otwieranie paska na każdej stronie od nowa jest agresywne.

**Zapamiętywanie musi uwzględniać komunikat.** Jeśli zmieniacie ogłoszenie, nowe musi się pokazać także tym, którzy zamknęli poprzednie. To zakłada identyfikator wersji w zapamiętywaniu.

Ten trzeci punkt odkrywa się, stwierdzając, że nowej kampanii nikt nie widzi.

## Dostępność

Dwa punkty, szybkie do obsłużenia.

**Kontrast** tekstu na tle paska musi spełniać minimalny współczynnik. Paski promocyjne chętnie używają bieli na żywych kolorach, które często schodzą poniżej progu.

**Przycisk zamknięcia** musi być osiągalny z klawiatury i nosić wyraźną etykietę dla czytników ekranu. Krzyżyk bez tekstu alternatywnego to niemy przycisk.

Dodajcie punkt o odliczaniu: aktualizacja co sekundę ogłaszana technologiom asystującym produkuje nienośny potok słów. Element nie może być zadeklarowany jako region o ciągłym ogłaszaniu.

## Mierzenie

Trzy wskaźniki.

**Współczynnik kliknięć** w pasek, w stosunku do wyświetleń. Poniżej 1 % komunikat lub targetowanie są do przejrzenia.

**Współczynnik zamknięć.** Wysoki współczynnik sygnalizuje komunikat odbierany jako natrętny lub nie na temat.

**Przychód przypisany** sesjom, które kliknęły w pasek, do porównania z pozostałymi. To jedyna liczba, która uzasadnia jego utrzymanie.

Czwarty punkt, do obserwowania w czasie: efekt zużycia. Stały pasek staje się niewidoczny w kilka tygodni. Naprzemienne komunikaty albo pokazywanie paska tylko podczas rzeczywistych akcji zachowuje jego skuteczność.

wdraża ten mechanizm w PrestaShop 8 i 9: odliczanie liczone po stronie przeglądarki z daty końca, by pozostać dokładnym mimo cache, targetowanie po stronie, języku, kraju i grupie klientów, rezerwacja miejsca przeciw przesunięciu układu i zapamiętywanie zamknięcia na wersję komunikatu.