Ticker

Ticker dodaje na karty produktu WooCommerce żywe odliczanie do końca wyprzedaży — sprawdzony sposób, by zamienić „pomyślę o tym” w „kupuję teraz”. Może też pokazać przyjazny komunikat „Tylko N szt. w magazynie”, gdy zapas się kończy.

Dlaczego warto

Ticker wyznacza czas końca po stronie serwera (jedno źródło prawdy) i odlicza go w przeglądarce kilkoma liniami czystego JavaScript bez zależności. Znaczniki są renderowane na serwerze z zarezerwowanym miejscem, więc licznik wypełnia się bez przesuwania układu. Darmowa edycja to pełny produkt na GPL.

Najważniejsze

• Żywe odliczanie do daty końca wyprzedaży produktu w WooCommerce lub do globalnej daty kampanii, którą ustawisz.
• Niski stan magazynu — opcjonalny komunikat „Tylko N szt. w magazynie” z konfigurowalnym progiem.
• Wybór miejsca — podsumowanie produktu, przed/po formularzu dodania do koszyka lub obszar meta produktu.
• Trzy formaty — dni:godziny:minuty:sekundy, godziny:minuty:sekundy lub kompaktowy.
• Własne teksty — opcjonalny nagłówek i konfigurowalny komunikat po wygaśnięciu.
• Łagodne stany — bez wyprzedaży i bez niskiego stanu nic się nie renderuje; po końcu wyprzedaży zegar zastępuje przyjazny komunikat.
• Dostępny — ARIA role="timer" z grzecznym live region, etykiety dla czytników, fokus i obsługa prefers-reduced-motion.
• Bez jQuery, bez przeskoku układu — render na serwerze z zarezerwowanym miejscem, przyjazny dla CLS.

Jak działa odliczanie

Domyślnie Ticker czyta natywne pole „Sale price dates → To” produktu WooCommerce — ustaw koniec wyprzedaży, a odliczanie pojawi się automatycznie. Wolisz jeden termin dla wszystkiego? Ustaw jedną globalną datę kampanii; data wyprzedaży produktu jest użyta, gdy istnieje, a globalna data kampanii jako rezerwa. Ponieważ czas końca to stały znacznik z serwera, źle ustawiony zegar klienta nie zmieni rzeczywistego terminu.

Edycje

• Darmowa na WordPress.org — odliczanie wyprzedaży i kampanii globalnej, opcje miejsca i formatu, komunikat o niskim stanie, stan po wygaśnięciu.
• PRO (planowana) — zaplanowane okna kampanii przez filtr ticker/end_timestamp i więcej.

Kolejne kroki

• Pierwsze kroki — instalacja, włączenie odliczania, ustawienie daty końca wyprzedaży lub kampanii.