> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🎡 Jak skonfigurować Spin Wheel 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 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 🚀 ---