Ponad 15 skutecznych strategii projektowania wyskakujących okienek, aby uzyskać inspirację

Opublikowany: 2021-10-28

Znaczenie projektu wyskakującego okienka

Istnieją różne pomysły dotyczące użyteczności wyskakujących okienek. Niektórzy uważają, że wyskakujące okienka powodują złe wrażenia użytkownika w witrynie z powodu niechcianych wiadomości. Jednak inni uważają, że wyskakujące okienka są jednym z najlepszych narzędzi marketingowych, które przyciągają uwagę odwiedzających i zachęcają ich do zachowania w Twojej witrynie. W rzeczywistości oba mają rację. Wyskakujące okienka to miecz obosieczny. Mogą zarówno zwiększyć współczynnik konwersji, jak i zabić klienta w Twojej witrynie. Dlatego ważne jest, aby mieć dobrą strategię podczas korzystania z wyskakujących okienek. Dobrą strategią jest dobre zaprojektowanie wyskakujących okienek, wykorzystanie atrakcyjnej treści i pokazywanie wyskakujących okienek we właściwym czasie.

Jakie są najlepsze praktyki w projektowaniu wyskakujących okienek?

Poniżej znajduje się zestawienie najlepszych praktyk projektowania wyskakujących okienek, których należy przestrzegać podczas tworzenia wyskakujących okienek dla Twojej witryny. Dla lepszego zrozumienia podałem przykład każdej praktyki.

1. Spersonalizuj swoje wyskakujące okienka na podstawie segmentów użytkowników

Tworzenie segmentów użytkowników i personalizacja pomoże odwiedzającym lepiej zaangażować się w Twoje treści. Bez wątpienia, jeśli wyświetlisz wyskakujące okienko z produktem, który odwiedzający ostatnio widział i nie kupił z dobrą ofertą, będzie działać znacznie lepiej niż wyskakujące okienko oferujące dowolny losowy produkt. Możesz również zwrócić się do odwiedzającego po imieniu, aby przyciągnąć jego uwagę. Dobrą praktyką przyciągania odwiedzających są również personalizacje geolokalizacyjne.

2. Wyjaśnij swoje cele

Każde wyskakujące okienko ma swój cel. Możesz chcieć otrzymywać e-maile od odwiedzających i zbierać leady, oferować konkretny produkt lub kupon rabatowy, wyświetlać konkretne treści, które mogą zainteresować użytkownika i nie tylko. Lepiej jest mieć na uwadze tylko jeden cel dla wyskakującego okienka i określić kopię, projekt i czas wyświetlania na podstawie celu wyskakującego okienka.

3. Rozważ cały projekt strony internetowej

Wyskakujące okienko powinno pasować do wyglądu reszty witryny. Nie powinieneś sprawiać, że odwiedzający poczujesz, że wyskakujące okienko jest czymś natrętnym. Powinieneś więc dopasować styl, kolorystykę, typografię do reszty strony.

4. Użyj ukierunkowanego i atrakcyjnego CTA

Jak wspomniano powyżej, wyskakujące okienko powinno mieć jasny cel dotyczący tego, jakie działanie użytkownik podejmie po interakcji z wyskakującym okienkiem. W przypadku większości wyskakujących okienek powinieneś mieć tylko jeden przycisk wezwania do działania z atrakcyjnym tekstem i wyglądem, aby przyciągnąć odwiedzających do pożądanej akcji. Staraj się być kreatywny, aby tworzyć kuszące CTA.

5. Wypróbuj różne rodzaje wyskakujących okienek

Zachęcam do korzystania z różnych typów wyskakujących okienek, aby sprawdzić, które z nich faktycznie działają w Twoim przypadku. Każdy typ ma swoje zalety i wady.

Wyskakujące okienko

Ten rodzaj wyskakującego okienka pojawia się na środku strony nad zawartością strony i zwykle uniemożliwia robienie czegokolwiek, dopóki nie zamkniesz wyskakującego okienka. Chociaż ten rodzaj wyskakującego okienka jest bardzo popularny i przyciąga wzrok, może powodować złe wrażenia dla użytkownika i spowodować opuszczenie witryny.

Wsuwana

To wyskakujące okienko wsuwa się zwykle od dołu ekranu, a ponieważ nie blokuje treści, jest bardziej przyjazne dla użytkownika. Istnieje jednak większa możliwość, że użytkownicy przeoczą zawartość wyskakującego okienka.

Bar

Nazywane również paskiem ogłoszeń, to wyskakujące okienko znajduje się na dole lub na górze strony i jest powszechnie używane, gdy chcesz promować kampanię sprzedaży lub dostarczać ważne wiadomości odwiedzającym. Wrażenia użytkownika w przypadku wyskakujących okienek są bardziej pozytywne, ponieważ zajmują tylko niewielki obszar ekranu. Wyskakujące okienka mogą również przyciągać wzrok, jeśli użyjesz kolorów, które dobrze kontrastują z Twoją witryną.

Czy jesteś maniakiem wzrostu?

SUBSKRYBUJ

6. Użyj obrazów, aby przyciągnąć odwiedzających

Podczas projektowania wyskakującego okienka nic nie może bardziej przyciągnąć uwagi użytkownika niż wysokiej jakości i trafne zdjęcia. Użytkownicy zwykle nie mają możliwości przeczytania tekstu i obejrzenia wideo. Jednak imponujący obraz w ułamku sekundy może przyciągnąć ich uwagę. Dlatego w projektowaniu wyskakujących okienek utrzymuj jak najwyższą jakość grafiki i obrazu.

7. Generuj leady dzięki kuszącym ofertom

