Testy A/B dla wyskakujących okienek: prosty przewodnik + przykłady z życia

W Internecie można znaleźć tysiące „zasad”, wskazówek, trików i najlepszych praktyk dotyczących tworzenia wyskakujących okienek o wysokiej konwersji.

Skąd wiesz, jakiej rady się kierować? Prawda jest taka, że ​​jedynym sposobem na prawdziwą optymalizację konwersji wyskakujących okienek są testy A/B.

W tym artykule wyjaśnimy, czym jest test A/B i jak możesz przeprowadzić własne testy A/B. Dodatkowo pokażemy Ci 4 przykłady z życia wzięte, aby dać Ci trochę inspiracji.

Więc zacznijmy!

Spis treści

1) Czym są testy A/B?

2) Co powinieneś przetestować A/B?

3) 4 wyskakujące testy A/B w rzeczywistym życiu

4) Jak testować wyskakujące okienka OptiMonk A/B?

Testy A/B (znane również jako testy dzielone) to jedna z najbardziej znanych technik optymalizacji konwersji.

Jest to proces porównywania dwóch różnych wersji (lub wariantów) strony, wiadomości e-mail – lub w tym przypadku wyskakującego okienka – poprzez sprawdzenie, która z nich generuje więcej konwersji.

Dzielisz odwiedzających na dwie grupy o podobnej wielkości, a następnie pokazujesz wersję A połowie odwiedzających, a wersję B drugiej. Wariant, który uzyska wyższy współczynnik konwersji, jest Twoim zwycięzcą!

Źródło: HubSpot

Podjęcie decyzji, które elementy do testu A/B może być trudne, zwłaszcza gdy nie masz czasu i zasobów na całym świecie.

Aby pomóc Ci zacząć, zebraliśmy listę kluczowych elementów, które powinieneś przetestować A/B.

2.1. Nagłówki

Ponieważ nagłówek jest zwykle pierwszą rzeczą, jaką Twoi użytkownicy zauważą w wyskakującym okienku, ważne jest, aby pisać nagłówki, które naprawdę przyciągają uwagę. Celem jest zainteresowanie ich, aby przeczytali resztę wyskakującego okienka.

Ponieważ jest to kluczowy element Twojego wyskakującego okienka, warto przetestować kilka tytułów, aby udoskonalić ten idealny.

Więc co możesz zmienić? Cóż, możesz wypróbować różne długości, strategie przekonywania lub elementy projektu, takie jak czcionki, rozmiary i kolory.

2.2. Wezwania do działania

Skuteczne wezwanie do działania, któremu odwiedzający nie mogą się oprzeć, jest niezbędne dla każdej witryny… i każdego wyskakującego okienka. Dobrze napisane wezwanie do działania może zdziałać cuda w zwiększaniu konwersji i sprzedaży.

Oto kilka ważnych rzeczy, które powinieneś przetestować:

• Kolor przycisku wezwania do działania: kontrastujący kolor pomaga wyróżnić się spośród innych elementów w wyskakującym okienku. Paletton to darmowe narzędzie, które pomoże Ci znaleźć idealne kolory.
• Wyrównanie: gdzie należy umieścić przycisk wezwania do działania? Różne miejsca docelowe przycisków mogą mieć wpływ na konwersję.
• Tekst: nie zapomnij umieścić w tekście wezwania do działania wyrazistych słów działania. Możesz nieco zmienić treść, np. „Zdobądź mojego bezpłatnego e-booka” lub „Zdobądź bezpłatnego e-booka” lub przetestować dwie całkowicie różne wersje.

2.3. Obrazy

Obrazy mogą pomóc odwiedzającym zrozumieć ofertę i sprawić, że wyskakujące okienko będzie wyglądać bardziej atrakcyjnie. Ale to nie znaczy, że obraz sprawia, że ​​wyskakujące okienko jest lepsze w każdym przypadku.

