W ten sposób Twoje ulubione firmy wykorzystują wyskakujące okienka witryn do rozwoju (i Ty też możesz!)

Aby ułatwić Ci nawigację, podzieliliśmy listę na 3 kategorie. Za chwilę zobaczysz wyskakujące okienka witryny, które pomagają:

• Zdobądź subskrybentów e-mail

• Wyświetlaj wezwania do działania

• Ogłaszaj wszelkie aktualizacje

Zapraszam do przejścia do kategorii, która najbardziej Cię interesuje.

Wyskakujące okienka, które pomagają markom budować listy e-mailowe

Każdy ma teraz bzika na punkcie powiększania swoich list e-mailowych. I ty też powinieneś!

Jeśli go przegapiłeś, e-mail ma aż 44 USD ROI na każdy wydany dolar.

Posiadanie osób na swojej liście e-mailowej oznacza, że ​​posiadasz wyłączne pozwolenie na poznawanie ich bezpośrednio w ich skrzynkach odbiorczych, rozwijanie relacji i przekształcanie ich w stałych klientów.

Czekaj, ale jaki jest najlepszy sposób na powiększenie listy e-mailowej? Założę się, że znasz już odpowiedź.

To wyskakujące okienka.

Zobaczmy, jak marki, o których na pewno słyszałeś (i prawdopodobnie nawet kupowane od) używają wyskakujących okienek do zbierania adresów e-mail.

1. Sklep New York Times – 10% ZNIŻKI na pierwsze zamówienie

New York Times był jednym z pierwszych, który przekształcił się w media internetowe z płatną subskrypcją.

Dziś jest to najczęściej odwiedzana strona gazety. I używają wyskakujących okienek do różnych celów.

Na przykład spójrz na ten minimalistyczny formularz subskrypcji e-mail, który pojawia się, gdy tylko trafisz do sklepu internetowego The New York Times.

Oto, co sprawia, że ​​ta strona jest świetna:

• Spójny projekt
  Wyskakujące okienko ma ten sam motyw kolorystyczny i tę samą czcionkę, co reszta The NYT Store. Pojawia się jako integralna, wiarygodna część serwisu.

• Magnes ołowiany
  Nie tylko otrzymasz propozycję subskrypcji nowych ofert, ale także otrzymasz 10% zniżki na pierwsze zamówienie, jeśli dołączysz do listy.

• Natychmiastowy wygląd
  Zawsze jest niejasne, czy wyskakujące okienka witryny powinny pojawiać się od razu, czy po spędzeniu przez użytkownika czasu na stronie. W takim przypadku natychmiastowe wyświetlenie formularza jest z pewnością lepsze niż po dokonaniu przez potencjalnego klienta zakupu, prawda?

Chcesz dodać podobne wyskakujące okienko subskrypcji do swojej witryny?

Podążaliśmy za duchem twórczym The New York Times, aby zbudować podobny formularz prenumeraty. Kliknij wyskakujące okienko witryny poniżej, aby zobaczyć, jak działa. Następnie postępuj zgodnie z prostymi instrukcjami, które pojawią się po prawej stronie strony.

Szablon podglądu na żywo zostanie dodany bezpośrednio do pulpitu Getsitecontrol. Stamtąd będziesz mógł dostosować szczegóły, takie jak procent rabatu, nagłówek i motyw kolorystyczny, aby idealnie pasował do Twojej witryny.

Wtedy będziesz mógł korzystać z Kierowanie ustawienia, aby określić stronę, na której ma się pojawiać wyskakujące okienko.

2. Century 21 – odblokuj 25 USD ZNIŻKI lub zapłać pełną cenę

Century 21, gigant handlu modą w niskich cenach, kilka lat temu wszedł do sieci, a także wkroczył w grę polegającą na budowaniu listy e-mailowej. Sprawdź wyskakujące okienko wyświetlane kilka sekund po wejściu na ich stronę internetową.

Oto, co jest świetne w tym wyskakującym okienku witryny:

• Mikrokopia w formacie e-mail
  Century 21 zdecydowało się określić, jak powinien wyglądać adres e-mail, aby upewnić się, że klienci zrobią to dobrze. Wiedząc, że ich publiczność jest bardzo szeroka i obejmuje ludzi, którzy niekoniecznie są obeznani z technologią, jest to świetna decyzja.

