Znaleźliśmy 12 najlepszych wyskakujących projektów, które możesz dziś skopiować

Wyskakujące okienka to niezawodny sposób na powiększenie listy e-mailowej i zwiększenie współczynników konwersji e-commerce. Widzieliśmy, jak czołowe marki e-commerce używają wyskakujących okienek, aby poprawić współczynniki konwersji nawet o 37% i zmniejszyć współczynnik porzucania koszyka o co najmniej 20% .

Historie sukcesu, takie jak te, opierają się na pięknie zaprojektowanych wyskakujących okienkach skierowanych do ściśle określonych odbiorców. W poprzednim artykule omówiliśmy segmenty użytkowników, na które każdy sklep e-commerce powinien kierować reklamy za pomocą wyskakujących okienek. Dzisiaj skupimy się na drugim czynniku: projektowaniu wyskakujących okienek.

Zebraliśmy 12 wspaniałych przykładów wyskakujących okienek jako inspirację, która pomoże Ci stworzyć własny projekt wyskakujących okienek.

Zacznijmy!

Wszystkie 12 z tych rzeczywistych przykładów projektów wyskakujących zostało stworzonych przy użyciu OptiMonk. Oznacza to, że możesz łatwo skopiować wszystkie ich elementy projektu, korzystając z wielu różnych szablonów i naszego edytora „przeciągnij i upuść”.

1. Pocałuj mojego Keto

To powitalne okienko rozpoczyna proces budowania trwałej relacji z klientami poprzez lepsze ich poznanie.

Proste pytanie i równie prosta kopia przycisku zachęcają odwiedzających do zaangażowania się w wyskakujące okienko (nie wspominając o obietnicy 10% zniżki na kod promocyjny).

Kiss My Keto użyło również wysokiej jakości obrazu, który zarówno przedstawia ich produkt, jak i wzmacnia zabawną, beztroską tożsamość marki.

2. Krzysztof Cloos

Christopher Cloos to marka o skandynawskich korzeniach, a ich wyskakujący projekt jest zgodny z typową skandynawską estetyką: elegancki, z prostymi liniami i uproszczonymi czcionkami. To świetny przykład solidnego projektu popup, który wzmacnia styl marki.

Innym ważnym aspektem projektu wyskakującego okienka jest licznik czasu, który przyciąga uwagę odwiedzających i zwiększa poczucie pilności , dzięki czemu będą bardziej skłonni skorzystać z kodu rabatowego.

I wreszcie, w tym, co staje się tematem, zespół projektantów Christopher Cloos wybrał zdjęcie, które doskonale oddaje „uczucie” ich okularów przeciwsłonecznych.

3. Obwi

Nie wszystkie wyskakujące okienka potrzebują obrazów, aby przyciągnąć uwagę klientów. Czasami kopia wyskakującego okienka może być wystarczająco silna sama w sobie.

Jest to szczególnie ważne, gdy wyskakujące okienko używa odważnych kolorów, które przyciągają wzrok, takich jak gorący różowy i czarny zestaw poniżej. Zwróć uwagę, jak Obvi wzmacnia swój przekaz za pomocą emotikonów, dzięki czemu projekt wyskakującego okienka wydaje się bardziej młodzieńczy.

Aby jeszcze łatwiej przyswoić wiadomość z wyskakującego okienka, kółko w lewym górnym rogu podsumowuje ofertę.

4. BlendJet

Ten przykład ilustruje, jak ważne jest upewnienie się, że wyskakujące okienko pasuje do projektu witryny. W doborze kolorów panuje harmonia, która wygląda bardzo przyjemnie dla oka.

Jedyne kontrasty w palecie kolorystycznej to zdjęcia ilustrujące ofertę (co klienci otrzymają gratis). Produkty wyskakują ze strony i to jest dokładnie cel.

5. Oodie

Jest kilka punktów, które można zrobić na temat tego wspaniałego przykładu projektowania wyskakujących okienek z The Oodie.

Po pierwsze, sposób, w jaki obraz łączy się z wyskakującym okienkiem, jest wizualnie uderzający i wspiera kopię: „Czy chciałbyś się przytulić?”

Wybór jaskrawej czerwieni na popup, w przeciwieństwie do delikatniejszego różu bluzy z kapturem, jest wzorowy. Wyróżnia się niebieski przycisk wezwania do działania, który zapewnia, że ​​odwiedzający nie przeoczą kuszącego CTA: „Ujawnij mój kod”.

