Jak skonfigurować Popups Countdown
ℹ️ 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 stworzyć pilny charakter i przyspieszyć decyzje o zakupie? 🚨
Countdown Popups wyświetla licznik live wewnątrz swojego popup - idealny do sprzedaży flash, ograniczone oferty czasu, uruchamianie produktu, i deadline- napędzane kampanie. Kiedy klienci widzą, że czas ucieka, są bardziej skłonni działać natychmiast.
Ten przewodnik prowadzi Cię przez całą konfigurację, więc można uruchomić swój pierwszy Countdown PopUp w minutach.
✅ Przed rozpoczęciem - Włącz wbudowaną aplikację
Aby każdy popup pojawić się w sklepie, aplikacja embed musi być włączona wewnątrz Shopify Motyw.
Przejdź do:
Shopify Admin → Kanały sprzedaży → Sklep internetowy → Tematy → Edycja tematu → Osadzanie aplikacji
Następnie:
- Znajdź Hoppy Popups
- Włączenie / wyłączenie PL
- Kliknij Zapisz
ℹ️ Bez tego kroku, twoja popup nie będzie renderować na sklepie nawet po publikacji.
⚙️ Krok 1 - Utwórz nowy pokup licznika
Otwórz Hoppy PopUps aplikacja.
Następnie:
→ Kliknij Utwórz nową populację
→ Wybierz Odliczanie PopUp z listy typów wyskakujących.
Strona konfiguracji otworzy się automatycznie z polami dostosowanymi do kampanii odliczania, włączając w to domyślny styl zegara flip- clock.
📝 Krok 2 - Konfiguracja zawartości
Po otwarciu strony konfiguracji, wylądujesz wewnątrz Zawartość Tab. Ta sekcja kontroluje to, co widzą odwiedzający i jak oddziałują z wyskakiwaniem.
🏷️ Nazwa programu
Pole to jest wykorzystywane wyłącznie do celów wewnętrznych. Klienci nigdy nie zobaczą tego nazwiska.
Można używać każdej rozpoznawalnej nazwy, takiej jak:
- Czas sprzedaży Flash
- Czarny piątek odliczanie
- Popup dnia uruchomienia
- Specjalny weekend
💡 Korzystanie z właściwego wewnętrznego nazewnictwa ułatwia identyfikację ustawień później, zwłaszcza jeśli sklep prowadzi wiele kampanii.
💬 Tytuł i opis
Pojawiają się one w górnej części twojego plupa i powinny spowodować pilną potrzebę.
Przykład
- Tytuł: "Sprzedaż kończy się wkrótce!"
- Opis: "Pospiesz się i weź swoją zniżkę zanim skończy się czas"
Możesz je dostosować do swojego głosu wyborczego.
📧 Kolekcja e-maili i telefonów
Wybierz pola, które należy pokazać w programie:
- Pokaż pole kolekcji wiadomości e-mail - rejestruje e-maile odwiedzających
- Pokaż pole numeru telefonu - rejestruje numery telefonów z wyborem kodu kraju
Oba są domyślnie włączone dla Countdown Popups, ale można dostosować w razie potrzeby.
⚙️ Dodatkowe ustawienia kolekcji i kuponu
Sekcja ta daje dodatkową kontrolę nad tym, jak zbierane są informacje o odwiedzających i jak rabaty są prezentowane wewnątrz popup.
📩 Email Collection Placeholder
Dostosuj tekst Posiadacza miejsca pokazany w polu wprowadzania wiadomości e-mail.
Przykład
- "Wpisz swój e-mail"
- "Twój najlepszy adres email"
Pomaga to w prowadzeniu odwiedzających, jakie informacje powinny wprowadzić.
❌ Wiadomość o błędzie e- mail
Ustaw wiadomość potwierdzającą wyświetlaną po wejściu odwiedzającego w nieprawidłowy adres e-mail.
Przykład
- "Proszę podać poprawny adres e-mail"
Pojawia się automatycznie, jeśli wprowadzony format e-mail jest nieprawidłowy.
📱 Domyślny kod kraju
Wybierz domyślny kod kraju dla pola numeru telefonu.
Przykład
- Stany Zjednoczone (+ 1)
- Zjednoczone Królestwo (+ 44)
- Indie (+ 91)
Goście mogą jeszcze zmienić kraj ręcznie, chyba że jest ograniczony.
📞 Uchwyt do telefonu
Dostosuj tekst uchwytu w polu numeru telefonu.
Przykład
- "Wprowadź swój numer telefonu"
- "Numer komórkowy"
Poprawia to przejrzystość i zachęca do właściwego formatowania.
⚠️ Błąd numeru telefonu
Ustaw wyświetlaną wiadomość po wpisaniu niepoprawnego numeru telefonu.
Przykład
- "Proszę podać poprawny numer telefonu"
Pomaga to odwiedzającym zrozumieć, dlaczego złożenie nie powiodło się.
🔘 Tekst przycisku
Dostosuj tekst przycisku call- to- action pokazany wewnątrz programu.
Przykład
- "Kupuj teraz"
- "Zniżka"
- "Odblokuj ofertę"
Korzystanie z tekstu zorientowanego na działanie może poprawić konwersje.
🏷️ Pokaż kod kuponu
Wybierz, czy kod kuponu powinien pojawić się wewnątrz popup po udanym e-mail capture.
Dostępne opcje:
- Tak. - wyświetla kod kuponu dla odwiedzających
- Nie. - ukrywa sekcję kodu kuponu
Jest to przydatne, jeśli zniżki są stosowane automatycznie lub obsługiwane zewnętrznie.
ℹ️ Kod kuponu może być pokazany tylko wtedy, gdy e-mail jest przechwytywany.
🎟️ Kod kuponu
ℹ️ To pole jest dostępne raz Pokaż kod kuponu jest togilled do TAK.
Aby wyświetlić kod kuponu, możesz:
- Wybierz jeden z kodów Kuponu, które stworzyłeś w Shopify Admin → Zniżki klikając na Wybierz / Zmień Rabat.
- Możesz utworzyć nowy klikając na Utwórz nowy rabat.
Przykład
- SAVE10
- WELCOME20
- COUPON123
💸 Zniżka
Ta opcja kontroluje sposób stosowania rabatu. Ma dwie opcje:
- Klient będzie musiał zastosować rabat ręcznie - klient będzie musiał wprowadzić kod kuponu podczas zameldowania, aby otrzymać zniżkę.
- Zastosuj rabat automatycznie - rabat będzie stosowany automatycznie podczas wymeldowania bez konieczności wprowadzania kodu kuponu przez klienta.
⚠️ Ważne:
- Nasza aplikacja nie tworzy ani nie zarządza kodami kuponów / rabatami. Musisz je stworzyć w Shopify Admin → Zniżki przed użyciem ich w popup.
☑️ Dodaj opt- W polu wyboru
Wybierz, czy pokazać dodatkowe opt- w polu wyboru wewnątrz popup.
Można to wykorzystać do:
- Zezwolenie na dopuszczenie do obrotu
- Zgoda SMS
- Subskrypcje biuletynów
- Potwierdzenie warunków
Dostępne opcje:
- Tak. - wyświetla pole wyboru
- Nie. - ukrywa pole wyboru
❎ Zamknij ikonę
Włącz lub wyłącz ikonę bliską wyświetlaną na wyskakiwaniu.
- Włączone - odwiedzający mogą ręcznie zamknąć popup
- Wyłączone - usuwa ikonę z popupu
Pomaga to kontrolować, jak niedopuszczalne powinno być doświadczenie wyskakujące.
✉️ Wiadomości sukcesu
Po złożeniu przez gościa ich szczegółów pojawia się komunikat o sukcesie.
- Wiadomość sukcesu: "Witamy w naszym sklepie!"
Możesz również dodać opis poniżej wiadomości - na przykład, instrukcje jak korzystać z kodu kuponu, który właśnie otrzymali.
🖱️ Przycisk Kliknij Zachowanie
ℹ️ Opcja ta jest dostępna tylko wtedy, gdy "Pokaż pole e- mail" i "Pokaż pole numeru telefonu" są niezaznaczone.
Pozwala kontrolować, co się dzieje, gdy odwiedzający kliknie przycisk CTA wewnątrz wyskakującego. Obsługuje jedną z następujących funkcji:
- Zamknij popup - Popup się zamknie
- Ujawnienie kodu kuponu - kod kuponu zostanie ujawniony odwiedzającemu, ale będziesz miał konfigurację kodu kuponu jak opisano powyżej w sekcji "Pokaż kod kuponu".
- Przekieruj do odnośnika - wybranie tej opcji daje pole wejściowe o nazwie "Link", w którym można określić adres URL, do którego odwiedzający zostanie przekierowany
☁️ Wpływający przycisk działania
Możesz dodać Wpływający przycisk działania która pozostaje widoczna na stronie, dzięki czemu odwiedzający mogą ponownie otworzyć popup po zamknięciu go.
Wybierz pozycję:
- Prawa dolna
- Lewa dolna
- Prawo ekranu
- Ekran w lewo
Następnie wprowadzić Tekst przycisku - np. "Otwórz ofertę", "Zdobądź zniżkę" lub "Dowiedz się więcej".
Aby całkowicie wyłączyć zmienny przycisk, wybierz Wyłącz zmienny przycisk działania.
Krok 3 - Konfiguracja licznika
Nadal wewnątrz Zawartość tab, przewiń do Odliczanie sekcja.
To kontroluje zachowanie zegara, wygląd i termin.
🎯 Typ odliczania
Wybierz sposób zachowania zegara:
- Do konkretnej daty / godziny - liczy się do ustalonej daty i godziny kalendarzowej (np. "Sprzedaż kończy się 31 grudnia o godz. 11.59")
- Czas trwania - odlicza stałą długość czasu od momentu, gdy pojawi się po raz pierwszy (np. "Oferta wygasa w ciągu 2 godzin")
- Biega codziennie przez określone godziny - powtarza to samo okno odliczające codziennie (np. "Happy Hour 2 PM - 4 PM")
Wybierz opcję, która pasuje do struktury kampanii.
📅 Szczegółowa data / czas
Jeśli wybrałeś Do konkretnej daty / godziny, używać daty picker wybrać termin.
Zegar odliczy do tego momentu i zatrzyma się, kiedy nadejdzie data.
Czas trwania
Jeśli wybrałeś Czas trwania, wprowadź:
- Dni
- Godziny
- Protokół
Zegar zaczyna odliczać od tego całkowitego czasu, kiedy odwiedzający pierwszy raz widzi wyskakujące.
🌅 Runs Daily for Specific Hours
Jeśli wybrałeś Biega codziennie przez określone godziny, set:
- Czas rozpoczęcia - kiedy odliczanie zaczyna się każdego dnia
- Czas zakończenia - kiedy odliczanie kończy się każdego dnia
Jest to świetne dla powtarzających się promocji, takich jak codzienne oferty lub happy hours.
🏷️ Etykiety czasowe
Dostosuj etykiety tekstowe wyświetlane pod każdym zegarem:
- Dni
- Godziny
- Protokół
- Sekundy
Domyślne etykiety to "Days", "hrs", "Mins" i "Secs" - ale możesz je zmienić na cokolwiek zechcesz.
🎨 Krok 4 - Design Your Timer (opcjonalnie)
Przełącz na Projekt zakładka, aby dostosować jak wygląda odliczanie.
Określone w czasie opcje znajdziesz tutaj:
- Styl timera - Zegar zwrotny, podwójne płytki, liczby gładkie, płytki kwadratowe lub płytki okrągłe
- Kolor tła licznika - kolor za każdą jednostką czasu
- Czcionka czasu - typografia liczb
- Rozmiar i kolor licznika - rozmiar liczby w pikselach i kolor tekstu
- Czcionka etykiety, rozmiar i kolor - stylizacja tekstu poniżej każdej jednostki
💡 Countdown PopUp domyślnie stylowy zegar flip- zegar. Możesz go zatrzymać lub zmienić styl.
Kompletny przegląd wszystkich opcji projektowych znajduje się w specjalnej dokumentacji Popups - Design & Styling [Link].
🖱️ Krok 5 - Ustaw zasady tryggera i wyświetlania
Przejście do Umiejscowienie / ukierunkowanie zakładka do kontroli kiedy i gdzie pojawi się Twój Countdown PopUp.
Kluczowe ustawienia napotkasz:
- Typ dźwigni - Po czasie, Przewiń stronę, Wydaj-intencja, Dodaj do przycisku koszyka kliknij lub Po widoku strony
- Częstotliwość wyświetlania - Pokaż za każdym razem, raz na wizytę, lub ograniczenie z ochłodzeniem
- Ukierunkowanie strony - Każda strona, tylko dom, konkretne produkty, kolekcje lub tagi
- Ukierunkowanie klientów - Status logowania, identyfikatory klientów, całe życie
- Geolokalizacja - Wszystkie kraje świata lub konkretne
- Harmonogram - Fakultatywne daty rozpoczęcia i zakończenia
Szczegółowe wyjaśnienia dotyczące każdej opcji celowania znajdują się w specjalnej dokumentacji zaawansowanej.
✅ Krok 6 - Zapisz & publikuj
Kiedy wszystko wygląda dobrze:
- Kliknij Zapisz do przechowywania konfiguracji
- Kliknij Publikuj Aby wyskakiwać na żywo na twoim sklepie
⚠️ Saturing alone nie sprawia, że wyskakujące widoczne dla klientów. Musisz to opublikować.
Jeśli aplikacja embed nie jest jeszcze włączona, baner przypomni Ci, aby go aktywować w Twoim Shopify Edytor motywów.
🎉 Wynik końcowy
Po skonfigurowaniu:
✅ A live countdown timer appears inside your popup ✅ Goście czują pilną potrzebę działania zanim skończy się czas ✅ Emaile i numery telefonów są zbierane automatycznie (jeśli są włączone) ✅ Twoje wyskakujące przestrzega zasad celowania, harmonogramów i ustawień urządzeń ✅ Zegar pasuje do twojego stylu marki i głosu kampanii
Twoje odliczanie PopUp jest teraz na żywo i tyka 🚀
Aktualizowane na: 10/09/2026
Dziękuję!