Zastanawiasz się, czy powinieneś użyć obrazu, czy nie i jaki typ będzie najlepiej działał? Cóż, czas na test A/B!

Możesz testować różne typy obrazów , na przykład:

• zdjęcia stockowe a zdjęcia osobiste,
• zdjęcia produktów a filmy produktowe.

Świetnym elementem do przetestowania jest również umiejscowienie obrazu. Najlepiej, jeśli Twój wizerunek kieruje wzrok odwiedzających na propozycję wartości.

2.4. Formularze

Twój formularz odgrywa bardzo ważną rolę w procesie subskrypcji, a dobrze zoptymalizowany formularz może łatwo generować nowych klientów. Z drugiej strony formularz może być frustrujący dla użytkowników, jeśli nie jest zoptymalizowany.

Długość to pierwsza rzecz, którą powinieneś przetestować. W przypadku niektórych firm dłuższe formularze sprawdzają się dobrze, zwłaszcza jeśli chcą zakwalifikować swoich potencjalnych klientów. Ale w większości przypadków powinieneś dążyć do formy, która jest krótka i na temat.

Szczególnie ważne jest, aby dowiedzieć się, kiedy użytkownicy wychodzą (lub porzucają) Twój formularz. Możesz na przykład odkryć, że nie chcą udostępniać Ci swoich numerów telefonów. W takim przypadku należy wyeliminować to pole, aby zwiększyć liczbę konwersji.

2.5. Oferta

Na koniec: Twoja oferta… czyli zmieniacz gry!

Jakiej oferty Twoi odwiedzający uznają za nie do odparcia? Możesz przetestować dłuższy, bardziej szczegółowy e-book z krótką, poręczną listą kontrolną. Lub jeśli masz sklep e-commerce, możesz przetestować wiele rodzajów rabatów, na przykład 10% zniżki w porównaniu z 10 USD zniżki lub ustaloną zniżkę w porównaniu z bezpłatną wysyłką.

Zdziwiłbyś się, jak kilka małych zmian może prowadzić do naprawdę niezwykłych rezultatów!

Przyjrzyjmy się teraz 4 wyskakującym testom A/B, które przeprowadzili nasi klienci, oraz wspaniałym wynikom, jakie osiągnęli. Te przykłady mogą dać Ci więcej inspiracji na temat tego, co przetestować we własnych wyskakujących kampaniach.

3.1. Dowiedz się, który kanał najlepiej nawiązuje kontakt z potencjalnymi klientami

Jeśli chodzi o subskrypcje, większość ludzi od razu myśli o e-mailach. Ale BlendJet, jeden z najbardziej udanych sklepów Shopify, postanowił myśleć nieszablonowo.

Chcieli zobaczyć, jaki kanał preferują ich odbiorcy, dlatego stworzyli kampanie subskrypcji SMS-ów, e-maili i Messengera, a następnie przetestowali je.

Oto wyskakujące okienko, które przetestowali:

Eksperyment wykazał, że kampania BlendJet porzucająca koszyki konwertowała o 20% lepiej za pośrednictwem Messengera niż za pośrednictwem poczty e-mail. Całkiem schludny, prawda?

Ten test pokazuje, jak ważne może być przetestowanie różnych kanałów komunikacji.

3.2. Dowiedz się, która wiadomość zachęca do odpowiedzi

Jeśli chcesz tworzyć wyskakujące okienka, które zachęcają odwiedzających do działania, potrzebujesz odpowiedniej kopii.

Jeden z naszych klientów, SwissWatchExpo, chciał dowiedzieć się, co najlepiej zaangażuje ich odbiorców.

Stworzyli dwie wersje wyskakującego okienka porzucenia koszyka z inną kopią, aby zobaczyć, która wygra.

W pierwszej wersji chcieli, aby kupujący wiedział, że produkt, który zamierzają kupić, jest ostatnim. To świetny sposób na zwiększenie pilności, a dzięki temu wyskakującemu okienku udało się zwiększyć liczbę konwersji o 17%.