• Negatywny przycisk rezygnacji
  Jasne, nie musisz się rejestrować, jeśli nie chcesz. Ale to oznacza, że ​​jesteś gotów zapłacić pełną cenę, prawda? Przycisk rezygnacji to drobny szczegół, który sprawia, że ​​zastanawiasz się dwa razy przed odrzuceniem oferty.

• Inteligentny dobór kolorów
  Zauważ, że kolory tego wyskakującego okienka nie tylko są skorelowane z motywem witryny, ale przycisk „Kontynuuj” jest również wyróżniony kolorem czerwonym. Tymczasem przycisk rezygnacji po prostu stapia się z tłem.

Chcesz wyskakujące okienko z przyciskiem rezygnacji dla swojej witryny?

Jeśli podoba Ci się ta strona, odtworzenie jej jest tak proste, jak 1-2-3. Wystarczy kliknąć poniższy szablon i postępować zgodnie z instrukcjami.

Po przejściu do pulpitu przejdź przez Zadowolony ustawienia, aby dostosować kopię i motyw kolorystyczny, jeśli zajdzie taka potrzeba. Idąc za przykładem Century 21, możesz również dodać swoje logo na górze.

3. Marie Claire – efekt FOMO w działaniu

Jeśli uważasz, że negatywne przyciski rezygnacji mogą działać tylko w sklepach internetowych, pomyśl jeszcze raz.

Oferując wysokiej jakości treści za pośrednictwem poczty e-mail, równie dobrze możesz przypominać ludziom o konsekwencjach braku subskrypcji. Wystarczy spojrzeć, jak magazyn Marie Claire wykorzystuje efekt FOMO na swoim przycisku rezygnacji.

Oto, co lubimy w tym wyskakującym okienku witryny:

• Negatywny przycisk rezygnacji
  Oprócz efektu FOMO zauważ, jak Marie Claire zamieniła przycisk rezygnacji w oświadczenie o miłości do siebie.

• Kopia CTA rejestracji e-mail
  Jest tak wiele zachęcających wezwań do działania, które możesz umieścić na przycisku rejestracji zamiast po prostu „Zasubskrybuj”. „Pokaż mi, co jest w środku!” jest jednym z nich.

• Wybór obrazu
  I w tym przypadku nie jest to byle jaki obraz. To zdjęcie Saoirse Ronan, utalentowanej aktorki, którą z pewnością rozpozna większość czytelników.

Dlaczego wizerunek jest tutaj tak ważny?

Posiadanie obrazu, który koreluje z oczekiwaniami subskrybentów, ma kluczowe znaczenie dla zwiększenia wskaźnika rejestracji e-maili. Ponieważ nie tylko subskrybują niektóre trendy dotyczące włosów. Zapisują się, aby otrzymać przepis na wyglądanie jak gwiazda Hollywood na czerwonym dywanie.

Myślisz, że możesz chcieć wyskakujące okienko witryny, takie jak ta?

Konstruktor wyskakujących okienek Getsitecontrol ma szablon, który pomoże ci łatwo odtworzyć powyższy przykład. Sprawdź to poniżej.

Po dodaniu go do pulpitu nawigacyjnego będziesz mógł łatwo zastąpić obraz wizualną lub wybrać alternatywne zdjęcie z galerii.

4. Adidas – otrzymaj 15% ZNIŻKI w zamian za subskrypcję e-mail

Adidas oferuje 15% zniżki dla nowych subskrybentów z wyskakującym okienkiem, które pojawia się po spędzeniu czasu na ich stronie internetowej.

Oto, co jest szczególnie świetne w wyskakującym okienku strony Adidas:

• Mikrokopia na dole Aby złagodzić strach przed spamowaniem nieistotnymi e-mailami, Adidas określił dokładnie, na co subskrybujesz.

• Pole wyboru potwierdzające wiek Zgodnie z ustawą o ochronie prywatności dzieci w Internecie (COPPA) każdy subskrybent musi potwierdzić, że ma ukończone 13 lat. To pole wyboru może być również używane do zbierania wyraźnej zgody na otrzymywanie e-maili marketingowych.

• Segmentacja ze względu na płeć Na podstawie Twojej odpowiedzi Adidas zastosuje później reguły segmentacji, aby wysłać Ci najbardziej odpowiednie treści. Jednak mądrze jest ustawić to pole jako opcjonalne, biorąc pod uwagę liczbę neutralnych pod względem płci przedmiotów, które produkuje Adidas.

