> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Co to są etykiety czasowe i dostępne typy odliczania > ℹ️ **Note:** Ten artykuł został automatycznie przetłumaczony za pomocą AI i może zawierać nieścisłości. Jeśli coś wygląda źle, skontaktuj się z naszym zespołem wsparcia. Hoppy Countdown Timer oferuje wiele typów odliczania, dzięki czemu można stworzyć pilny w różnych obszarach sklepu - od stron produktów i szuflady koszyka do kasy i kampanii e-mail. Każdy typ odliczania jest przeznaczony do określonego obszaru umieszczenia i pochodzi z własnego zachowania, ustawień i logiki storefrontu. Wybór odpowiedniego typu pomaga wyświetlić timery dokładnie tam, gdzie są one najważniejsze 🎯 --- # **⚠️ Zanim zaczniesz** Aby zbadać typy odliczania: → Otwórz **Hoppy Countdown Timer** aplikacja → Kliknij **Utwórz nowe odliczanie** → Wybierz typ odliczania z dostępnych opcji Po wybraniu strony konfiguracji otwiera się z ustawieniami dostosowanymi do danego typu. ℹ️ Nie wszystkie ustawienia pojawiają się dla każdego typu. Aplikacja dynamicznie pokazuje tylko pola istotne dla wybranego odliczania. --- # **🏷️ Etykiety czasowe** Etykiety czasu kontrolują, które etykiety jednostkowe są wyświetlane obok licznika czasu. Domyślnie, liczniki wyświetlają wszystkie dostępne etykiety: * Dni * Hrs * Mieszanki * Seki Kupcy mogą indywidualnie włączyć lub wyłączyć te etykiety w zależności od tego, w jaki sposób chcą, aby zegar pojawił się na sklepie. ### **Przykład** Wyświetlanie odliczania: **02 dni: 14 godzin: 30 min: 45 sekund** można uprościć poprzez wyłączenie wybranych etykiet, takich jak: **14: 30: 45** lub **02 dni: 14 godzin** w zależności od potrzeb kampanii. ### **Jak to działa** W edytorze odliczania zlokalizuj **Pokaż etykiety czasu** sekcja. Możesz wybrać, które etykiety powinny być widoczne: * Dni * Hrs * Mieszanki * Seki Gdy etykieta jest wyłączona: * Odpowiednia wartość czasowa działa normalnie. * Tylko etykieta tekstowa jest ukryta na wyświetlaczu sklepu. Pozwala to handlowcom stworzyć czystszą lub bardziej kompaktową konstrukcję odliczania przy zachowaniu dokładności zegara. ⚠️ **Ważne:** Etykiety czasu kontrolują jedynie widoczność etykiet tekstowych. Nie mają one wpływu na sposób, w jaki licznik oblicza lub wyświetla czas. --- # **📍 Typy odliczające według miejsca** Określają one **gdzie** Odliczanie pojawia się na twoim sklepie. --- ## **🛍️ Strona produktu** * **Co on robi?** Wyświetla blok odliczania na stronach produktu, umieszczony poniżej przycisku Dodaj do koszyka. * **Najlepiej dla:** Stworzenie pilnego charakteru poszczególnych produktów. ### **Opcje rozmieszczenia** * **Wszystkie produkty** - Pokazuje na każdej stronie produktu. * **Produkty szczegółowe** - Wybierz poszczególne produkty poprzez Shopify zbieracz zasobów. * **Produkty ze szczegółowymi znakami** - Produkty docelowe pasujące do znaczników, które definiujesz. * **Produkty w Kolekcjach Specjalnych** - Produkty docelowe w wybranych zbiorach. * **Własny** - Użyj identyfikatora Countdown w edytorze motywu lub ręcznie wklej kod. ### **Domyślne zachowanie** * Tytuł: "Pospiesz się!" * Podpozycja: "Sprzedaż kończy się" * Pokazuje wszystkie jednostki czasowe: dni, godziny, minuty, sekundy * Pasek postępu jest domyślnie ukryty * Domyślnie nie ma przycisku call- to- action --- ## **📶 Bar górny / dolny** * **Co on robi?** Wyświetla stały lub lepki pasek odliczania na górze lub dole sklepu. * **Najlepiej dla:** Ogłoszenia o zakupie, sprzedaż flash lub terminy wysyłki. ### **Opcje rozmieszczenia** * **Każda strona** - Widoczny w całym sklepie. * **Strona główna** - Tylko na stronie głównej. * **Wszystkie strony produktu** - Każda strona produktu. * **Produkty szczegółowe** - Tylko na wybranych produktach. * **Wszystkie strony kolekcji** - Każda strona kolekcji. * **Zbiory szczegółowe** - Tylko wybrane kolekcje. * **Własny** - Ręczne umieszczenie przy użyciu identyfikatora Countdown lub kodu. ### **Pozycja i zachowanie** * **Pozycja:** Wybierz **Góra** lub **Dół**. * **Naklejka:** Kiedy ustawiony na Top, można włączyć lepkie zachowanie tak bar pozostaje widoczny podczas przewijania. * **Zamknij ikonę:** Kupcy mogą włączyć przycisk zamykania. Gdy klient odrzuca pasek, pozostaje ukryty za pomocą przechowywania w przeglądarce. ### **Domyślne zachowanie** * Domyślnie zawiera przycisk CTA * Zamknij ikonę jest domyślnie włączona * Powiązania przycisków i tekst są konfigurowalne --- ## **🗂️ Strona lądowania (strona kolekcji)** * **Co on robi?** Wyświetla blok odliczania na stronach kolekcji. * **Najlepiej dla:** Sprzedaż specjalistyczna, kampanie sezonowe lub promocje kategorii. ### **Opcje rozmieszczenia** * **Wszystkie strony kolekcji** - Każda strona kolekcji. * **Zbiory szczegółowe** - Tylko wybrane kolekcje. * **Własny** - Ręczne umieszczenie przy użyciu identyfikatora Countdown lub kodu. ### **Domyślne zachowanie** * Domyślnie zawiera przycisk CTA * Obsługuje klikalne działania paska entire- bar * Wstrzykiwany przed głównym obszarem zawartości --- ## **🛒 Strona koszyka** * **Co on robi?** Wyświetla odliczanie na stronie koszyka **oraz** wewnątrz szuflady koszyka po dodaniu elementów. * **Najlepiej dla:** Zmniejszam porzucenie wózka z pilną potrzebą. ### **Opcje rozmieszczenia** * **Początek koszyka** - Położony na szczycie zawartości koszyka. * **Własny** - Ręczne umieszczenie przy użyciu identyfikatora Countdown lub kodu. ### **Specjalne zachowanie** * **Czas zaczyna się, gdy pierwszy element jest dodany do koszyka.** Aplikacja automatycznie wykrywa działania add- to- cart. * Jeśli koszyk stanie się pusty, odliczanie zostanie usunięte. * Tytuł wspiera `{timer}` sizeholder tak, aby wyświetlał się licznik live wewnątrz wiadomości. ### **Domyślne zachowanie** * Pokazuje się tylko godziny, minuty i sekundy (bez dni). * Domyślnie można go zamknąć. * Domyślny tytuł: "Szybka sprzedaż kończy się w {timer}" --- ## **📄 Stopień strony koszyka** * **Co on robi?** To samo, co Cart Page, ale **tylko na `/cart` strona** - nie w szufladzie. * **Najlepiej dla:** Kupcy, którzy chcą pilności odliczania ściśle na dedykowanej stronie koszyka. ### **Zachowanie w magazynach** * Tylko renders na `/cart` Pathname. * Nie przyłącza się do szuflady wózka ani nie pojawia się w niej. --- ## **🗃️ Drawer w koszyku** * **Co on robi?** To samo, co Cart Page, ale **tylko wewnątrz szuflady koszyka** - nie na `/cart` strona. * **Najlepiej dla:** Sklepy, gdzie klienci głównie korzystać z szuflady koszyka zamiast odwiedzać pełną stronę koszyka. ### **Zachowanie w magazynach** * Tylko rendery w szufladzie wózka. * Wykorzystuje MutationObserver do wykrywania, gdy szuflada otwiera się i automatycznie wstrzykuje odliczanie. * Nie pojawia się na `/cart` strona. --- ## **💳 Strona odprawy** * **Co on robi?** Wyświetla odliczanie bezpośrednio na Shopify Strona wymeldowania. * **Najlepiej dla:** Ostateczny krok pilny do zakończenia zakupu. ### **Ważny wymóg** ⚠️ **Shopify Plus plan jest wymagany.** Ten typ odliczania jest dostępny tylko dla Shopify Plus kupcy, ponieważ używa Shopify Sprawdź rozszerzenia UI. ### **Opcje rozmieszczenia** * **Zakup Wypożyczalnia bloków** - Custom location block configurowane przez kupca wewnątrz edytora kasy. ### **Ograniczenia projektu** Ponieważ strony checkout używać ShopifyRamy rozszerzenia interfejsu użytkownika: * Wybór czcionki jest ograniczony do Shopifywstępnie określone opcje. * Style czasowe są ograniczone do Shopifyrozmiar tekstu i ustawienia kolorów. * Szablony i zaawansowane opcje stylizacji nie są dostępne. * Tylko **jeden opublikowany odlicznik checkout jest dozwolone na sklep**. ### **Dostępne działania końcowe** Tylko **Niepublikowana** oraz **Nic.** są dostępne. Inne działania końcowe, takie jak niestandardowe wiadomości, rozszerzenie lub restart, nie są obsługiwane dla Countdown checkout. ### **Domyślne zachowanie** * Tytuł: "Pospiesz się! Sprzedaż kończy się w {timer}" * Domyślna wartość --- # **Typy zachowań Timera** Określają one **jak** Zegar odliczania zachowuje się z czasem. Dostępne opcje zależą od wybranego typu miejsca. --- ## **📅 Odliczanie do daty** * **Co on robi?** Liczy się do określonej ustalonej daty i czasu. * **Najlepiej dla:** Sprzedaż Flash, produkt uruchamia, lub termin zdarzenia. ### **Ustawienia** * **Typ startu:** * **Teraz.** - Czas staje się natychmiast widoczny. * **Później** - Czas staje się widoczny dopiero po dacie rozpoczęcia konfiguracji. * **Data rozpoczęcia** - Pojawia się tylko, jeśli Typ Start jest ustawiony na "Później". * **Data zakończenia** - Dokładna data i czas, kiedy odliczanie osiągnie zero. --- ## **USTALENIA Protokół** * **Co on robi?** Rozpoczyna odliczanie od ustalonej liczby minut dla każdej sesji odwiedzających. * **Najlepiej dla:** Stworzenie pilnej sesji jak "Twój koszyk jest zarezerwowany na 15 minut". ### **Ustawienia** * **Protokół** - Wprowadź czas trwania w minutach (domyślnie 120). ### **Zachowanie w magazynach** * Timer zaczyna świeży na każdej stronie obciążenia. * Kiedy kończy się czas, odliczanie kończy się na podstawie wybranej akcji końcowej. --- ## **🔁 Daily Recurring Timer** * **Co on robi?** Powtarza odliczanie w wybranych dniach tygodnia pomiędzy skonfigurowanym czasem rozpoczęcia i zakończenia. * **Najlepiej dla:** Dzienna sprzedaż flash, happy hours, lub powtarzające się promocje. ### **Ustawienia** * **Wybrane dni** - Wybierz, które dni tygodnia powinno pojawić się odliczanie. * **Czas rozpoczęcia** - Godziny, minuty i wskaźnik AM / PM. * **Czas zakończenia** - Godziny, minuty i wskaźnik AM / PM. ### **Zachowanie w magazynach** * Jeśli czas zakończenia jest wcześniejszy niż czas rozpoczęcia (na przykład 10 PM do 2 AM), aplikacja automatycznie obsługuje przejście z dnia na dzień. * Odliczanie jest **całkowicie ukryte** w dniach, które nie są wybrane. --- ## **📊 Interval Timer** * **Co on robi?** Ustawia do 7 odrębnych przedziałów odliczania, każdy z własną datą rozpoczęcia i zakończenia. * **Najlepiej dla:** Kampanie wielofazowe, rozłożone sprzedaż lub tygodniowe wydarzenia o różnych okresach pilnych. ### **Ustawienia** * **Interwencje** - Dodać do 7 przedziałów, każdy z znacznikiem czasu rozpoczęcia i zakończenia. ### **Zachowanie w magazynach** * Odliczanie pojawia się tylko **w okresie aktywnym**. * Jeśli bieżący czas spada pomiędzy przedziałami, odliczanie jest ukryte. * Interwencje są oceniane kolejno. --- ## **👤 Czas sesji** * **Co on robi?** Rozpoczyna unikalne odliczanie dla każdego gościa i utrzymuje się na całej stronie odświeża za pomocą przechowywania przeglądarki. * **Najlepiej dla:** Per- pilność gościa, który nie zresetuje, gdy przejść do innej strony. ### **Ustawienia** * **Protokół** - Wprowadź czas trwania sesji w minutach. ### **Zachowanie w magazynach** * Podczas pierwszej wizyty odwiedzającego, zegar rozpoczyna i przechowuje czasy rozpoczęcia i końca w pamięci masowej przeglądarki. * Podczas kolejnych wizyt, zegar wznawia się z miejsca, w którym skończył. * Jeśli pamięć masowa przeglądarki zostanie wyczyszczona lub uszkodzona, zostanie automatycznie utworzona nowa sesja. --- # **🎯 Co się dzieje? Kiedy skończy się czas** Każdy typ odliczania obsługuje działania końcowe, które kontrolują to, co dzieje się, gdy czas osiągnie zero. Zakończenie działania Zachowanie **Niepublikowana** Ukrywa odliczanie całkowicie ze sklepu **Niestandardowa wiadomość** Zastępuje zegar z własnym tytułem i podpozycją, którą definiujesz **Rozszerzenie** Dodaje dodatkowy czas (60- 600 sekund) z opcjonalną wiadomością. Można łańcuchy wiele rozszerzeń razem **Uruchom ponownie** Przywraca odliczanie od teraz z oryginalnym czasem trwania **Nic.** Czas zatrzymuje się, ale zawartość odliczania pozostaje widoczna **Usuń koszyk** Czyści wózek klienta i ponownie ładuje stronę. Dostępne tylko dla liczników związanych z kartami ### **Koniec działania Dostępność według typu** * **Typy standardowe** (Strona produktu, pasek górny / dolny, strona lądowania): Wszystkie działania końcowe z wyjątkiem Delete Cart. * **Typy wózków** (Cart Page, Cart Drawer, Cart Page Standalone): Wszystkie działania końcowe w tym Delete Cart. * **Strona odprawy:** Tylko niepublikowany i nic. --- # **⚠️ Ważne uwagi** ## **Dostępność typu timera przez miejsce** Nie wszystkie typy zachowania timera są dostępne dla każdego umieszczenia: * **Strona produktu, pasek górny / dolny, Strona lądowania:** Wszystkie dostępne rodzaje zegarów (data, protokół, powtarzanie, interwal, sesja). * **Cart Page, Cart Drawer, Cart Page Standalone:** Tylko **Ustalony protokół** Typ timera jest dostępny. * **Strona odprawy:** Tylko **Ustalony protokół** Typ timera jest dostępny. ## **Ograniczenia dotyczące stron odprawy** * Wymaga **Shopify Plus** Plan. * Tylko **jeden** odlicza można publikować w każdym sklepie na raz. * Opcje projektowe są ograniczone do ShopifyZapisy UI. ## **Typy koszyka są Mutual Exclusive** Cart Page, Cart Page Standalone i Cart Drawer są podobne, ale służą do różnych celów: * Stosowanie **Strona koszyka** jeśli chcesz odliczanie zarówno na stronie koszyka i w szufladzie koszyka. * Stosowanie **Stopień strony koszyka** jeśli tylko chcesz go na `/cart` strona. * Stosowanie **Drawer w koszyku** Jeśli chcesz go tylko w szufladzie. --- # **💡 Użyj przypadków i przykładów** ### **Flash Sprzedaż na stronach produktów** → Wybierz **Strona produktu** → Umieszczenie: produkty specjalne (wybierz pozycje sprzedaży) → Czas: Odliczanie do daty → Działanie końcowe: Niepublikowanie ### **Store- Szeroki termin wysyłki** → Wybierz **Bar górny / dolny** → Umieszczenie: Każda strona → Pozycja: Top + Sticky → Timer: Codzienne powtarzanie (np., Poniedziałek - Piątek, 9-5 PM) → Działania końcowe: Niestandardowe wiadomości - "Zamówienia umieszczone po 5 PM statku jutro" ### **Porzucenie wózka Pilny** → Wybierz **Strona koszyka** → Umieszczenie: Top of Cart → Czas: ustalony protokół (np. 30 minut) → Tytuł: "Wypełnij zamówienie w {timer}, aby zabezpieczyć swoje przedmioty" → Działanie końcowe: Usuń koszyk ### **Kontrola ostatecznego pchnięcia** → Wybierz **Strona odprawy** (Shopify Dodatkowo) → Czas: ustalony protokół (np. 15 minut) → Tytuł: "Pospiesz się! Sprzedaż kończy się w {timer}" → Działanie końcowe: Nic --- # **🚀 Wynik końcowy** Po skonfigurowaniu poprawnie: ✅ Liczby pojawiają się dokładnie tam, gdzie chcesz. ✅ Zachowanie timera pasuje do celów kampanii ✅ Działania końcowe obsługują z wdziękiem termin ważności ✅ Klienci doświadczają stałej pilności na wszystkich stronach produktu, koszyk, checkout, i e-mail ✅ Każdy typ lokowania przestrzega własnych zasad widoczności, warunków celowania i ograniczeń projektowych Wybór odpowiedniego typu odliczania zapewnia wyświetlanie wiadomości w trybie pilnym odpowiednim klientom, we właściwym czasie, we właściwym miejscu ✨