Czym jest formularz pop-up?
Formularz typu pop-up to zazwyczaj małe okienko z komunikatem, które pojawia się podczas przeglądania Twojej strony internetowej przez odwiedzającego. Są one doskonałym sposobem na promocję Twojego newslettera i powiększanie bazy kontaktów.
Jak stworzyć formularz typu pop-up
Aby utworzyć formularz pop-up:
Przejdź do strony Formularze.
Kliknij zakładkę Pop-up.
Kliknij przycisk Utwórz nowy.
![](/assets/kb/rewrite/image13-1689264269.png)
Nazwij swój formularz, a następnie upewnij się, że został zaznaczony typ formularza: Pop-up.
Kliknij Zapisz i kontynuuj.
Wybierz co najmniej jedną grupę odbiorców Twojego formularza pop-up. Kiedy subskrybenci wypełnią Twój formularz pop-up, zostaną dodani do grupy (grup), którą tutaj wybierzesz.
![](/assets/kb/rewrite/image11-1689264315.png)
Kliknij przycisk Kontynuuj.
Wybierz szablon formularza pop-up. Po jego wybraniu otworzy się kreator formularzy pop-up.
![](/assets/kb/rewrite/image5-1689264333.png)
Edytuj nagłówek oraz tekst formularza. Kliknij na blok, który chcesz edytować i wpisz treść bezpośrednio do tego bloku w formularzu.
![](/assets/kb/rewrite/image9.png)
Zmień grafikę w formularzu. Zrobisz to, klikając blok graficzny, a następnie wybierając grafikę na pasku bocznym.
![](/assets/kb/rewrite/image2.png)
Kliknij na blok formularza zapisu, aby edytować go na pasku bocznym. Aby edytować pole dodatkowe, kliknij ikonę ołówka obok tego, które chcesz zmienić.
![](/assets/kb/rewrite/image1.png)
Edytuj stronę potwierdzającą zapis dla formularza typu pop-up, wybierając przycisk Potwierdzenie zapisu na górnym pasku nawigacyjnym.
Po ukończeniu edycji formularza kliknij przycisk Dalej, aby wyjść z kreatora formularzy i zastosować wybrane ustawienia do swojego formularza typu pop-up.
Jak dodać ustawienia do formularza
Te ustawienia to zasady, które zastosujesz do swojego formularza pop-up, które ustalają, kiedy i gdzie ma się pojawiać.
Istnieją cztery czynniki wpływające na to, w jaki sposób będzie działał formularz zapisu. Możesz zdecydować, jakie mają zostać zastosowane ustawienia:
Wyzwalacz - Wybierz, kiedy twój formularz pop-up będzie się wyświetlał. Na przykład, pięć sekund po otwarciu strony, kiedy odwiedzający przewinie do 50% strony lub kiedy odwiedzający zamierza opuścić stronę.
Częstotliwość - Zdecyduj ile razy na pojedynczego użytkownika, ma zostać wyświetlony pop-up, jeśli nie zapisze się za pierwszym razem, gdy zobaczy pop-up.
Harmonogram - spraw, aby pop-up był dostępny natychmiast lub ustaw datę początku i końca dla swojego formularza pop-up.
Widoczność - Wybierz czy chcesz ukryć pop-up na konkretnych urządzeniach, lub ukryć/pokazać pop-up na konkretnych stronach internetowych.
Kiedy wybrane ustawienia są dla Ciebie zadowalające, możesz kliknąć przycisk Zapisz i kontynuuj, aby przejść do następnego etapu: implementacji formularza pop-up.
W jaki sposób osadzić formularz zapisu typu pop-up na stronie internetowej
Aby osadzić formularz pop-up na stronie internetowej, musisz skopiować, następnie wkleić fragment kodu JavaScript na każdej stronie witryny, tuż przed znacznikiem </head>
.
Aby zaimplementować fragment kodu JavaScript na swojej stronie internetowej:
Przejdź na stronę Formularze i kliknij Podgląd.
Przewiń na sam dół strony, aż zobaczysz kod JavaScript (lub skopiuj go ze strony ustawień podczas tworzenia pop-upu).
![](/assets/kb/rewrite/image10.png)
Skopiuj i wklej fragment kodu HTML na swojej stronie tuż przed znacznikiem
</head>
. ( Wystarczy zrobić to tylko raz, nawet jeśli planujesz zainstalować wiele formularzy na swojej stronie).
Twoja strona internetowa jest zbudowana z fragmentów kodu HTML zwanych elementami. Pierwszym elementem jest <head>
, który zaczyna się od znacznika otwierającego <head>
i kończy znacznikiem zamykającym </head>
. Jeśli nie jesteś pewien jak edytować HTML swojej strony, zalecamy skontaktowanie się z zespołem wsparcia technicznego platformy, na której stworzyłeś swoją stronę.
Uwaga: Korzystasz z WordPressa lub Shopify? Zainstaluj wtyczkę MailerLite dla WordPress lub wtyczkę MailerLite dla Shopify, aby móc osadzić formularze na stronie internetowej bez użycia jakiegokolwiek kodu.
Jak ukryć/wyświetlić formularze typu pop-up na poszczególnych stronach
Kiedy stworzysz formularz typu pop-up, będzie on domyślnie pokazywany na każdej stronie Twojej witryny. Jednak w ustawieniach widoczności, możesz zdecydować, czy chcesz, aby pokazywał się na każdej ze stron, czy tylko na niektórych. Możesz też ukryć go na określonych stronach witryny.
![](/assets/kb/rewrite/image6.png)
Aby ukryć swój formularz pop-up na określonych stronach:
Wybierz opcję ukryj na określonych stronach.
Skopiuj i wklej adresy URL stron, na których nie chcesz, aby pojawiało się wyskakujące okienko formularza. Wklej każdy adres URL w osobnym wierszu.
Zaznacz checkbox z napisem Zastosuj dokładnie do tych wpisów, aby Twój pop-up został ukryty tylko na stronach, które dokładnie pasują do wprowadzonych adresów URL.
![](/assets/kb/rewrite/image4.png)
Aby wyświetlić formularz tylko na określonych stronach:
Wybierz opcję Pokaż tylko na określonych stronach.
Skopiuj i wklej adresy URL stron, na których ma się pojawiać pop-up. Wklej każdy adres URL w osobnym wierszu.
Zaznacz checkbox z napisem Zastosuj dokładnie do tych wpisów, aby pop-up pokazywał się tylko na stronach, które dokładnie odpowiadają wpisanym URL.
![](/assets/kb/rewrite/image12.png)
Uwaga: Jeśli nie zostanie zaznaczony checkbox znajdujący się pod oknem z adresami URL stron, to wszystkie strony w adresach których znajduje się wymieniony zapis zostaną uwzględnione w ustawieniach widoczności.
Na przykład, jeśli decydujesz się na ukrycie formularza zapisu na stronie www.mailerlite.com i nie zaznaczysz opcji Zastosuj dokładnie do tych wpisów, to pop-up będzie ukryty na wszystkich stronach internetowych zawierających www.mailerlite.com, w tym www.mailerlite.com/blog i www.mailerlite.com/about, itd.
Pop-up po kliknięciu w zdarzenie
Chcesz zamienić Twój tekst, obrazy i przyciski w klikalne pop-upy?
Aby użyć funkcji Pop-up po kliknięciu w zdarzenie:
Przejdź do karty Formularze.
Możesz użyć opcji Pop-up lub Element strony.
Znajdź utworzony formularz i kliknij Podgląd.
Przewiń w dół do sekcji Fragment kodu śledzącego JavaScript. Tutaj znajdziesz potrzebne skrypty, które należy wstawić na każdej stronie, do której chcesz dodać pop-up. Zwykle CMS ma specjalne miejsce do zaimplementowania tego kodu i wyświetlenia go na każdej stronie.
Kliknij Pokaż po kliknięciu zdarzenia. Tutaj będziesz mieć dostęp do wszystkich kodów JavaScript dotyczących kliknięć w zdarzenie. Jeśli chcesz, aby pop-up wyświetlał się po kliknięciu, musisz dodać kod Javascript.
![](/assets/kb/rewrite/pop-up-po-kliknieciu-w-zdarzenie.png)
Jak korzystać z kreatora formularzy typu pop-up
Kreator formularzy typu pop-up został podzielony na dwie sekcje przy pomocy dwóch zakładek znajdujących się na pasku bocznym: zakładka Bloki i zakładka Wygląd.
Zakładka Bloki:
Jeśli chcesz to pod zakładką Bloki, możesz przeciągnąć i upuścić dodatkowe bloki z treścią do formularza pop-up.
![](/assets/kb/rewrite/image3.png)
Do wyboru jest sześć bloków:
Tekst - Użyj tego bloku, aby dodać więcej tekstu do swojego formularza pop-up
Obraz - Użyj tego bloku, aby dodać obraz lub GIF do swojego formularza pop-up
Obraz i treść - Użyj tego bloku, aby dodać obraz, GIF lub wideo do formularza pop-up z towarzyszącym tekstem obok niego
Licznik - Użyj tego bloku, aby stworzyć ograniczenie czasu poprzez dodanie licznika do formularza pop-up
Linki społecznościowe - Użyj tego bloku, aby dodać linki do swoich stron mediów społecznościowych do formularza pop-up
Separator - Użyj tego bloku, aby rozbić treść w swoim formularzu pop-up poprzez dodanie separatora
Zakładka Wygląd
Zakładka Wygląd pozwala na edycję kreacji pod względem wizualnym. W zakładce Wygląd odnajdziesz cztery sekcje:
Typ formularza, Ustawienia projektu, Ustawienia formularza zapisu i Dodatkowe ustawienia.
Typ formularza
Tutaj wybierasz, jak ma wyglądać formularz zapisu. Na przykład możesz chcieć, aby wyskakujące okno, pojawiło się jako w centrum strony internetowej, bądź zajęło cały ekran.
![](/assets/kb/rewrite/image9-1689264721.png)
Ustawienia projektu
To w tym miejscu możesz zdecydować o ogólnym wyglądzie swojego formularza pop-up. Każdy element projektu ma przypisany dymek projektowy, który można kliknąć, aby zmienić ustawienia dotyczące wyglądu, takie jak czcionki, formatowanie i kolory. Na przykład, jeśli chcesz zmienić czcionkę wszystkich nagłówków jednego tekstu:
Przejdź do zakładki Projektowanie.
Kliknij Ustawienia projektu.
W sekcji pola tekstowe znajdź dymek projektowy oznaczony jako Nagłówek 1 i kliknij go.
Wyświetli się okno, w którym możesz edytować czcionkę całego tekstu Nagłówka 1.
![](/assets/kb/rewrite/image8.png)
Ustawienia formularza zapisu
Tutaj możesz wprowadzić różne ustawienia do swojego formularza. Te ustawienia obejmują:
Polityka prywatności - Dodaj oświadczenie o polityce prywatności do swojego formularza pop-up.
Pole wyboru potwierdzenia - Dodaj pole wyboru zgody użytkownika do swojego formularza pop-up.
Pole ukryte - Dodaj ukryte pole, aby segmentować swoją listę subskrybentów. Możesz wybrać pole i wartość, aby wszyscy subskrybenci tego formularza mieli tę wartość dodaną do tego pola.
Pola zgód marketingowych (zgodne z RODO) - Dołącz pola wyboru uprawnień marketingowych zgodne z RODO do swojego formularza pop-up.
Grupy zainteresowań - Zapewnij odbiorcom możliwość wyboru grupy do jakiej zostaną zapisani.
reCAPTCHA - Dodaj pole wyboru "Nie jestem robotem" do swojego formularza pop-up. Pomaga to zapobiec zapisowi przez potencjalnie szkodliwe boty oraz spamtrapy, które mogłyby dołączyć do Twojej bazy
![](/assets/kb/rewrite/image15.png)