Wreszcie, największą i najbardziej znaną kopią jest „I 25 USD taniej”, która jest przyciągającym uwagę sposobem na zwrócenie uwagi na główny komunikat wyskakującego okienka.

6. Kurkuma Co.

Firma Turmeric Co. wykorzystuje charakterystyczny element w kształcie koła, aby podkreślić swoją ofertę.

Ten projekt wyskakującego okienka jest prosty, z wystarczającą ilością białego miejsca, aby uniknąć przytłaczania odwiedzających witrynę, a jednocześnie zawiera licznik czasu i opisowy przycisk wezwania do działania.

Mały obrazek nie tylko przedstawia produkt, ale także oddaje aktywny, zdrowy wizerunek marki.

7. Chmura kokosowa

Coconut Cloud skupia się na swoich produktach. I to ma sens… wyglądają pysznie!

Ten projekt wyskakującego okienka został opracowany jako wsparcie dla prezentów na Halloween. Pokazując odwiedzającym wszystko, co mogli wygrać, Coconut Cloud wciąga ich i zachęca do udziału.

Wreszcie to wyskakujące okienko zawiera termin. Podobnie jak minutnik, sztywny termin stwarza poczucie pilności.

8. STEMDzieci

Sprytna kopia w tym przykładzie wyskakującego okienka TheSTEMKids naprawdę kradnie show.

Treść wyskakującego okienka zaczyna się od przekreślenia liczby „10,00 USD”. W połączeniu z pogrubionym „Nic do wysyłki” sprawia, że ​​dokładna wartość oferty jest oczywista dla wszystkich odwiedzających witrynę.

9. Bibados

Podobnie jak wiele innych przykładów projektów wyskakujących okienek z tej listy, Bibado użył kontrastowego koloru dla przycisku wezwania do działania. Sukces wyświetlenia zależy od tego, czy klient kliknie przycisk CTA, więc warto go wyróżnić.

Podoba nam się również sposób, w jaki Bidabo uwydatnił ofertę we własnym prostokącie na początku.

10. Pytanie

Projekt wyskakującego okienka w Qure jest dobrym przykładem tego, jak złożyć dwie oferty naraz.

Główny nagłówek (5% zniżki) jest wyróżniony dużym tekstem, ale dodatkowa oferta ma osobne pole dla podkreślenia. Jest tam ładny mały obrazek, który pokazuje darmowy prezent, który otrzymasz.

Większy obraz świetnie sprawdza się w utrzymywaniu ciągłości ze świeżym, futurystycznym brandingiem Qure.

11. Tak, proszę o zdrowie

Należy pamiętać, że to ludzie będą patrzeć na Twoje wyskakujące okienka. Oznacza to, że emocje są zawsze ważnym czynnikiem podczas projektowania wyskakujących okienek.

Yes Please Health pomaga swoim klientom podekscytować się ofertą dzięki kolorowemu wizerunkowi osoby uśmiechniętej i pokazującej produkt.

Łączą ten obraz z tłem wyskakującego okienka, dzięki czemu wygląda bardzo dobrze razem.

Wreszcie, wykorzystują zabawną, zabawną kopię, aby przyciągnąć klienta.

12. Flips Fullera

Fuller's Flips wykorzystuje obrazy z doskonałym efektem w tym wyskakującym okienku. Wyświetlając obraz przed i po, wyraźnie pokazują wartość, jaką zapewnia ich usługa.

Używanie emoji kotwicy jest również miłym akcentem, dobrze w połączeniu z ich obietnicą, że przyniesie ci „przybrzeżny styl Hamptons”.

Projektowanie wyskakujących okienek nie jest nauką ścisłą. Jak pokazały te przykłady wyskakujących okienek, istnieje wiele różnych podejść, które możesz zastosować.

Twoje własne podejście powinno być spójne z osobowością Twojej marki, projektem witryny i przekazem, który chcesz przekazać. Na pewno znajdziesz szablon, który zaznacza wszystkie trzy pola w ponad 300 silnej bibliotece szablonów OptiMonk !

Aby dowiedzieć się więcej o tworzeniu wyskakujących okienek o wysokiej konwersji, zapoznaj się z naszym Ultimate Guide to Popups.