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.
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.
Kliknij przycisk Kontynuuj.
Wybierz szablon formularza pop-up. Po jego wybraniu otworzy się kreator formularzy pop-up.
Edytuj nagłówek oraz tekst formularza. Kliknij na blok, który chcesz edytować i wpisz treść bezpośrednio do tego bloku w formularzu.
Zmień grafikę w formularzu. Zrobisz to, klikając blok graficzny, a następnie wybierając grafikę na pasku bocznym.
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ć.
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).
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.
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.
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.
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.
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.
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.
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.
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
