Jak stworzyć exit pop-up

Exit popup to rodzaj okna pop-up, które wyświetla się w momencie, gdy odwiedzający chce opuścić stronę i zbliży kursor myszy do górnego paska przeglądarki, czyli poza stronę. Głównym celem jest przekonać odwiedzającego, aby nie wychodził lub pozyskać jego e-mail w zamian za rabat lub inne interesujące treści (e-book, rabat,...). 

Exit popup można personalizować w zależności od tego, na której stronie ma się wyświetlać – według kategorii, Przeglądane produkty lub w momencie porzucenia koszyka. Za pomocą exit pop-upu zaoferujesz rabat lub inny motywujący bodziec, który skłoni odwiedzających do dokończenia zakupu lub pozostawienia adresu e-mail. 

Jak ustawić exit popup w Leadhubie?

1. W głównym widoku kampanii wybierz opcję "Utwórz nową kampanię" i wybierz "Pop-up targetowany". 

2. Po utworzeniu kampanii wyświetli się jej szczegół, który składa się z 4 kroków. Ustawisz, kiedy, gdzie i komu ma się wyświetlać pop-up, a jednocześnie edytujesz tutaj wygląd okna pop-up.

W pierwszym kroku wybierz, komu ma się wyświetlać pop-up. Jeśli chcesz przede wszystkim pozyskiwać nowe kontakty do bazy subskrybentów, wybierz segment "Znajomość kontaktu --> niezapisany na listę" i wybierz listę.

3. W drugim kroku ustaw, na jakich warunkach ma się wyświetlać pop-up. Dla exit popup dodaj warunek "Przy opuszczeniu strony". Jeśli chcesz personalizować exit pop-up i wyświetlać go tylko na wybranych stronach, trzeba dodać jeszcze warunek "URL zawiera" + wstawić odpowiedni adres URL. Z kolei aby wykluczyć adresy URL, na których exit pop-up nie ma się wyświetlać, użyj warunku "URL nie zawiera".

4. W trzecim kroku wybierz typ okna pop-up – dostarczenie informacji (nie wymagane jest podanie adresu e-mail ani innych danych, służy do celów informacyjnych) lub pozyskiwanie kontaktów. Znajdziesz tu także opcję "Własny HTML", gdzie poprzez wklejenie kodu utworzysz pop-up dokładnie według własnych potrzeb. 

Wybierz listę subskrybentów, do której chcesz gromadzić nowo pozyskane kontakty. 

5. Teraz edytuj okno pop-up, dodając właściwości CSS. W przypadku okna exit pop-up zalecamy wyłączyć pierwszy krok czyli "Teaser", odznaczając opcję "Użyj teasera". Pop-up będzie zawierał tylko dwa kroki – w pierwszym zainteresowany wpisze e-mail, a w drugim wyświetli mu się podziękowanie. 

Aby pop-up był na stronie dobrze widoczny i wyrazisty, ustaw także kolor tła. Wystarczy kliknąć w dowolne pole w oknie pop-up, a w panelu edycji pojawi się opcja "Style opcjonalne", gdzie ustawisz kolor tła i jego przezroczystość. 

Pop-upy można również dostosować do telefonów komórkowych, nadając im inne właściwości niż te dla wyświetlania na desktopie. Pop-up na urządzeniach mobilnych nie może zasłaniać większości treści, w przeciwnym razie Google obniży Twoją pozycję w wynikach wyszukiwania.

Po wybraniu opcji  "Dostarczenie informacji" do okna pop-up można przypisać odpowiedni adres URL, na który odwiedzający zostanie przekierowany po kliknięciu.

Jeśli nie udaje Ci się dostosować exit pop-upu do Twoich oczekiwań lub jesteś zainteresowany stworzeniem pop-upu na miarę według Twojego projektu graficznego, nie wahaj się do nas napisać. :)

6. W ostatnim kroku ustawisz czas, po którym pop-up po zamknięciu może zacząć ponownie wyświetlać się temu samemu odwiedzającemu.

7. Uruchom kampanię :)

Przykład końcowy okna exit pop-up, które wyświetli się na wybranym adresie URL przy opuszczaniu strony.

Jeśli jesteś zainteresowany stworzeniem okien pop-up na miarę według Twojego projektu graficznego, nie wahaj się, nie wahaj się do nas napisać. 

Przykład pop-upów znajdziesz tutaj.