Lubisz wyskakujące okienka, czyli pop-upy? Ja też nie. Ale wbrew temu, jak są irytujące, są też bardzo skuteczne. W tym artykule pokażę Ci, jak możesz stworzyć pop-up w Mailerlite. Dowiesz się, gdzie można pop-up pokazać, kiedy może się wyświetlać i kiedy znikać. Wszystko pokazane w możliwie prosty sposób.
Jak stworzyć wyskakujące okienko w Mailerlite?
Zaloguj się na swoje konto w Mailerlite. Kliknij forms / pop-ups / create pop-up:
Wpisz nazwę pop-upu i kliknij save and continue:
Wybierz grupę, do której będą dodawani subskrybenci, którzy zapiszą się na newsletter właśnie poprzez ten konkretny pop-up. Jeśli masz więcej grup, będziesz mógł je tutaj wybrać. Kliknij save and continue:
W zależności od tego, jak chcesz, żeby pop-up wyglądał, wybierz jeden z trzech dostępnych szablonów:
Ja wybieram najprostszy, pierwszy. Najedź myszą na szablon i kliknij select:
Zostaniesz przeniesiony do edytora drag&drop, gdzie będziesz mógł dostosować wygląd szablonu do Twojej identyfikacji wizualnej:
Kiedy najedziesz myszą na element, który chcesz edytować, kliknij i pojawią się opcje edycji:
Żeby wrócić do głównego edytora i wybrać kolejny obszar do zmiany, kliknij save.
Zwróć uwagę na opcje po prawej stronie u góry. Możesz wybrać, czy ten pop-up będzie wyświetlał się na środku (to domyślny układ), na dole:
lub z boku:
My zrobimy pop-up, który pojawi się na środku. Kolorystyka wybrana?
Teraz stworzymy success page, czyli komunikat, który pojawi się w momencie, kiedy użytkownik wypełni pola e-mail i imię, i kliknie przycisk. Żeby zrobić success page u góry, kliknij success:
Success page domyślnie ustawia taką kolorystykę, jaką wybrałeś do stworzenia pop-upu. Musisz tylko zmienić tekst:
Kiedy subskrybent potwierdzi zapis, dostanie wiadomość, w której potwierdzi swój zapis do newslettera i będzie miał możliwość pobrać e-book. Jak stworzyć wiadomość potwierdzającą? Zaraz do tego dojdziemy, najpierw zapiszmy i skończmy ustawiać pop-up. Kliknij save, a następnie next:
W kolejnym oknie masz do wyboru parę opcji. Najpierw musimy wybrać, kiedy pop-up się pokaże. Opcje są następujące:
- Po pięciu sekundach od wejścia;
- W momencie, kiedy użytkownik przescrolluje 50% strony;
- Wtedy, kiedy użytkownik będzie chciał zamknąć stronę (ta opcja nie działa na urządzeniach mobilnych);
Dalej musimy wybrać, kiedy użytkownik znowu ma zobaczyć pop-up, jeśli nie zapisze się na newsletter:
Teraz możesz wybrać, czy:
- Pop-up ma się pojawiać zawsze?
- Pop-up ma się nie pojawiać na niektórych stronach? Wybierając opcję hide on specific pages, możesz wpisać adresy URL, na których pop-up ma się nie pokazywać;
- Pop-up ma się pojawiać tylko na niektórych stronach? Wybierając opcję only on specific pages,możesz wpisać adresy URL, na których pop-up ma się pokazywać;
Możesz też wybrać, czy chcesz ukryć pop-up na komputerach, telefonach lub tabletach.
Kiedy wybierzesz ustawienia, kliknij save and continue. Zostaniesz przekierowany do strony, na której znajdziesz JavaScript snippet, czyli kod, który uaktywni pop-up. Jeśli używasz WordPressa, wystarczy, że zainstalujesz oficjalną wtyczkę Official Mailerlite plugin. Pop-up się aktywuje sam.
Kliknij next. Teraz wrócimy na chwilę do maila potwierdzającego zapis. Czyli umożliwimy Twoim subskrybentom pobranie e-booka.
Upewnij się, że opcja double opt-in jest zaznaczona. Tylko wtedy subskrybent dostanie maila potwierdzającego zapis:
Następnie kliknij double opt-in email:
Żeby edytować poszczególne pola, kliknij edit:
Potem kliknij double opt-in thank you page i kliknij edit:
Żeby umożliwić pobranie e-booka, do tej wiadomości dodaj przycisk, który przeniesie subskrybenta w miejsce na serwerze, gdzie trzymasz swój lead magnet:
To może być miejsce na Twoim serwerze albo na przykład na Google Drive:
Kiedy wszystko będzie gotowe, kliknij save i next. Potem wracamy do podsumowania. Kliknij overview:
Domyślnie, pop-up jest wyłączony:
Kliknij, żeby włączyć:
Jak umieścić wyskakujące okienko na stronie internetowej?
Umieśćmy teraz pop-up na stronie. Zakładam, że masz stronę na WordPressie. Pobierz i aktywuj wtyczkę Mailerlite. Po lewej stronie wybierz Mailerlite / settings i wpisz kod API. Znajdziesz go w swoim profilu Mailerlite / integrations:
Kliknij use:
Zjedź na sam dół tej strony i skopiuj klucz API:
Wklej go w wyznaczone miejsce we wtyczce. Kliknij save this key:
Kiedy wprowadzisz klucz API, pop-up będzie pojawiał się na Twojej stronie w taki sposób, jak go ustawiłeś. W moim przypadku pojawi się w 5 sekundach od wejścia na stronę:
Jak stworzyć pop-up, który pojawi się po kliknięciu w link?
Jest jeszcze jedna fajna opcja. Aktywowanie pop-upu, kiedy użytkownik kliknie link. Przejdź znowu do swojego konta Mailerlite, do pop-upu, który właśnie stworzyłeś. Wejdź w overview i zjedź na sam dół strony. Kliknij show pop-up on click event:
Pokażę Ci, jak to zrobić, żeby pop-up otwierał się, kiedy użytkownik kliknie link, który umieścisz we wpisie. Stworzę testowy wpis na blogu. Dodaję blok własny HTML i wklejam pierwszy kod z Mailerlite:
Potem, dodaję kolejny blok z własnym kodem HTML i wklejam drugi kod z Mailerlite:
Zaznaczone na niebiesko miejsce zastępuję tekstem, który będzie widoczny na stronie:
Spuśćmy kurtynę milczenia na to, jak wygląda ten testowy wpis. Najważniejsze, że pop-up działa. Kiedy użytkownik kliknie link:
Pojawi się nasz pop-up:
Albo wiesz co? Zróbmy coś lepszego. Kliknij link poniżej:
Kliknij, jeśli chcesz zobaczyć pop-upI co, pop-up się pojawił? To dowód na to, że wszystko działa.
Podsumowanie
To tyle. Mam nadzieję, że tekst był dla Ciebie przydatny. Korzystaj, twórz pop-upy i daj mi znać, jak zwiększyły konwersję w Twoim biznesie. Powodzenia!