Ten artykuł jest również dostępny w:

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


  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


💸 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.



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


  1. Zapisz Twój formularz
  2. 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

Czy ten artykuł był pomocny?

Podziel się swoją opinią

Anuluj

Dziękuję!