Generowanie leadów to jeden z najczęstszych powodów używania wyskakujących okienek. Jeśli nie złożysz dobrej oferty, nie otrzymasz wielu zgłoszeń. Spróbuj więc zaoferować coś kuszącego w zamian za podanie adresu e-mail użytkownika.

8. Użyj wyskakujących okienek czasowych, aby zwiększyć konwersje

Metoda FOMO (strach przed pominięciem) to świetna praktyka mająca na celu zwiększenie szansy na konwersję odwiedzających. Kiedy oferujesz coś przez nieograniczony czas, gość nie będzie działał. Postaraj się więc mieć ograniczone czasowo oferty w wyskakującym okienku, aby odwiedzający pospieszyli się i podjęli działania.

9. Wyeliminuj strach odwiedzających CTA

W tej części projektu popupa musisz przekonać użytkowników aplikacji, że nie będziesz im przeszkadzać. Użytkownicy boją się zbyt wielu promocyjnych e-maili i mogą nie współpracować z Tobą.

Jeśli jednak zapewnisz ich, że wysyłasz tylko określoną liczbę e-maili miesięcznie, złagodzi to ich obawy. Najlepiej umieścić tę notatkę bezpośrednio pod przyciskiem CTA.

10. Rozważ użytkowników mobilnych

Nie ignoruj ​​faktu, że wyskakujące okienko nie jest wyświetlane tylko użytkownikom komputerów. Obecnie jest więcej użytkowników mobilnych niż komputerów stacjonarnych. Niekompatybilność Twojego projektu ze środowiskiem smartfona spowoduje utratę dużej liczby potencjalnych odbiorców, a także spowoduje złe wrażenia użytkownika. Możesz sprawdzić kompatybilność mobilną podczas projektowania wyskakującego okienka.

11. Użyj wyskakującego okienka, aby zatrzymać odwiedzających na swojej stronie

Korzystając z akcji exit popup show, sprawisz, że użytkownicy spędzą więcej czasu w Twojej witrynie. To jeszcze bardziej zwiększy wydajność Twojej witryny. Wyskakujące okienko z zamiarem wyjścia to ostatni wysiłek, aby zatrzymać użytkownika na stronie i wykonać żądane działanie na swojej stronie.

12. Użyj elementów geometrycznych, aby przyciągnąć uwagę

Użycie geometrycznych kształtów przykuwa uwagę wizualną użytkowników. Pamiętaj tylko, że nadużywanie figur może sprawić, że Twój projekt będzie zatłoczony i denerwujący. Zachowaj równowagę.

projekt wyskakującego okienka

13. Używaj kolorów o dobrym kontraście

Kolor jest również jednym z pierwszych wizualnych wrażeń, jakie otrzymuje użytkownik odwiedzający stronę internetową. Użyj harmonijnej palety kolorów z dobrym kontrastem, aby była bardziej efektywna. Biorąc pod uwagę te małe wskazówki, efekt końcowy jest niesamowity.

projekt wyskakującego okienka

14. Poproś o mniej informacji, aby zwiększyć współczynnik konwersji

W formularzach takich jak formularz zapisu należy zbierać tylko niezbędne informacje. Im więcej masz pól wejściowych, tym mniej odwiedzających jest chętnych do ich wypełnienia i przesłania formularza.

projekt wyskakującego okienka

15. Wybierz odpowiednią czcionkę dla swojego wyskakującego okienka

Jeśli masz wątpliwości, jakiej czcionki użyć na swojej stronie, lepiej użyć czcionek, które są najczęściej używane w Twojej witrynie. Staraj się używać kreatywnych czcionek w nagłówkach, aby przyciągnąć odwiedzających, oraz zwykłej czcionki użytej w witrynie w treści kopii.

projekt wyskakującego okienka

Jak Growmatik może pomóc

Growmatik to narzędzie do automatyzacji marketingu, które może pomóc w tworzeniu skutecznych wyskakujących okienek w WordPress. W Growmatik znajduje się wizualny kreator wyskakujących okienek z gotowymi szablonami. Aby uzyskać dostęp do kreatora wyskakujących okienek, po prostu przejdź do Warsztatu w panelu, wybierz Wyskakujące okienka, a następnie kliknij przycisk Utwórz wyskakujące okienko. Otwiera okno, w którym znajdziesz wstępnie zaprojektowane wyskakujące okienka. Możesz wybrać edycję lub utworzyć nową.

projekt wyskakującego okienka

Wyskakujące okienka Growmatik można zautomatyzować zgodnie z wieloma różnymi warunkami za pomocą zaledwie kilku kliknięć. Wreszcie dostępna jest analiza i dane dotyczące wydajności dowolnego wyskakującego okienka, co pozwala udoskonalić i dostosować wyskakujące okienka zgodnie z tym, co działa najlepiej.

projekt wyskakującego okienka

Zawijanie

Skorzystaj z powyższych praktyk i połącz je ze sobą, aby stworzyć solidną strategię projektowania wyskakujących okienek na swojej stronie internetowej. Nie zapomnij o spersonalizowaniu wyskakujących okienek i zróżnicowaniu ich projektów dla wszystkich segmentów użytkowników. Utworzenie wyskakującego okienka dla różnych segmentów użytkowników pomoże Ci zwiększyć współczynnik konwersji. Postaw się w butach odwiedzających i upewnij się, że to wyskakujące okienko jest tym, co chciałbyś zobaczyć na tej stronie.

Zoptymalizuj doświadczenie użytkownika i zwiększ konwersję dzięki spersonalizowanym wyskakującym okienkom
Zacząć teraz