Pop-up to element wyświetlany automatycznie na stronie internetowej, który pojawia się nad jej treścią, najczęściej jako okienko z informacją, ofertą lub formularzem. Jego celem jest przyciągnięcie uwagi użytkownika i skłonienie go do wykonania określonej akcji, np. zapisania się do newslettera lub kliknięcia w promocję. Nazwa obejmuje dwie różne rzeczy: warstwę wewnątrz strony oraz osobne okno przeglądarki, a to drugie Google Chrome domyślnie blokuje i sygnalizuje ikoną na pasku adresu.
Rodzaje pop-upów
Pop-upy dzielą się na pięć rodzajów według momentu wyświetlenia: przy wejściu, przy wyjściu, po czasie, po przewinięciu i po kliknięciu. Od tego zależy reakcja czytelnika, bo okno otwarte na jego prośbę przeszkadza mniej niż takie, które zasłania tekst od pierwszej sekundy:
- pop-up wejściowy - pojawia się zaraz po otwarciu adresu,
- pop-up wyjściowy (exit intent) - wyświetla się, gdy użytkownik przesuwa kursor w stronę zamknięcia karty,
- pop-up opóźniony - pokazuje się po ustalonym czasie, na przykład po 30 sekundach,
- scroll pop-up - startuje po dojściu do konkretnego miejsca, na przykład połowy artykułu,
- pop-up na kliknięcie - wywoływany przez przycisk lub link, np. "Zapytaj o cenę".
Zastosowanie pop-upów w marketingu
W marketingu pop-upy służą głównie do zbierania kontaktów i zwiększania sprzedaży, a możliwości jest pięć. Przykładowy zapis do listy mailingowej to pole na adres, jedno zdanie o korzyści i przycisk:
- zbieranie adresów e-mail - formularze zapisu do newslettera pozwalają budować bazę odbiorców,
- promowanie zniżek i ofert specjalnych - kod rabatowy widoczny w okienku pokazuje konkretną korzyść,
- informowanie o nowościach - pop-up może zwrócić uwagę na najnowsze wpisy blogowe czy kolekcje,
- ratowanie porzuconych koszyków w sklepach internetowych - optymalizacja procesu zakupu obejmuje także mechanizmy przypominające o niedokończonych transakcjach,
- zachęta do rejestracji lub kontaktu - zwłaszcza w branżach usługowych okno może zawierać formularz szybkiego zapytania.
Najlepsze praktyki przy wdrażaniu pop-upów
Dobre wdrożenie pop-upu oznacza pięć zasad: właściwy moment, łatwe zamknięcie, dopasowanie do telefonu, niewielkie okno i informację o danych. Nadużycie tej formy irytuje i pogarsza doświadczenia związane z użytkowaniem strony, dlatego przy projekcie sprawdź:
- czas wyświetlania - nie zaraz po wejściu, lecz po kilku sekundach lub po przewinięciu,
- zamknięcie - widoczny przycisk X o wymiarach co najmniej 24 × 24 piksele CSS (WCAG 2.2, poziom AA), a klawisz Escape także zamyka okno, jak zaleca wzorzec W3C dla elementów modalnych,
- dostosowanie do urządzeń mobilnych - pop-up powinien być responsywny i nie blokować tekstu na małych ekranach,
- rozmiar - tak mały, by nie utrudniać nawigacji; Google zaleca banery, które zajmują tylko niewielki fragment ekranu,
- RODO - zwłaszcza przy zbieraniu danych osobowych konieczna jest informacja o ich przetwarzaniu oraz zgoda użytkownika.
Pop-up a pozycjonowanie - wpływ na SEO
Pop-up może obniżyć pozycję, gdy zasłania główną zawartość: dokumentacja Google podaje, że uciążliwe okna i reklamy pełnoekranowe utrudniają wyszukiwarkom interpretowanie treści, co może obniżać ich miejsce w wynikach. Oba typy różnią się zasięgiem, bo pierwszy przykrywa tylko część widoku, a drugi całą stronę. Wyjątek dotyczy komunikatów wymaganych ze względu na rodzaj publikacji, np. weryfikacji wieku w kasynie online. Dlatego:
- stosuj małe, nieinwazyjne pop-upy - użytkownik powinien od razu widzieć sposób zamknięcia,
- unikaj okien na cały widok zaraz po wejściu, bo Google wprost pisze: "Nie zasłaniaj reklamami pełnoekranowymi całej strony",
- nie przekierowuj odwiedzającego na osobny adres po zgodę lub dane, ponieważ taka metoda może usunąć pozostałe podstrony z wyników,
- pilnuj stabilności układu - pop-up nie powinien przesuwać tekstu, a Google wskazuje wynik CLS poniżej 0,1 jako dobry,
- testuj warianty, np. dwa czasy wyświetlania albo dwa rozmiary, i porównuj zapisy oraz liczbę zamknięć.
Pop-up to narzędzie, które może zwiększyć liczbę zapisów i zapytań, jeżeli pojawia się w odpowiednim momencie i daje się łatwo zamknąć. Banery lub okna wywoływane kliknięciem są bezpieczniejszym wyborem dla stron, które dużą część ruchu dostają z wyszukiwarki na telefonach, ponieważ nie zakrywają tekstu po wejściu.
