Wziąłem 5 marek online i przerobiłem ich Popups e-mail. Oto co się stało.

Dzisiaj przeprowadzam metamorfozę. Ale nie byle jaką...

Przeróbka popup .

#SleeknoteStyle

Sprawa wygląda następująco:

• Najpierw przedstawię pięć marek internetowych, które wykorzystują popups na stronie internetowej do powiększania swojej listy;
• Następnie zajmę się tym, co mogliby poprawić; 
• Wreszcie, używając Sleeknote, przeprojektuję ich popups w oparciu o to, jak mogłyby działać lepiej.

Zaczynajmy.

Popup Makeover

1. Sojusznicy skóry

2. Calvin Klein

3. Historia

4. Bombas

5. Hotel Chocolat

1. Sojusznicy skóry

Założona w przekonaniu, że pielęgnacja skóry nie powinna być przykrym obowiązkiem, marka Allies of Skin oferuje "skuteczne formuły stworzone z myślą zarówno o poszukiwaczach przygód, jak i tych, którzy chcą się rozwijać".

Problem: dwa sprzeczne Popups

W chwili pisania tego tekstu, Allies of Skin używają nie jednego, ale dwóch popups na stronie internetowej. 

Pierwsza z nich uruchamia się automatycznie dla wszystkich odwiedzających witrynę, oferując 15-procentowy rabat przed dokonaniem zakupu.     

Drugi, który pojawia się wkrótce potem, oferuje 20% zniżki.

Dlatego też Allies of Skin ma dwa sprzeczne popups , które pokazują wszystkim odwiedzającym kupon o dwóch przeciwnych wartościach (15 i 20%).

Oto jak bym to naprawił.

Rozwiązanie: Skonsoliduj to, co najlepsze w obu rozwiązaniach w jednym doskonałym Popup

Najpierw wyłączyłbym oba popups. Następnie pobrałbym kopię z pierwszego...

...I połączyć go z projektem drugiego.

Oto popup , który stworzyłem przy użyciu narzędzia Campaign Builder firmy Sleeknote:

Na koniec dodałbym następujące zasady:

i. Pokaż tylko nowym użytkownikom. (Gdybym chciał, mógłbym stworzyć drugą kampanię dla powracających subskrybentów, promującą nową ofertę).

ii. Pokaż tylko na stronach produktów, ponieważ tam zaangażowanie jest prawdopodobnie najwyższe.

iii. Pokaż po 8 sekundach. (Z naszych badań ponad 1 miliarda popups wynika, że 8 sekund konwertuje najlepiej).

Oto jak to popup może wyglądać dla osoby przeglądającej stronę produktu po raz pierwszy:

Nie ma nic złego w posiadaniu wielu popups. W rzeczywistości zachęcamy do prowadzenia wielu kampanii jednocześnie. Pamiętaj tylko, aby mieć na uwadze konkretnych odbiorców dla każdej z nich.

2. Calvin Klein

Calvin Klein, opisujący się jako "ikona mody w nowej odsłonie", nie wymaga przedstawiania.

Problem: jedno Popup dla wszystkich odwiedzających

Niedawno wylądowałem na stronie głównej Calvina Kleina i zobaczyłem to:

Chociaż ładnie zaprojektowany, popup Calvina Kleina:

1. Pokazy dla wszystkich odwiedzających, niezależnie od tego, czy są to odwiedzający po raz pierwszy, czy powracający;
2. ignoruje preferencje odwiedzającego; oraz
3. Pozbądź się ogólnych treści ("Zapisz się do newslettera" i "Subskrybuj").

Zobaczmy, czy możemy coś z tym zrobić.

Rozwiązanie: Użyj kierowania na poziomie strony

Jak wspomniano powyżej, Calvin Klein ma ładnie zaprojektowany popup, więc skopiuję go do mojego projektu.

Oto kilka zmian, które wprowadziłem:

