🚀 Jak skonfigurować formularz popup
ℹ️ 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 zbierać e-maile, numery telefonów lub jakieś niestandardowe szczegóły, gdy klienci są najbardziej zaangażowani? 📝
To jest dokładnie to, co do Formularz populacyjny w Hoppy Popups jest zbudowany dla. Pozwala stworzyć w pełni konfigurowalny formularz signup, który pojawia się w dowolnym miejscu w sklepie - i zamienia przypadkowych gości w abonentów można sprzedać później ✨
Za pomocą formularza Popup, można zbierać:
- 📧 Adresy e-mail dla biuletynu
- 📱 Numery telefonów do aktualizacji SMS
- 🎂 Niestandardowe szczegóły, takie jak urodziny, preferencje lub rozmiary
- 🎁 Nagroda za nowe podpisy z automatycznym kodem rabatowym
Ten przewodnik prowadzi Cię przez ustawienie Twojego pierwszego Popup Form krok-by-krok, przy użyciu tylko ustawień, które naprawdę potrzebne, aby go na żywo.
⚠️ Zanim zaczniesz
Przed przygotowaniem formularza popup upewnij się, że:
- W Hoppy Popups aplikacja jest zainstalowana na Twoim Shopify przechowywać
- W Zamieść aplikację jest włączona w temacie (konfiguracja jednokrotna - opisana poniżej)
- Wiesz, jakie informacje chcesz zebrać od klientów
Opcjonalne, ale pomocne w podejmowaniu decyzji z wyprzedzeniem:
- 🎁 Kod rabatowy chcesz nagrodzić nowych abonentów
- 🔗 Gdzie abonenci powinni być zapisywani (wewnątrz aplikacji, lub synchronizowani do narzędzia e-mail takiego jak Klaviyo)
ℹ️ Niniejszy przewodnik skupia się na: Formularz populacyjny typ, który obsługuje niestandardowe pola formularzy. W Email Capture PopUp działa prawie w ten sam sposób - po prostu pomija pola niestandardowe - więc można śledzić te kroki również do tego.
✅ Krok początkowy - 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 → Sklep internetowy → Tematy → Dostosuj → Oprawy aplikacji
Następnie:
- Znajdź Hoppy Popups
- Włączenie / wyłączenie PL
- Kliknij Zapisz
💡 Musisz to zrobić tylko raz. Jeśli nie jest włączona, Hoppy Popups przypomni również baner tuż przed publikacją - więc nie przegapisz go.
🛠️ Krok 1 - Utwórz nowy formularz popup
Otwórz Hoppy Popups aplikacja z Twojego Shopify Admin.
Następnie:
→ Kliknij Utwórz nowy program
To otwiera Wybierz typ Pop-up ekran.
→ Znajdź Formularz populacyjny karta → Kliknij Utwórz formularz popup
Strona konfiguracji otwiera się automatycznie za pomocą:
- A Zawartość tab - co mówi i zbiera formularz
- A Projekt tab - jak wygląda popup
- A Umieszczenie tab - kiedy i gdzie się pojawia
- A podgląd na żywo po prawej, więc można zobaczyć zmiany w drodze 👀
📝 Krok 2 - Dodaj zawartość formularza
Zaczniesz od wewnątrz. Zawartość Tab. Kontroluje to klientów tekstowych i informacje zbierane w formularzu.
🏷️ Nazwa formularza popup
Ta nazwa jest tylko dla twojego wewnętrznego odniesienia.
Klienci nigdy tego nie zobaczą.
Użyj czegoś rozpoznawalnego, np.:
- Strona główna Podpisanie biuletynu
- Formularz urodzinowy klubu
- Powitanie Rabat Popup
💡 Wyraźne nazewnictwo ułatwia zarządzanie wieloma wyskakiwaniami później.
💬 Tytuł i opis
To główne wiadomości, które klienci widzą na szczycie programu.
Przykład
- Tytuł: "Dołącz do naszego klubu urodzinowego 🎂"
- Opis: "Zarejestruj się i dostaniesz specjalną ucztę na urodziny".
Krótki, przyjazny i skupiony na korzyściach z rejestracji.
Można również dodać Logo powyżej tytułu, jeśli chcesz, aby popup poczuć się bardziej na marki.
📧 Pole e- mail
Jest to rdzeń większości znaków.
Kiedy Pokaż pole e- mail jest włączony, pojawiają się dwa dodatkowe pola:
- Posiadacz pola e- mail → tekst podpowiedzi wewnątrz pola, np. "Wpisz swój email"
- Komunikat o błędzie → pokazane, jeśli klient wchodzi do niepoprawnego maila
📱 Pole telefonu / SMS
Włącz Pokaż numer telefonu (SMS) jeśli chcesz również zebrać numery telefonów.
Po włączeniu pojawia się kilka opcji:
- Domyślny kod kraju → wstępnie wybiera kraj dla numeru telefonu
- Posiadacz pola telefonicznego
- Komunikat o błędzie telefonu
Jest to przydatne, jeśli planujesz wysłać oferty SMS lub aktualizacji zamówienia później 📲
🧩 Niestandardowe pola formularza
To sprawia, że Formularz populacyjny specjalne - możesz poprosić o prawie wszystko, nie tylko e-mail.
→ Kliknij Dodaj pole stworzyć nowe pytanie
Dla każdego pola, wybierz Rodzaj pola:
- Pole tekstowe
- Wiele linii
- Przyciski radiowe
- Szafki
- Upadek
- Multi- select
- Numer
- Związek
- Wyślij plik
- Data
- Czas
- Ocena
Więc daj mu Etykieta - To jest pytanie, które kupujący widzą, jak "Twoje urodziny" lub "Skąd o nas wiesz?".
W zależności od typu pola, kilka dodatkowych opcji pojawia się automatycznie:
- 📝 Posiadacz miejsca → pojawia się dla pól tekstowych (tekst, wiele linii, liczba, link, czas)
- ✅ Opcje → pojawia się dla pól wyboru (radio, skrzynki kontrolne, dropdown, multi- select), gdzie można dodać odpowiedzi klienci mogą wybrać z
- ❗ Wymagane → włączyć to, jeśli klienci muszą odpowiedzieć przed złożeniem
⚠️ Twój formularz musi zawierać co najmniej jeden z nich: pole e-mail, pole telefonu lub pole Custom. W przeciwnym razie nie ma nic do zapełnienia dla klientów.
💡 Nowy formularz popup już zaczyna się od pola e-mail, pola telefonu i próbki Urodziny pole daty - więc można uruchomić szybko i dostosować się stamtąd.
🔘 Wyślij tekst przycisku
To jest przycisk shoppers kliknij, aby wysłać formularz.
Ustaw Tekst przycisku do czegoś skoncentrowanego na działaniach, takich jak:
- "Wpisz mnie"
- "Get My Rabat"
- "Dołącz do klubu"
Kiedy formularz posiada pola, ten przycisk automatycznie twierdzenia formularz - nie wymaga dodatkowej konfiguracji.
✔️ Opt- In Checkbox (Opcjonalnie)
Możesz dodać Opt- In Checkbox więc klienci aktywnie zgadzają się otrzymywać marketing od Ciebie.
Po włączeniu Opt- W tekście edytor pojawia się tam, gdzie można napisać wiadomość zgody, takich jak:
"Tak, wyślij mi ekskluzywne oferty i aktualizacje".
Pomaga to zebrać wyraźną zgodę marketingową i pozostać zgodnym z 🙌
🎉 Krok 3 - Ustaw, co się stanie po sygnalizacji
Po złożeniu formularza przez kupującego, wyskakuje na stan sukcesuTo twoja szansa, by im podziękować i wynagrodzić.
Te ustawienia znajdziesz na dole Zawartość Tab.
💌 Sukces Wiadomość & Opis
Napisz podziękowania dla klientów wiadomości zaraz po złożeniu.
Przykład
- Wiadomość sukcesu: "Wchodzisz! 🎉"
- Opis sukcesu: "Oto twoja nagroda za dołączenie do nas".
🎁 Nagroda z rabatem (opcjonalnie)
Mała nagroda może dramatycznie zwiększyć podpisy.
ℹ️ 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.
➡️ Przycisk sukcesu (opcjonalny)
Możesz również pokazać przycisk na ekranie sukcesu.
Włącz Pokaż przycisk CTA sukcesui pojawiają się dwa pola:
- Tekst przycisku sukcesu → np. "Rozpocznij zakupy"
- Przycisk sukcesu Link → gdzie przycisk powinien przyjmować klientów
Jest to miły sposób, aby wysłać nowych abonentów bezpośrednio do kolekcji lub sprzedaży strony 🛍️
ℹ️ Każdy podpis jest zapisywany automatycznie wewnątrz Hoppy Popups → Subskrybenci. Jeśli chcesz abonentów wysłanych do narzędzia e-mail jak Klaviyo lub Mailchimp, można połączyć go w Integracje tab - zobacz dedykowany przewodnik Integracji dla konfiguracji.
📍 Krok 4 - Wybierz kiedy i gdzie pojawia się
Teraz otwórz Umieszczenie Tab. To kontroluje czas, częstotliwość i lokalizację.
Kiedy to powinno się pojawić? (Trigger)
Wybierz Typ dźwigni, a następnie użyć Pokaż po do fine- dostroić czas:
- Po czasie (czas trwania) → natychmiast lub po kilku sekundach na stronie
- Przewiń stronę → po sklepowych zwojach w dół
- Zamiar wyjścia → gdy klient ma zamiar opuścić
- Dodaj do koszyka przycisk jest kliknięty → gdy element jest dodany lub kiedy koszyk przechodzi wartość
- Przeglądy po stronie → po zakupie wyświetla określoną liczbę stron
Niektóre wyzwalacze ujawniają dodatkowe opcje - na przykład, Zamiar wyjścia pozwala wybrać, co "odejście" oznacza, i Dodaj do koszyka pozwala reagować na minimalną wartość koszyka.
💡 Krótkie opóźnienie (kilka sekund) jest przyjaznym domyślnym - daje klientom chwilę na rozejrzenie się przed pojawieniem się formularza.
🔁 Jak często powinno się to pokazywać?
Pod Ustawienia wyświetlania, wybrać jak często powraca popup:
- Pokaż za każdym razem → pojawia się na każdej wizycie
- Za każdym razem, gdy ktoś odwiedza → raz na wizytę i zatrzymuje się po złożeniu formularza
- Częstotliwość → po zamknięciu, czekać określoną liczbę dni przed pokazaniem ponownie
ℹ️ Po złożeniu formularza przez kupującego, popup przestaje pojawiać się automatycznie - więc nigdy nie pytaj dwa razy.
📄 Gdzie powinno być?
Stosowanie Wyświetl wybrać strony, na których pojawia się formularz:
- Każda strona
- Strona główna
- Wszystkie strony produktu
- Szczegółowe strony produktu
- Zbiory lub specjalne zbiory
- Produkty z określonymi znacznikami
Po wybraniu konkretnej opcji (jak produkt lub kolekcja) pojawia się selektor, dzięki czemu można wybrać dokładnie który.
📐 Pozycja
Wybierz miejsce, w którym znajduje się popup na ekranie:
- Centrum dla klasycznego, uwaga-chwytający popup
- A narożnik (jak w prawym dołku) dla delikatniejszego, poślizgowego uczucia
ℹ️ Widoczność urządzenia (Desktop, Mobile, lub oba) jest ustawiona w Projekt Tab. Bardziej zaawansowane zasady - takie jak ukierunkowanie według statusu logowania klienta, tagów, wydatków na całe życie, kraju lub źródła UTM - są również dostępne. Są one objęte Ukierunkowanie Przewodnik, aby ta konfiguracja pozostaje prosta.
📅 Prowadzenie ograniczonej kampanii? Możesz dodać Start oraz Koniec data pod Harmonogram. Domyślnie formularz działa w sposób ciągły (rozpoczyna się teraz, nigdy się nie kończy). Patrz Harmonogram przewodnik dla datowanych kampanii.
🎨 Krok 5 - Styl popup (opcjonalny)
Otwórz Projekt tab to make the popup match your brand.
Tutaj można szybko dostosować rzeczy takie jak:
- W Szablon aby rozpocząć od gotowego wyglądu
- W Rozmiar populacji oraz stylizacja pozycji
- Kolory, czcionkioraz odstępy
- W przycisk oraz Pole wejściowe styling
- A nakładanie tła i wejście animacja
Nie musisz niczego dotykać, aby przejść na żywo - Domyślne wyglądają świetnie z pudełka ✨
Dla pełnego przejścia każdej opcji stylizacji, zobacz Projektowanie i stylizacja Przewodnik. Dla zaawansowanych ulepszeń, Niestandardowe CSS przewodnik pozwala na fine- tune szczegóły z własnym kodem.
✅ Krok 6 - Zapisz & publikuj
Kiedy wszystko wygląda dobrze w podglądzie:
- Zapisz Twój formularz
- Kliknij Publikuj by żyć na twoim sklepie
⚠️ Saving alone does nie publikuje formularz. Zawsze kliknij Publikuj kiedy będziesz gotowy, by klienci to zobaczyli.
Po publikacji, uaktualnienia identyfikatorów, dzięki czemu można stwierdzić, czy jest Opublikowane, Nieopublikowane, Planowanelub Wygasłe.
💡 Jeśli aplikacja nie jest jeszcze włączona, Hoppy Popups pokaże przypomnienie z Włącz wbudowaną aplikację przycisk zaraz po publikacji - po prostu podążaj za nim i jesteś gotowy.
💡 Pomocne wskazówki
- Sprawdź formularz otwierając swój sklep w Incognito / Private okno i złożenie testowej wiadomości e-mail - następnie sprawdzić Subskrybenci by potwierdzić jego przybycie
- Keep form short - proszenie o tylko e-mail zwykle dostaje najwięcej podpisów 📈
- Upewnij się, że co najmniej jedno pole (E-mail, Telefon lub Własny) jest włączone, lub formularz nie może być złożony
- Chcesz formularz w innym języku? Możesz dodać tłumaczenia w Tłumaczenia sekcja - zobacz dedykowany przewodnik tłumaczeniowy
🎉 Wynik końcowy
Po skonfigurowaniu i opublikowaniu:
✅ Sklepy zobaczyć piękny, on- marka znak formy
✅ Emaile, numery telefonów i niestandardowe dane są zbierane automatycznie
✅ Nowi abonenci mogą natychmiast otrzymać zniżkę
✅ Formularz pojawia się we właściwym czasie, na właściwych stronach
✅ Każdy podpis jest zapisany i gotowy do synchronizacji z narzędziami marketingowymi
Well-set-up Popup Form jest jednym z najprostszych sposobów, aby rozwijać swoją publiczność i przekształcić po raz pierwszy odwiedzających w długoterminowych klientów 🚀
Aktualizowane na: 10/09/2026
Dziękuję!