W drugiej wersji zmienili kopię i zaoferowali zniżkę dla odwiedzających. Dzięki tej wersji podwoili swoje wyniki — osiągając ponad 30% współczynnik konwersji.

Jak widać, druga wersja była wyraźnym zwycięzcą.

3.3. Przetestuj swoją ofertę

BootCuffsSocks postanowił stworzyć specjalną kampanię dla osób porzucających koszyk, a firma A/B przetestowała dwie różne oferty:

• 4,25 USD kredytu w sklepie
• 10% zniżki na cały zakup

Przyjrzyjmy się dwóm ofertom:

Po porównaniu tych dwóch wariantów ze sobą przez 40 dni okazało się, że o 15% więcej odwiedzających zarejestrowało się na drugą wersję (10% zniżki) w porównaniu z pierwszą.

To był wyraźnie zwycięzca.

3.4. Przetestuj wygląd swojego wyskakującego okienka

Zooshoo używa OptiMonk od kilku lat i zawsze stara się, aby ich wyskakujące kampanie były świeże, wypróbowywać nowe wersje i warianty testów A/B.

W tym przypadku chcieli porównać dwa różne wyglądy wyskakującego okienka subskrypcji z tą samą ofertą (20% zniżki).

Sprawdźmy pierwszy, który miał żółtą kolorystykę:

A oto drugi, który miał czerwoną kolorystykę:

Chociaż obie wersje osiągnęły świetne wyniki, ostatecznie zwyciężył żółty wygląd.

Ok… więc jesteś gotowy do rozpoczęcia testów A/B za pomocą OptiMonk, ale nie jesteś do końca pewien, jak zacząć. Nie ma problemu! Na początek udostępnię przewodnik krok po kroku.

Krok 1. Najpierw zaloguj się na swoje konto OptiMonk, przejdź do menu Kampanie i wybierz kampanię, którą chcesz przetestować A/B.

Teraz, gdy jesteś na stronie kampanii, możesz zobaczyć „Centrum testów A/B”, które daje wskazówkę, że jesteś we właściwym miejscu.

Krok 2. Następnie kliknij „Dodaj nowy wariant”, a drugi wariant wyskakującego okienka pojawi się natychmiast. Na razie jest nieaktywny.

Krok 3. Kliknij drugi wariant, a zostaniesz przeniesiony do edytora Drag & Drop. Teraz nadszedł czas na modyfikację elementu, który chcesz przetestować A/B. Na przykład możesz zmienić kolor przycisku.

Krok 4. Po dokonaniu zmiany kliknij przycisk „Dalej”, a zostaniesz przekierowany na stronę kampanii.

Krok 5. Teraz wystarczy tylko aktywować drugą wersję wyskakującego okienka.

Zobaczysz, że tekst „Nie przerywaj działania tylko zwycięskiej wersji” jest wyświetlany w niebieskim polu. Jeśli włączysz tę opcję, po nazwaniu „Championa”, automatycznie wyłączymy dla ciebie warianty pretendenta.

Ale kiedy nazywamy wariant kampanii „Champion”? Cóż, gdy wariant uzyska określoną liczbę wyświetleń (50, w naszych obecnych ustawieniach), OptiMonk oblicza istotność statystyczną (którą nazywamy „Zaufaniem”), aby określić, na ile jesteśmy pewni, że skuteczność kampanii pozostanie taka sama.

Jeśli wariant ma najwyższy współczynnik konwersji, a także ma pewność siebie powyżej 90%, nazywamy go wariantem Champion.

Otóż ​​to!

A tak przy okazji, nie jesteś ograniczony do „wersji A i wersji B”. Możesz dodać tyle wariantów, ile chcesz.

A teraz wypróbuj jeden z pomysłów na testy A/B, którymi się dzisiaj z Tobą podzieliliśmy, i zwiększ ten współczynnik konwersji!