• Zmieniłem nagłówek.
• Popraw treść i treść wezwania do działania;
• Usunięto kopię regulaminu;
• Dodano pole wprowadzania nazwy; oraz
• Usunięto przyciski opcji dla preferencji (więcej na ten temat za chwilę).

Największą zmianą, jaką bym wprowadził, jest to , gdzie Calvin Klein mógłby wyświetlać swoje popup. W oryginale, jeśli pamiętasz, popup wyświetla się wszystkim odwiedzającym na wszystkich stronach.

W wersji poprawionej utworzyłem jednak regułę, dzięki której będzie ona wyświetlana tylko osobom odwiedzającym stronę po raz pierwszy na stronach kategorii dla mężczyzn. 

Co więcej, stworzyłem drugą kampanię, która będzie wyświetlana tylko na stronach kategorii dla kobiet.  

Oczywiście, gdybym chciał uczynić go jeszcze bardziej spersonalizowanym, mógłbym dodać bardziej specyficzną dla płci treść (np. "Otrzymuj aktualizacje o nowościach dla mężczyzn").

3. Historia

Wypełniony po brzegi niezwykłymi, zabawnymi i przełomowymi historiami i postaciami, History jest głównym celem historycznych opowieści.

Problem: niejednoznaczna kopia

Po obejrzeniu filmu Columbia: The Final Flight na Netflix, czytałem artykuł o katastrofie, kiedy zobaczyłem następujące popup:  

popup History nie było złe; było na czasie i miało przyzwoity wygląd. Ale nie podekscytował mnie na tyle, by dołączyć do listy mailingowej. Otrzymywanie "intrygujących historii o przeszłości" jest niejednoznaczne i nie przemawia do moich zainteresowań. 

Zanim przeczytasz dalej, zastanów się, co byś zrobił.

Gotowy? Ok. Czytaj dalej, aby poznać moją odpowiedź.

Rozwiązanie: Dodaj specyficzność 

History kategoryzuje swoje treści według "Tematów", a mój artykuł o Challengerze znajduje się w sekcji "Eksploracja kosmosu".

History wykorzystuje również pływające menu u dołu każdego artykułu, aby zachęcić do dalszej lektury na temat bieżącego artykułu.

Oto jak bym to wykorzystał:

Jeśli czytelnik kliknąłby dwa lub więcej artykułów na ten sam temat, wyświetliłbym popup odnoszące się do tematu artykułów w jego kopii, jak w moim przykładzie poniżej:

Jak mógłbym osiągnąć taki wyczyn? Cóż, dzięki SiteData w Sleeknote możesz trigger popup ko na podstawie dowolnej zmiennej w warstwie danych, takiej jak kategoria artykułu (co zresztą robimy na naszym blogu). 

Przepisałbym nagłówek, używając jednej z moich ulubionych formuł nagłówków: "Daj mi/nam tydzień, a ja/my...", aby wzbudzić większą ciekawość i zachęcić do rejestracji.

Dobra robota, jeśli mogę tak powiedzieć 😉

4. Bombas

Bombas to "marka skarpet i odzieży skoncentrowana na komforcie, której misją jest pomoc potrzebującym". 

Problem: słaba zachęta do pozyskania użytkownika

W chwili pisania tego tekstu trwa Black Week. Nic więc dziwnego, że Bombas zmienił kopię swojej strony głównej, aby odzwierciedlić promocję Black Friday.

Bombas przypomina odwiedzającym, że oferuje 20% zniżki na wszystko i automatycznie zastosuje kupon przy kasie. 

Problem polega jednak na tym, że Bombas nie zaktualizował swojego popup na stronie internetowej, aby odzwierciedlić tę zmianę.

Dlaczego miałbyś wpisywać swój adres e-mail, aby uzyskać 20% zniżki, gdy jest ona automatycznie stosowana przy kasie?

Jeśli popełniasz ten błąd, oto co możesz zrobić zamiast tego...

Rozwiązanie: Daj odwiedzającym powód do dołączenia