• Potwierdzenie subskrypcji Po zarejestrowaniu się zobaczysz tak zwany „komunikat o pomyślnym przesłaniu” informujący, czego możesz się spodziewać.

Alternatywną opcją byłoby tutaj wyświetlenie kodu rabatowego, który ludzie mogą skopiować i wkleić przy kasie. W ten sposób będą mogli kontynuować zakupy bez wychodzenia ze sklepu w celu otwarcia poczty.

5. Ahrefs – nie przegap kolejnego artykułu

Przejdźmy do świata IT.

Ahrefs, znany twórca oprogramowania SEO, używa tego uroczego suwaka, aby zasugerować subskrypcję ich biuletynu po dotarciu do końca posta na blogu.

Oto, co jest w tym tak wspaniałego:

• Inny format
  W przeciwieństwie do modalnych wyskakujących okienek, wsuwki są mniej natrętne, ale wystarczająco chwytliwe, aby zostać zauważonym. Mogą być idealnym wyborem dla projektów treści, w których chcesz, aby czytanie było jak najbardziej płynne.

• Wyzwalacz zachowania na stronie
  Formularz pojawia się dopiero po dotarciu do końca wpisu na blogu. To idealny moment, by zaproponować subskrypcję, ponieważ poziom zaangażowania jest wysoki.

• Zasada FOMO
  Jeśli dotarłeś do końca jednej z długich lektur Ahrefa, są duże szanse, że Ci się podobało. I nie chcesz przegapić kolejnego świetnego dzieła, takiego jak ten.

Chcesz dodać podobną wstawkę do swojej witryny?

Odtworzenie tego formularza subskrypcji jest łatwe. Zbudowaliśmy podobną wstawkę po prawej stronie, dzięki czemu możesz szybko zainstalować ją na swojej stronie internetowej.

Kliknij widżet, aby zobaczyć go w akcji i postępuj zgodnie z instrukcjami.

Po przygotowaniu użyj Kierowanie ustawienia, aby wybrać określone strony w witrynie, na których ma się pojawiać wsuwany element, a także warunki, kiedy ma się pojawiać.

6. Product Hunt – zapisz się do codziennego newslettera

Product Hunt to jedna z największych społeczności internetowych, w której codziennie wprowadzane są niesamowite produkty technologiczne. Ci, którzy nie mają czasu na codzienne sprawdzanie strony, mogą otrzymywać zestawienia najważniejszych aktualizacji poprzez subskrypcję e-mail.

Aby zwiększyć liczbę subskrypcji, Product Hunt zawiera pływający pasek rejestracji e-mail u dołu strony.

Oto, co jest wspaniałe w tym formularzu subskrypcji:

• Minimalne rozproszenie
  Pływające paski są najmniej rzucające się w oczy ze wszystkich wyskakujących okienek w witrynie. Pozostają na górze lub na dole strony internetowej podczas przewijania treści i cierpliwie czekają, aż będziesz gotowy do subskrypcji.

• Częstotliwość biuletynów
  Kopia dokładnie informuje, jak często będziesz otrzymywać wiadomości e-mail od Product Hunt.

• Autentyczny projekt
  Emotikona i kolor przycisku to charakterystyczne elementy Product Hunt. Wykorzystanie ich w formie to świetna decyzja.

Chcesz mieć własny pływający pasek rejestracji e-mail?

Możesz dodać podobny widżet do swojej witryny i wyświetlać go w całej witrynie lub na określonych stronach. Skorzystaj z gotowego szablonu poniżej, aby rozpocząć.

Kopia i projekt szablonu są dość wszechstronne, więc możesz używać go na swojej stronie internetowej w takim stanie, w jakim jest.

Wyskakujące okienka w witrynie wyświetlające wezwanie do działania

Czas przejść do kolejnej kategorii!

Drugim ważnym powodem, dla którego firmy korzystają z wyskakujących okienek, jest zachęcenie odwiedzających do skorzystania z rabatu, sprawdzenia nowego posta na blogu, wzięcia udziału w konkursie – innymi słowy do podjęcia działania .

Zobaczmy, jak robią to prawdziwe firmy.

7. Century 21 – skorzystaj z rabatu przed wyjazdem

Jeśli zaczniesz przeglądać sklep internetowy Century 21, musisz mieć ogromną siłę woli i oprzeć się pokusie skorzystania z ofert specjalnych, które czekają na Ciebie na każdym kroku.

