Jak ustawić licznik
ℹ️ 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.
Chcesz dodać pilność do sklepu i pomóc klientom podjąć działania, zanim skończy się czas?
To jest dokładnie to, co do Hoppy Countdown Timer jest zbudowany dla.
Za pomocą tej aplikacji możesz utworzyć liczniki dla:
- 🛍️ Strony produktowe - Pokaż pilny charakter bezpośrednio na stronach szczegółowych produktu
- 🛒 Koszyk & Koszyk - Zachęcać kupujących do pełnej kasy
- 💳 Strona odprawy - Dodać pilny charakter na ostatnim etapie (Shopify Dodatkowo)
- 🌐 Górny / dolny baner - Wyświetl pasek odliczający o szerokim zasięgu
- 📄 Strona lądowania i niestandardowe pozycje - Docelowe zbiory lub niestandardowe staże
Ten przewodnik prowadzi Cię przez niezbędne kroki konfiguracji, dzięki czemu można uzyskać swój pierwszy licznik czasowy żyć szybko 🚀
📍 Dostępne typy odliczania
W zależności od kampanii, można wybrać spośród kilku zachowań zegara:
- Odliczanie do daty - Kończy się w określonym terminie
- Ustalone minuty - Odliczanie długości ustalonej dla każdej sesji odwiedzających
- Dzienny powtarzalny zegar - Powtarzanie w wybranych dniach (np. w każdy dzień tygodnia 9 - 11 rano)
- Czas interwalny - Wielokrotne zaplanowane czasy rozpoczęcia i zakończenia (do 7 przedziałów)
- Zegar sesji - Unikalne odliczanie, które zaczyna się świeże dla każdego gościa
Typ wybrać zmiany, które opcje czasu pojawiają się w konfiguracji.
⚠️ Zanim zaczniesz
Przed utworzeniem licznika, upewnij się, że:
- W Hoppy Countdown Timer aplikacja jest zainstalowana na Twoim Shopify przechowywać
- Masz dostęp do swojego Shopify Admin
Włącz wbudowaną aplikację
Aby timery odliczania pojawiały się w Twoim sklepie, aplikacja musi być włączona wewnątrz Twojego Shopify Motyw.
Przejdź do:
Shopify Admin → Kanały sprzedaży → Sklep internetowy → Tematy → Edycja tematu → Osadzanie aplikacji
Następnie:
- Znajdź Czas odliczania
- Włączenie / wyłączenie PL
- Kliknij Zapisz
💡 Jeśli pominiesz ten krok, twój opublikowany zegar odliczania nie będzie widoczny w sklepie.
Shopify Dodatkowe wymagania dotyczące wymeldowania
Jeśli chcesz umieścić zegar odliczania na Strona odprawy, twój sklep musi być na Shopify Plus Plan. Sklepy Non-Plus zobaczą ostrzeżenie o planie podczas próby utworzenia odliczania strony checkout.
🛠️ Krok 1 - Utwórz nowy licznik
Otwórz Hoppy Countdown Timer aplikacja z Twojego Shopify Admin.
Następnie:
→ Kliknij Utwórz nowe odliczanie
→ Wybierz Rodzaj umieszczenia pasujące do tego, gdzie ma się pojawić zegar:
- Strona produktu
- Strona koszyka
- Drawer w koszyku
- Strona odprawy (Shopify Dodatkowo)
- Górny / dolny baner
- Strona lądowania
- Niestandardowe położenie
Po wybraniu edytor ustawień otwiera się automatycznie z domyślnymi ustawieniami dostosowanymi do tego ustawienia.
⚙️ Krok 2 - Konfiguracja karty zawartości
Po otwarciu strony konfiguracji, wylądujesz wewnątrz Zawartość Tab.
Ta zakładka kontroluje:
- 🏷️ Nazwa odliczania i wiadomości
- Typ i czas odliczania
- 🔚 Co się stanie, gdy zegar się skończy?
- 🌍 Tłumaczenia (dla wspieranych staży)
🏷️ Nazwa licznika
To pole jest używane do wyłącznie odniesienie wewnętrzne - klienci nigdy tego nie zobaczą.
Użyj rozpoznawalnej nazwy, takiej jak:
- Letni czas sprzedaży
- Czarny piątek odliczanie
- Flash sprzedaży pilny bar
💡 Korzystanie z wyraźnej nazwy wewnętrznej ułatwia zarządzanie wieloma kampaniami później.
📝 Tytuł i podtytuł
- Tytuł - Główne wiadomości klienci widzą (np. "Pospiesz się! Sprzedaż kończy się w {timer}")
- Podpozycja - Druga linia pokazana poniżej tytułu na większości staży
ℹ️ On Strona koszyka oraz Strona odprawy timers, możesz użyć zmiennej dynamicznej {timer} wewnątrz tytułu, aby wyświetlić live odliczanie inline.
🔘 Przycisk Call- to- Action
Dla Górny / dolny baner, Strona lądowania, Strona koszykaoraz Drawer w koszyku timery, można wybrać, co się dzieje, gdy klienci wchodzą w interakcje z paskiem odliczania.
Ustaw Rodzaj działania CTA do:
- Brak wezwania do działania - Pasek wyświetla tylko tekst
- Przycisk - Dodaje przycisk pod timerem
- Zrób cały pasek klikalny - Zamienia cały bar w link
ℹ️ Jeśli wybierzesz Przycisk lub Zrób cały pasek klikalny, Tekst przycisku oraz Związek pola pojawiają się automatycznie, więc można skonfigurować, gdzie klienci są kierowane.
Typ odliczania
Wybierz sposób zachowania zegara:
Rodzaj
Kiedy stosować
Odliczanie do daty
Ostateczny termin (np. sprzedaż kończy się 31 grudnia)
Ustalone minuty
Każdy gość otrzymuje tę samą ustaloną długość sesji
Dzienny powtarzalny zegar
Powtarzanie w wybranych dniach z ustawionym czasem rozpoczęcia / końca
Czas interwalny
Wiele zaplanowanych okien odliczania
Zegar sesji
Świeże odliczanie dla każdej sesji odwiedzających
Po wybraniu typu, odpowiednie pola czasowe pojawiają się automatycznie:
- Data → Pojawiają się znaczniki daty rozpoczęcia i daty zakończenia
- Naprawiono protokół / sesję → A Protokół pole pojawia się
- Powtarzanie → Pojawia się wybór dnia i kontrola czasu rozpoczęcia / zakończenia
- Przerwanie → Pojawiają się liczne zbieracze daty rozpoczęcia / końca (do 7 przedziałów)
ℹ️ Strona koszyka, Drawer w koszyku oraz Strona odprawy w stacjach stacjonarnych stosuje się stałe tryby czasowe i nie Pokaż selektor typu Countdown. Dla koszyka i checkout, ustawić czas trwania w Protokół.
🕐 Ustawienia startu licznika
Dla Odliczanie do daty timers, możesz wybrać kiedy zegar się zaczyna:
- Teraz. - Zegar zaczyna się natychmiast po opublikowaniu
- Harmonogram do rozpoczęcia później - Ustaw przyszłą datę rozpoczęcia
Jeśli wybrać "Harmonogram, aby rozpocząć później", dodatkowe Data rozpoczęcia Pojawia się pole.
ℹ️ Ta opcja nie jest dostępna dla Strona koszyka, Drawer w koszykulub Strona odprawy staże, które korzystają z własnych kontroli czasowych.
🔚 Kiedy się skończy
To ustawienie kontroluje to, co się dzieje, gdy odliczanie osiąga zero.
Dostępne opcje zależą od typu rozmieszczenia i odliczania:
Dla większości staży:
- Niepublikuj licznik czasu (ukryj) - Ukrywa odliczanie automatycznie
- Pokaż niestandardową wiadomość - Wyświetla własny tytuł / wiadomość, którą zdefiniujesz
- Wydłuż czas - Dodaje dodatkowy czas i wyświetla rozszerzoną wiadomość
- Nic nie rób. - Pozostawia zegar widoczny na zero
Dla Cart Page, Cart Drawer i Cart Standalone:
- Wszystkie powyższe, plus:
- Uruchom odliczanie - Resetuje zegar automatycznie
- Usuń produkty koszykowe - Usuwa elementy z koszyka, gdy zegar kończy
Dla typu "Stałe minuty" na innych stacjach:
- Obejmuje również Restart CountdownFor Checkout Strona:
- Niepublikuj licznik czasu (ukryj) Tylko
- Nic nie rób.
ℹ️ Jeśli wybierzesz Pokaż niestandardową wiadomość lub Wydłuż czas, dodatkowe pola tekstowe pojawiają się automatycznie, dzięki czemu można wprowadzić zawartość wiadomości.
📍 Krok 3 - Konfiguracja karty rozmieszczenia
Następnie otwórz Umieszczenie tab to control where the countdown comes and who can see it.
🎯 Wybierz strony lub produkty
Dostępne opcje celowania zależą od wybranego typu lokowania w kroku 1.
🛍️ Strona produktu
- Wszystkie produkty - Pokaż na każdej stronie produktu
- Produkty szczegółowe - Wybierz indywidualne produkty ze sklepu
- Wszystkie produkty z określonymi znacznikami - Produkty docelowe pasujące do znaczników, które definiujesz
- Wszystkie produkty w konkretnych zbiorach - Pokaż produkty w wybranych zbiorach
- Niestandardowe położenie - Umieść ręcznie używając ID Countdown lub Liquid Snippet
🛒 Koszyk & Koszyk
- Na szczycie wózka - Domyślne umieszczenie powyżej elementów koszyka
- Niestandardowe położenie - Umieść ręcznie używając ID Countdown lub Liquid Snippet
🌐 Górny / dolny baner
- Pokaż na każdej stronie - Widoczność szeroka
- Pokaż tylko na stronie głównej - Restrict to the homepage
- Pokaż na wszystkich stronach produktu - Appear na każdej stronie produktu
- Pokaż na określonych stronach produktu - Wybierz ręcznie poszczególne produkty
- Wszystkie produkty w konkretnych zbiorach - Produkty docelowe w wybranych zbiorach
- Pokaż na wszystkich stronach kolekcji - Apear na każdej stronie kolekcji
- Pokaż na określonych stronach kolekcji - Hand- pick poszczególnych kolekcji
- Niestandardowe położenie - Umieść ręcznie używając ID Countdown lub Liquid Snippet
📄 Strona lądowania
- Wszystkie strony kolekcji - Pokaż na każdej stronie kolekcji
- Szczegółowe strony zbiorcze - Hand- pick poszczególnych kolekcji
- Niestandardowe położenie - Umieść ręcznie używając ID Countdown lub Liquid Snippet
💳 Strona odprawy
- Niestandardowe umieszczenie bloku - Shopify Edytor odprawy
ℹ️ Jeśli wybierzesz Niestandardowe położenie, aplikacja zapewnia Identyfikator odliczania oraz Snippet z kodem płynnym po uratowaniu. Można je używać wewnątrz edytora motywu lub kodu, aby umieścić zegar dokładnie tam, gdzie chcesz.
Ukierunkowanie obszaru w czasie
Wybierz kiedy powinno się pojawić odliczanie:
- Zawsze pokaż - Wyświetla się natychmiast po załadowaniu strony
- Pokaż po jakimś czasie - Opóźnia pojawienie się o określoną liczbę sekund (1- 300)
👤 Ukierunkowanie klientów (opcjonalne)
Można poprawić widoczność w oparciu o:
- Status logowania - Pokaż wszystkim klientom lub tylko w blocked-in klientów
- Pokaż pasek - Wszyscy klienci, klienci z określonymi znacznikami lub klienci w oparciu o okres użytkowania
- Ukryj pasek - Z wyłączeniem specjalnych identyfikatorów klientów lub przedziałów czasu użytkowania
ℹ️ Te ustawienia są opcjonalne. Dla większości ustawień, domyślnie Pokaż wszystkim klientom Działa doskonale.
🌍 Ukierunkowanie geolokalizacji (opcjonalne)
Domyślnie, odliczanie jest widoczne na całym świecie.
Jeśli chcesz ograniczyć go do konkretnych krajów, wybierz Szczególne kraje i wybrać dozwolone lokalizacje z wyboru kraju.
🎨 Krok 4 - Dostosuj projekt (opcjonalnie)
Otwórz Projekt zakładka, aby zmienić wygląd odliczania.
Można szybko zastosować Wzór wstępnie sporządzony lub ręcznie dostosować:
- Pozycja (górna lub dolna)
- Kolor tła lub gradient
- Styl zegara (flipclock, płytki, liczby proste i więcej)
- Czcionki, odstępy i stylizacja guzików
💡 Jeśli się spieszysz, zacznij od szablonu i fine- tune później.
Aby uzyskać pełny podział każdej opcji projektu, zobacz Projektowanie i stylizacja dokumentację.
💾 Krok 5 - Zapisz ustawienia
Po skonfigurowaniu zawartości i umiejscowienia:
→ Kliknij Zapisz
Pasek zapisu pojawia się na dole ekranu za każdym razem, gdy dokonujesz zmian. Zapisywanie przechowuje konfigurację, ale nie nie Niech zegar jeszcze żyje.
🚀 Krok 6 - Publikacja Countdown
Po zapisaniu:
→ Kliknij Publikuj
Po opublikowaniu:
- Odliczanie staje się widoczne na twoim sklepie zgodnie z ustawieniem i zasadami celowania
- Zielony "Opublikowane" odznaka pojawia się obok nazwy odliczania
⚠️ Ważne przypomnienia:
- Jeśli aplikacja nie jest włączona w temacie, odliczanie nie pojawi się - nawet po publikacji
- Tylko dla timerów stron zameldowania jeden publikowany odliczanie jest dozwolone w każdym sklepie
- Możesz nie publikować w każdej chwili klikając Niepublikowana przycisk
✅ Etap końcowy - potwierdzenie To działa.
Po publikacji:
- Otwórz swój sklep w Incognito lub prywatne Okno przeglądarki
- Przejdź do strony, na której powinno pojawić się odliczanie
- Sprawdzić, czy zegar jest widoczny i poprawnie odliczyć
Jeśli odliczanie się nie pojawi:
- Sprawdzić ponownie, czy Zamieść aplikację jest włączone i zapisane w temacie
- Potwierdź odliczanie opublikowane
- Spróbuj twarde odświeżenie (
Ctrl + Shift + Rw systemie Windows /Cmd + Shift + Rna Mac) - Sprawdź, czy Twoje zasady planowania lub celowania nie ukrywają tego
🎉 Wynik końcowy
Po skonfigurowaniu:
✅ Zegar odliczania jest na żywo na wybranych stronach ✅ Klienci widzą wiadomości w trybie pilnym w czasie rzeczywistym ✅ Zegar automatycznie ukrywa lub rozszerza się w oparciu o ustawienia działania końcowego ✅ Twój sklep czuje się bardziej dynamiczny i czuły na czas ✨
Dobrze umieszczony licznik czasowy może pomóc kusić klientów w kierunku szybszych decyzji o zakupie podczas ich podróży zakupy 🚀
Aktualizowane na: 10/09/2026
Dziękuję!