ℹ️ 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 ✨

Aktualizowane na: 10/09/2026