Najpierw proszą Cię o subskrypcję w zamian za kupon o wartości 25 USD ZNIŻKI. A potem, jeśli próbujesz wyjść bez dokonania zakupu, zobaczysz wyskakujące okienko:

Jeśli naciśniesz „Tak, proszę!” przycisk, kod kuponu jest wyświetlany bezpośrednio w wyskakującym okienku. Możesz skopiować kod i wkleić go w kasie. Prosty. Efektywny.

Oto dlaczego podejście z zamiarem wyjścia działa tak dobrze:

• Uwaga gwarantowana
  Po prostu nie ma sposobu, aby przegapić ofertę rabatową, która pojawia się przed Twoimi oczami, gdy nawigujesz do wyjścia.

• Ostatnia deska ratunku
  Wyskakujące okienka z zamiarem wyjścia praktycznie dają wyjątkową szansę na konwersję osób, które miały odejść. Jasne, nie każdy porzucający gość odpowie. Ale niektóre z nich to zrobią – a każdy wysiłek się liczy, prawda?

Chcesz umieścić w swojej witrynie wyskakujące okienko z zamiarem wyjścia?

Sprawdź poniższy szablon. Jest już skonfigurowany tak, aby pojawiał się, gdy użytkownicy zaczną nawigować w celu opuszczenia strony.

Umieść go w swojej witrynie za pomocą kilku kliknięć, a następnie przejdź do Kierowanie ustawienia, aby określić stronę, na której ma się pojawić. Na przykład możesz chcieć umieścić go na stronach produktów, stronach kategorii, a nawet przy kasie, aby zapobiec porzucaniu koszyka.

8. Skillshare – promocja programu poleceń

Skillshare, internetowa platforma edukacyjna, prowadzi program poleceń, dzięki któremu możesz zarabiać darmowe miesiące zajęć poprzez zapraszanie znajomych. Zwróć uwagę na pływający pasek, który umieścili u góry każdej strony.

Co Skillshare zrobił tutaj:

• Kontrastujący kolor
  Skillshare wybrał kolor biały, ponieważ przyciąga on uwagę, biorąc pod uwagę ciemnoniebieski motyw kolorystyczny strony.

• Wystarczająco dużo szczegółów
  Mimo braku miejsca, kopia dostarcza wystarczających informacji, abyś mógł zdecydować, czy jesteś zainteresowany, czy nie.

• Wyczyść przycisk CTA
  Przycisk „Zaproś znajomych” określa jasne oczekiwania. Przeniesie Cię na dedykowaną stronę, na której możesz poznać szczegóły i uzyskać link polecający.

9. The New York Times – przeczytaj ważne aktualizacje teraz

Jeśli Twój projekt skupia się na treści, możesz wykorzystać wyskakujące okienka do promowania najnowszego artykułu na blogu, ważnych aktualizacji na wybrane tematy lub po prostu odpowiednich materiałów.

Na przykład w ten sposób The New York Times zwracał uwagę swoich czytelników na aktualizacje na żywo dotyczące epidemii COVID-19.

Paski z wezwaniem do działania na dole strony internetowej są wykorzystywane przez różne media do różnych celów. Po prostu sprawdź nasz następny przykład z podobnie wyglądającym wyskakującym okienkiem.

10. The Guardian – wesprzyj Guardiana już dziś

W przeciwieństwie do The New York Times, The Guardian zdecydował się na udostępnienie wszystkich swoich materiałów, a czytelnicy mogą uczestniczyć w finansowaniu gazety w formie darowizn. Zobacz, jak przekazują tę wiadomość za pomocą wyskakującego okienka na dole strony.

Chcesz użyć podobnego wyskakującego okienka na swojej stronie?

Jeśli chcesz położyć nacisk na przekaz, te lepkie paski są doskonałym sposobem na przyciągnięcie uwagi. Sprawdź poniższy szablon, jeśli chcesz go dodać do swojej witryny.

Po dodaniu go do pulpitu nawigacyjnego Getsitecontrol przejdź do Zadowolony i otwórz ustawienia przycisku, aby umieścić link do żądanej strony.

Wyskakujące okienka w witrynie do tworzenia ogłoszeń w całej witrynie

Ostatnia kategoria wyskakujących okienek ma na celu informowanie odwiedzających, a nie zachęcanie ich do działania.

