Jak stworzyć pop-up w Mailerlite?

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.

Zrób to w 15 minut...

Dowiedz się jak w 15 minut, sprzedać coś osobie,
która dopiero co, zapisała się na Twój newsletter?

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:

Jak stworzyć pop-up w Mailerlite

Wpisz nazwę pop-upu i kliknij save and continue:

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

W zależności od tego, jak chcesz, żeby pop-up wyglądał, wybierz jeden z trzech dostępnych szablonów:

Jak stworzyć pop-up w Mailerlite

Ja wybieram najprostszy, pierwszy. Najedź myszą na szablon i kliknij select:

Jak stworzyć pop-up w Mailerlite

Zostaniesz przeniesiony do edytora drag&drop, gdzie będziesz mógł dostosować wygląd szablonu do Twojej identyfikacji wizualnej:

Jak stworzyć pop-up w Mailerlite

Kiedy najedziesz myszą na element, który chcesz edytować, kliknij i pojawią się opcje edycji:

Jak stworzyć pop-up w Mailerlite

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

Jak stworzyć pop-up w Mailerlite

lub z boku:

Jak stworzyć pop-up w Mailerlite

My zrobimy pop-up, który pojawi się na środku. Kolorystyka wybrana?

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

Success page domyślnie ustawia taką kolorystykę, jaką wybrałeś do stworzenia pop-upu. Musisz tylko zmienić tekst:

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

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);
Jak stworzyć pop-up w Mailerlite

Dalej musimy wybrać, kiedy użytkownik znowu ma zobaczyć pop-up, jeśli nie zapisze się na newsletter:

Jak stworzyć pop-up w Mailerlite

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.

Jak stworzyć pop-up w Mailerlite

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.

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

Następnie kliknij double opt-in email:

Jak stworzyć pop-up w Mailerlite

Żeby edytować poszczególne pola, kliknij edit:

Jak stworzyć pop-up w Mailerlite

Potem kliknij double opt-in thank you page i kliknij edit:

Jak stworzyć pop-up w Mailerlite

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

Jak stworzyć pop-up w Mailerlite

To może być miejsce na Twoim serwerze albo na przykład na Google Drive:

Jak stworzyć pop-up w Mailerlite

Kiedy wszystko będzie gotowe, kliknij save i next. Potem wracamy do podsumowania. Kliknij overview:

Jak stworzyć pop-up w Mailerlite

Domyślnie, pop-up jest wyłączony:

Jak stworzyć pop-up w Mailerlite

Kliknij, żeby włączyć:

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite
Jak stworzyć pop-up w Mailerlite

Kliknij use:

Jak stworzyć pop-up w Mailerlite

Zjedź na sam dół tej strony i skopiuj klucz API:

Jak stworzyć pop-up w Mailerlite

Wklej go w wyznaczone miejsce we wtyczce. Kliknij save this key:

Jak stworzyć pop-up w Mailerlite

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 w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

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:

Jak stworzyć pop-up w Mailerlite

Potem, dodaję kolejny blok z własnym kodem HTML i wklejam drugi kod z Mailerlite:

Jak stworzyć pop-up w Mailerlite

Zaznaczone na niebiesko miejsce zastępuję tekstem, który będzie widoczny na stronie:

Jak stworzyć pop-up w Mailerlite

Spuśćmy kurtynę milczenia na to, jak wygląda ten testowy wpis. Najważniejsze, że pop-up działa. Kiedy użytkownik kliknie link:

Jak stworzyć pop-up w Mailerlite

Pojawi się nasz pop-up:

Jak stworzyć pop-up w Mailerlite

Albo wiesz co? Zróbmy coś lepszego. Kliknij link poniżej:

Kliknij, jeśli chcesz zobaczyć pop-up

I 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!


Jak zamienić subskrybentów w płatnych klientów?

Ta strona wykorzystuje pliki cookies. Korzystanie ze strony oznacza zgodę na ich zapis lub odczyt wg ustawień przeglądarki. Więcej informacji znajdziesz w polityce prywatności. OK, rozumiem