Zamiast powtarzać to, co jest już napisane na stronie głównej, przerobiłem popup Bombas, aby promować kolejną zachętę do dołączenia do listy: wczesny dostęp do ofert Black Friday. 

Tworzenie listy oczekujących na Black Friday ma trzy główne zalety, w tym

1. Pomiar zainteresowania ze strony potencjalnych nabywców;
2. Budowanie wyłączności wśród subskrybentów; oraz
3. Kierowanie się pilnością i niedoborem.

Biorąc pod uwagę szeroki zakres oferty, pokazałbym to popup na wszystkich stronach produktów i użył trigger intencji wyjścia, aby uchwycić porzucających kupujących, którzy mogą nie być świadomi promocji Bombas w Czarny piątek.

5. Hotel Chocolat

Hotel Chocolat to wielokrotnie nagradzany producent czekolady i hodowca kakao, którego misją jest wytwarzanie najlepszej czekolady na świecie.

Problem: ignorowanie działań Popup wyświetleniu okienka

Jak wspomniałem powyżej, piszę ten artykuł w listopadzie 2020 roku. Trwa Black Week, a wiele marek promuje oferty z okazji Czarnego Piątku. 

Ale Hotel Chocolat nie jest jednym z nich, wybierając zamiast tego promocję świąteczną.

Po kliknięciu "Reveal My Code", Hotel Chocolat ujawnia kupon, który odwiedzający mogą skopiować i zrealizować przy kasie.

Na pierwszy rzut oka nie można nic zarzucić popup Hotel Chocolat. Kopia jest przejrzysta, strategia rozsądna, a licznik czasu jest miłym dodatkiem. 

Brakuje informacji o tym, co dzieje się po kliknięciu przycisku "Kontynuuj zakupy".

Załóżmy, że dodaję do koszyka "Vegan Sleekster" w cenie 22,05 GBP.

Ponieważ moje zamówienie jest o 2,05 GBP niższe od wymaganego kuponu o wartości 25 GBP, nie kwalifikuję się.

Z tego powodu prawdopodobnie porzucę swój koszyk.

Nikt tego nie chce. Naprawmy to od razu.

Rozwiązanie: Zachęć odwiedzających do większych wydatków

Jak już wcześniej pisałem, warto mieć wiele popups , aby osiągnąć różne cele. 

Mając to na uwadze, stworzyłbym drugie popup ko, aby zachęcić odwiedzających do wydania większej kwoty, aby zakwalifikowali się do otrzymania kuponu.

Ale poszedłbym dalej i dokładnie określił, ile muszą zapłacić, aby się zakwalifikować. 

Oto jak bym to zrobił.

Po pierwsze, jak wspomniano, stworzyłbym drugie popup ko dla tych, którzy:

1. dodali coś do koszyka; oraz
2. Nie kwalifikują się do zniżki 

Następnie użyłbym tagu scalania SiteData, aby pokazać pozostałą kwotę potrzebną do zakwalifikowania się. 

Wracając do powyższego przykładu, potrzebowałem 2,05 GBP, aby zakwalifikować się do zniżki, więc kopia odzwierciedlałaby to w nagłówku:

Oto jak będzie to wyglądać na stronie produktu.

Gdyby Hotel Chocolat chciał rozwinąć mój popup, mógłby polecić popularne lub przecenione produkty, aby pomóc odwiedzającym zakwalifikować się do kuponu.

Oczywiście to dopiero początek. Jak zawsze w przypadku korzystania z SiteData, możliwości są nieograniczone.

Wnioski

Widzieliśmy, że nawet największe marki internetowe popełniają błędy w popups na swoich stronach internetowych. Nawet ci, którzy tego nie robią, pozostawiają miejsce na poprawę.

Mam nadzieję, że moje przeróbki zainspirowały cię do poprawienia błędów, które popełniasz w swoich popups , a może nawet zainspirowały przyszłą kampanię lub dwie.