Jeśli chcesz na bieżąco informować odbiorców o nowościach i aktualnych warunkach, wyskakujące okienka na stronie są po prostu idealne.

Możesz je wykorzystać do rozpowszechniania informacji o zmianach w działalności firmy, aktualnych ofertach lub nowych zasadach – jak na przykład polityka zgody na pliki cookie.

Przyjrzyjmy się, jak Reebok, Tiffany, Nespresso, Intercom i Slack radzą sobie z tego rodzaju komunikacją.

11. Reebok – ogłoszenie sprzedaży w całej witrynie

Aby upewnić się, że każdy, kto trafi na ich stronę, zostanie poinformowany o wyprzedaży w całej witrynie, firma Reebok umieściła pływający pasek ogłoszeń u góry strony.

To ogłoszenie nie wymaga żadnych działań ze strony odwiedzającego witrynę. Można to potraktować jako miłą niespodziankę i zachętę do dalszego przeglądania sklepu.

12. Tiffany & Co. – bezpłatne przypomnienie o usłudze

W ten sposób Tiffany & Co. informuje odwiedzających sklep internetowy, że wysyłka i zwroty są bezpłatne dla wszystkich zamówień. Używają podpisu Tiffany blue pływającego paska u góry strony internetowej.

Jeśli masz kody kolorów dla motywu swojej witryny, możesz użyć ich w wyskakującym okienku Wygląd / CSS ustawienia, aby stworzyć idealnie dopasowany pasek ogłoszeń, tak jak Tiffany.

13. Nespresso – możliwe zawiadomienie o opóźnieniu dostawy

Ostatni przykład pływającego słupka należy do witryny Nespresso. Informują klientów online o opóźnionej dostawie.

Ponownie, być może zauważyłeś, że kolor pływającego paska nie został wybrany losowo – pasuje idealnie do przycisku „Szukaj” poniżej.

Chcesz odtworzyć te wyskakujące okienka witryny?

Aby dotrzeć do odbiorców z krótkim, ale ważnym przesłaniem, pływające paski są świetne. Aby dodać go do swojej witryny, po prostu kliknij poniższy szablon, a następnie edytuj kopię.

Zapraszam do zmiany koloru na taki, który może wyglądać lepiej na Twojej stronie. Motyw kolorystyczny jest dostępny w Wygląd zewnętrzny zakładka pulpitu nawigacyjnego Getsitecontrol.

14. Slack – baner zgody na pliki cookie

Ostatnie dwa przykłady na naszej liście to banery cookie.

Jak zapewne wiecie, od 2018 r. każda strona internetowa, do której trafiają odwiedzający z UE, musi uzyskać ich świadomą zgodę na wykorzystywanie plików cookie śledzących dane użytkownika.

Tak wygląda komunikat cookie na stronie Slack.

Slack wybrał slajd po prawej stronie, który łączy się z polityką zgody na pliki cookie i zamyka się po kliknięciu.

Jeśli chcesz umieścić podobny, skorzystaj z poniższego szablonu.

Możesz dodać to wyskakujące okienko do swojej witryny w takiej postaci, w jakiej jest, lub możesz wstawić link do strony z zasadami dotyczącymi plików cookie do kopii widżetu, tak jak zrobił to Slack.

15. Domofon – przyklejony pasek zgody na pliki cookie

Intercom, popularny twórca platformy do przesyłania wiadomości, zdecydował się na mniej natrętny pasek samoprzylepny u góry strony internetowej, aby powiadomić odwiedzających o polityce dotyczącej plików cookie.

Jeśli wolisz tę opcję, kliknij tutaj, aby sprawdzić szablon Getsitecontrol dla paska zgody na pliki cookie.

Gotowy do użycia wyskakujących okienek w witrynie, aby rozwijać swoją firmę?

Jeśli zawsze ciekawiło Cię, czy wyskakujące okienka w witrynach mogą pomóc w rozwoju Twojej firmy – dziś nadszedł dzień, aby się tego dowiedzieć.

Nie wiesz od czego zacząć?

Oto nasze 3 najpopularniejsze wyskakujące okienka w witrynie:

• formularz subskrypcji e-mail,

• baner zgody na pliki cookie,

• promocja oferty specjalnej.

Wybierz najbardziej odpowiedni dla swojej firmy (lub dodaj je wszystkie naraz do swojej witryny) za pomocą Getsitecontrol i zakręć nim za darmo.