🎯 Jak ustawić rabat popups
ℹ️ 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 zaoferować błyskawiczne zniżki dla odwiedzających poprzez elegancki popup? 🛍️
Zniżka Popups są idealne do udostępniania kodów kuponowych, zbierania e-maili i powitanie zarówno nowych i powracających klientów z ofertami specjalnymi.
Ten przewodnik prowadzi Cię przez cały przepływ ustawień, dzięki czemu można uruchomić swój pierwszy Rabat 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 rabat PopUp
Otwórz Hoppy PopUps aplikacja.
Następnie:
→ Kliknij Utwórz nową populację
→ Wybierz Rabat PopUp z listy typów wyskakujących.
Strona konfiguracji otworzy się automatycznie z polami dostosowanymi do kampanii rabatowych.
📝 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:
- Lato sprzedaży PopUp
- Czarny piątek Rabat
- Oferta powitalna
- Kropla kodu VIP
💡 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 popup i powinny wyraźnie komunikować ofertę.
Przykład
- Tytuł: "Ciesz 20% zniżki na wszystkie produkty"
- Opis: "Zarejestruj się i odblokuj swoją błyskawiczną zniżkę"
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
Możesz pokazać oba, tylko jedno, albo żadne z nich, jeśli tylko pokazujesz ogłoszenie.
⚙️ 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, możesz pokazać różne wiadomości w oparciu o to, czy są one nowym czy powracającym klientem.
- Wiadomość dla nowych klientów: "Witamy w naszym sklepie!"
- Wiadomość dla powracających klientów: "Witamy z powrotem!"
Możesz również dodać opis poniżej każdej wiadomości - na przykład, instrukcje, jak używać 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 - Ustaw zasady tryggera i wyświetlania
Przejście do Umiejscowienie / ukierunkowanie zakładka do kontroli, kiedy i gdzie pojawi się Twój Rabat PopUp.
Typ dźwigni
To decyduje o tym, co zdarzenie powoduje, że wyskakuje.
Dostępne opcje:
- Po czasie (czas trwania) - pojawia się po określonej liczbie sekund
- Przewiń stronę - pojawia się po przewija pewien procent
- Zamiar wyjścia - pojawia się, gdy gość ma zamiar opuścić
- Dodaj do koszyka przycisk jest kliknięty - pojawia się, gdy element jest dodany do koszyka
- Po wyświetleniu strony - uruchamia się po odwiedzeniu określonej liczby stron.
Wybierz wyzwalacz, który najlepiej pasuje do zachowania gościa.
🔄 Częstotliwość wyświetlania
Kontroluj, jak często ten sam gość widzi wyskakujące:
- Pokaż za każdym razem - wyświetla na każdym załadowaniu strony
- Za każdym razem, gdy ktoś odwiedza - pokazuje raz na sesję przeglądania
- Częstotliwość - pozwala ustawić ochłodzenie w dniach przed pojawieniem się wyskakiwania
💡 Popup automatycznie przestaje się pokazywać po złożeniu formularza przez odwiedzającego.
📍 Ukierunkowanie strony
Zdecyduj, które strony Rabat PopUp powinien pojawić się na:
- Pokaż na każdej stronie
- Pokaż tylko na stronie głównej
- Pokaż na wszystkich stronach produktu
- Pokaż na określonych stronach produktu
- Wszystkie produkty w konkretnych zbiorach
- Pokaż na wszystkich stronach kolekcji
- Pokaż na określonych stronach kolekcji
- Wszystkie produkty z określonymi znacznikami
Jeśli wybierzesz konkretną opcję, użyj picker lub tag input, aby sfinalizować swój wybór.
👥 Krok 4 - Konfiguracja celu klienta i lokalizacji
Nadal wewnątrz Umiejscowienie / ukierunkowanie tab, fine- tune, kto widzi twój plusk.
📱 Widoczność urządzenia
Wybierz, które urządzenia powinny pojawić się na:
- Komputer stacjonarny i mobilny
- Tylko pulpit
- Tylko mobilne
🔐 Status logowania klienta
- Pokaż wszystkim klientom
- Pokaż tylko do logged- w klientów
🏷️ Znaczniki klienta i spędzony czas życia
Możesz dodatkowo ograniczyć widoczność za pomocą:
- Klienci docelowi w oparciu o etykietę klienta - na przykład, pokazać tylko do klientów oznaczone
VIPlubwholesale - Klienci docelowi w oparciu o okres użytkowania - pokazać tylko klientom, którzy wydali ponad określoną kwotę
Można również ukryj wyskakiwanie z konkretnych znaczników lub progów wydatków w razie potrzeby.
🌍 Cel geolokalizacji
- Cały świat - brak ograniczeń
- Szczególne kraje - wybierz tylko kraje, w których chcesz, aby pojawiać się popup
🔗 Dozwolone źródła UTM
Włącz to, jeśli chcesz, aby popup pojawił się tylko dla odwiedzających pochodzących z konkretnych źródeł ruchu.
Obsługiwane platformy:
- TikTok
- Kod UTM - wprowadź własne parametry UTM
⚠️ Jeśli włączone, odwiedzających przybywających bezpośrednio (bez dopasowania parametrów UTM) nie będzie widać popup.
📅 Krok 5 - Ustawienie harmonogramu (opcjonalne)
Jeśli chcesz, aby Twój Rabat PopUp uruchomić tylko w określonym okresie, rozszerzyć Harmonogram sekcja wewnątrz zakładki Placement / Targeting.
Ustaw:
- Data rozpoczęcia - kiedy popup powinien zacząć pokazywać
- Data zakończenia - gdy program powinien przestać wyświetlać się automatycznie
Jeśli pozostanie puste, wyskakuje nieprzerwanie po publikacji.
🎨 Krok 6 - Zaprojektuj swój program (opcjonalnie)
Przełącz na Projekt zakładka do dostosowania:
- Pozycja populacyjna (środek, narożniki)
- Rozmiar i animacja
- Kolory tła, gradienty lub obrazy
- Czcionki, style guzików i promień narożnika
💡 Możesz pominąć ten krok, jeśli domyślne spojrzenie już pasuje do sklepu.
Kompletny przegląd wszystkich opcji projektowych znajduje się w specjalnej dokumentacji Design & Styling.
✅ Krok 7 - 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:
✅ Odwiedzający zobaczyć swoją ofertę rabatową w odpowiednim momencie
✅ Emaile i numery telefonów są zbierane automatycznie
✅ Kody kuponu są wyświetlane po złożeniu
✅ Różne wiadomości pozdrawiają nowych vs zwracających klientów
✅ Twoje wyskakujące przestrzega zasad celowania, harmonogramów i ustawień urządzeń
Twój Rabat PopUp jest teraz na żywo i gotowy do nagrody odwiedzających 🚀
Aktualizowane na: 10/09/2026
Dziękuję!