ℹ️ 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 zamienić kolekcję e-mail w zabawną, interaktywną grę? 🎉

Spin Wheel Popups pozwala odwiedzającym kręcić kolorowe koło, aby wygrać zniżki, bezpłatną wysyłkę lub oferty specjalne. Jest to jeden z najbardziej wciągających sposobów na rozwój listy abonentów, dając klientom niezapomniane doświadczenie marki.

Ten przewodnik prowadzi Cię przez całą konfigurację, więc można uruchomić swój pierwszy Spin Wheel 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 nowe koło obrotowe

Otwórz Hoppy PopUps aplikacja.

Następnie:

→ Kliknij Utwórz nową populację

→ Wybierz Spin Wheel Popup z listy typów wyskakujących.

Strona konfiguracji otworzy się automatycznie z wcześniej zbudowanym kołem gotowym do dostosowania.

📝 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:

• Kampania Spin & Win
• Koło rabatów
• Lucky Spin Popup
• Oferta urodzinowa koła

💡 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 zaprosić gości do gry.

Przykład

• Tytuł: "Kręć kołem i wygrywaj"
• Opis: "Spróbuj szczęścia i odblokuj specjalną 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 jeden, lub żaden, jeśli tylko prowadzisz grę bez kolekcji.

⚙️ 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.

☑️ 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 podaniu przez gościa szczegółów i zakręceniu koła pojawia się komunikat sukcesu.

• Wiadomość sukcesu: "Witamy w naszym sklepie!"

Można również dodać Opis sukcesu - na przykład, instrukcje jak odkupić nagrodę, którą właśnie wygrali.

🖱️ 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:

1. Zamknij popup - Popup się zamknie
2. 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".
3. 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.

🎡 Etap 3 - Konfiguracja wyładunków koła

Nadal wewnątrz Zawartość tab, przewiń do Rewards koła sekcja.

To jest miejsce, gdzie można zdefiniować każdy kawałek na kole - co odwiedzający mogą wygrać i jak prawdopodobne są one, aby wygrać.

💸 Zniżka

Ta opcja kontroluje sposób stosowania rabatu. Ma dwie opcje:

1. Klient będzie musiał zastosować rabat ręcznie - klient będzie musiał wprowadzić kod kuponu podczas zameldowania, aby otrzymać zniżkę.
2. 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.

🎁 Dodawanie i edytowanie fragmentów

Każdy kawałek na kole ma cztery ustawienia:

Ustawienie

Co to robi?

Etykieta

Tekst pokazany na części koła (np. "10% OFF", "Free Ship")

Prawdopodobieństwo

Liczba, która kontroluje jak często ten kawałek wygrywa. Wyższe = bardziej prawdopodobne.

Kod rabatu

Prawdziwy kod kuponu, który gość otrzymuje, jeśli ten kawałek wyląduje. Można zostawić puste.

Wiadomość

Niestandardowa wiadomość wyświetlana po przędzeniu (np. "Spróbuj ponownie następnym razem"...)

Ustawienia przykładu

Etykieta

Ryzyko

Kod

Wiadomość

$3 OFF

20

SAVE3

""

FREE SHIP

20

FRESHIP7

""

7% OFF

20

SAVE7P

""

Nie ma szczęścia.

10

""

"Następnym razem spróbuj"...

12% OFF

10

SAVE12P

""

🎟️ Dodawanie kodów kuponowych z rabatem

Aby wyświetlić kod kuponu, możesz:

1. Wybierz jeden z kodów Kuponu, które stworzyłeś w Shopify Admin → Zniżki klikając na Wybierz / Zmień Rabat.
2. Możesz utworzyć nowy klikając na Utwórz nowy rabat.

Przykład

• SAVE10
• WELCOME20
• COUPON123

➕ Dodaj więcej plastrów

Kliknij Dodaj więcej do tworzenia dodatkowych segmentów kół. Nie ma ścisłego limitu - dodaj ile chcesz, aby koło czuło się ekscytujące i zróżnicowane.

🗑️ Usuń plastry

Kliknij ikonę kosza obok każdego kawałka, aby go usunąć. Prawdopodobieństwo pozostałych plastrów automatycznie określa nowe szanse na wygraną.

🎨 Krok 4 - Projektowanie koła (opcjonalnie)

Przełącz na Projekt zakładka, aby dostosować wygląd koła zakręconego.

Opcje specyficzne dla kół znajdziesz tutaj:

• Kolory cięcia - naprzemienne kolory segmentów kół
• Kolor etykiety i czcionka - stylizacja tekstu na samym kole
• Kolor koła - zewnętrzny pierścień koła
• Kolor strzałki - wskaźnik na górze
• Wyśrodkuj kolor koła - piasty w środku
• Kolor i czcionka wiadomości - stylizacja wiadomości po zakręceniu

💡 Popup Spin Wheel zawiera ciepłe, zabawne kolory domyślne. Możesz je zatrzymać lub dostosować do swojej marki.

Kompletny przegląd wszystkich opcji projektowych znajduje się w specjalnej dokumentacji Design & Styling.

🖱️ Krok 5 - Ustaw zasady tryggera i wyświetlania

Przejście do Umiejscowienie / ukierunkowanie zakładka do sterowania, kiedy i gdzie pojawi się Twój Koła Koła Koła zakręconego.

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:

1. Kliknij Zapisz do przechowywania konfiguracji
2. 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 widzą interaktywne koło spin na swoim sklepie
✅ Każdy spin dostarcza randomizowaną nagrodę w oparciu o ustawienia prawdopodobieństwa
✅ Emaile i numery telefonów są zbierane automatycznie (jeśli są włączone)
✅ Kody rabatowe są ujawniane po przędzeniu
✅ Twoje wyskakujące przestrzega zasad celowania, harmonogramów i ustawień urządzeń

Twój Spin Wheel Popup jest teraz na żywo i gotowy do rozkoszowania się odwiedzającymi 🚀

Aktualizowane na: 10/09/2026