Jak wykonać (i dlaczego warto) Testy A/B z Elementorem w WordPress

Kiedy projektujesz stronę internetową, robisz to w celu: sprzedawania produktów, promowania usług lub prowokowania wszelkiego rodzaju reakcji lub działań ze strony czytelników. Jeśli wybrałeś również wtyczkę Elementor jako narzędzie do tworzenia stron do tworzenia swojej witryny w WordPressie, to dlatego, że zdajesz sobie sprawę, że projekt ma znaczenie i chcesz, aby był atrakcyjny i nowoczesny. Dzisiaj zobaczymy, jak tworzyć testy A/B w witrynie Elementora.

Nawet jeśli używasz Elementora przy projektowaniu swoich stron, skąd wiesz, czy Twój wykwintny gust jest rzeczywiście tym, który przyniesie Ci najlepsze wyniki? Nie jesteś swoim własnym klientem, a ich opinie i gusta mogą bardzo różnić się od Twoich. Kierowanie się instynktem może być bardzo romantyczne, ale jeśli chcesz poprawić wrażenia użytkownika i zwiększyć liczbę konwersji, to znaczy zachęcić czytelników do podjęcia działań zgodnych z Twoimi celami (kup, wypełnij formularz, skontaktuj się z Tobą itp.) , najlepszym rozwiązaniem jest wykonanie testów A/B w Twojej witrynie.

Czym są testy A/B?

Liczba odwiedzających Twoją witrynę jest równa liczbie okazji do wykonania przez użytkownika pożądanej akcji, zwanej również konwersją. To jest subskrypcja, zakup, wypełnienie formularza itp.

Współczynnik konwersji to liczba uzyskanych konwersji w stosunku do liczby wizyt. Dlatego jeśli masz w swojej witrynie łącznie 100 wizyt dziennie, z których dwie kończą się zakupem produktu, współczynnik konwersji w Twojej witrynie wynosi 2% .

W ten sam sposób, w jaki możesz mierzyć sukces swoich kampanii e-mailowych, analizując, jaki procent tych, którzy otrzymują e-maile, ostatecznie kupuje, w Twojej witrynie masz bardzo dobre narzędzie do poprawy jej sukcesu lub współczynnika konwersji: testy A/B .

Testy A/B to najlepsze narzędzie do optymalizacji konwersji w Twojej witrynie. Krótko mówiąc, test A/B polega, w oparciu o hipotezę poprawy, na zaproponowanie zmiany w witrynie (na przykład redystrybucję Landing Page w celu lepszego wyświetlania pewnych istotnych informacji, przeorganizowanie menu w celu uzyskania większej liczby kliknięć na mojej stronie produktu lub radykalną zmianę motywu, aby był bardziej atrakcyjny), a następnie sprawdź, czy ta zmiana działa lepiej niż wcześniej.

Technicznie rzecz biorąc, test A/B to nic innego jak eksperyment polegający na pokazywaniu dwóch wariantów tej samej strony internetowej różnym segmentom odwiedzających witrynę jednocześnie i porównywaniu, który wariant generuje najwięcej konwersji.

Jednym z pytań, które szybko pojawiają się podczas testów A/B, jest rodzaj testu, który należy przetestować. Testy A/B nie są testami, które definiujesz losowo bez żadnego sensu; powinny być częścią bardziej ambitnego procesu znanego jako proces optymalizacji współczynnika konwersji lub CRO .

Optymalizacja współczynnika konwersji

Optymalizacja współczynnika konwersji lub CRO to, jak sama nazwa wskazuje, proces zwiększania odsetka odwiedzających witrynę, którzy wykonują pożądane działania. Ten proces w skrócie składa się z następujących kroków:

Krok 1: Zdefiniuj swoje cele

Pierwszym krokiem w każdym procesie CRO jest określenie, jakie są Twoje cele biznesowe i różne cele konwersji Twojej witryny na różnych etapach lejka sprzedaży. Na przykład celem biznesowym Nelio jest zwiększenie liczby subskrybentów naszych planów premium. Ale jaką drogą podążają odwiedzający od momentu odwiedzenia naszej strony internetowej, aż do zostania klientami? Oto nasz lejek sprzedażowy:

Jeśli naszym celem biznesowym jest zwiększenie liczby subskrybentów naszych planów premium, potencjalny klient lub potencjalny klient może najpierw dowiedzieć się o testowaniu Nelio A/B, gdy szuka rozwiązań do testowania A/B w Google lub w katalogu wtyczek WordPress. Ten gość naszej witryny prawdopodobnie przeczyta kilka artykułów w naszej dokumentacji, aby dowiedzieć się nieco więcej o naszym produkcie. Jeśli spodoba im się treść na tych stronach, odwiedzą naszą stronę z cenami. W tym momencie celem konwersji dla naszej witryny może być wizyta na stronie z cenami, a naszym docelowym wskaźnikiem może być uzyskanie 2000 wizyt miesięcznie na tej stronie.

Następnie, jeśli potencjalny klient znajdzie interesujące informacje, poprosi o bardziej szczegółowe informacje lub pobierze wtyczkę z Katalogu WordPressa, aby przetestować oferowaną przez nas darmową wersję. Drugim celem konwersji byłoby wtedy: odwiedzający wypełnia nasz formularz kontaktowy. Miernikiem będzie liczba otrzymanych formularzy kontaktowych i będziemy mogli określić nasz miesięczny cel o określonej wartości. Lub może to być również pobranie naszej wtyczki. I tak dalej.

Wreszcie potencjalny klient subskrybuje jeden z naszych planów premium. W takim przypadku naszym celem konwersji będzie oczywiście zakup planu abonamentowego. A ponieważ celem naszej działalności jest rozwój, możemy podzielić ten cel na różne plany, które mamy.

Jak już zauważyłeś, ten pierwszy krok polega na przeanalizowaniu lejka sprzedaży w celu zdefiniowania naszych celów konwersji poprzez ustalenie wskaźników.

Krok 2: Przeanalizuj swoją witrynę

Po tym niezbędnym, wstępnym kroku powinieneś zacząć szukać danych na temat aktualnej sytuacji Twojej strony internetowej i na której możesz działać. Zidentyfikuj problemy, które obecnie masz w swojej witrynie. Pomoże Ci to wygenerować pomysły dotyczące testów A/B, które powinieneś wykonać.

Jak zbieramy dane? Początkowo oceń heurystycznie każdą ze stron zidentyfikowanych w poprzednim kroku. Zadaj sobie pytanie, czy spełniają one zestaw kryteriów, które ustaliłeś, i zobacz, czy możesz poprawić te wyniki:

• Czy strona spełnia oczekiwania użytkownika pod względem treści i wyglądu?
• Jak możemy to poprawić?
• Czy treść i oferty na stronie są tak przejrzyste, jak to tylko możliwe?
• Czy możemy to wyjaśnić lub uprościć?
• Co powoduje wahanie na tej stronie lub utrudnia proces?
• Czy możemy to uprościć?
• Co takiego znajduje się na stronie, co nie pomaga użytkownikowi w działaniu?
• Czy możemy zwiększyć motywację użytkowników?

Otrzymasz listę obszarów zainteresowania, które możesz potencjalnie poprawić. Skorzystaj z Google Analytics, aby znaleźć obszary do poprawy. Na przykład GA może pomóc Ci wykryć % odwiedzających, którzy klikają przyciski Twoich produktów, które możesz następnie porównać z oczekiwanymi wartościami. Możesz także użyć map ciepła i map przewijania, aby lepiej zrozumieć zachowanie użytkowników sieci.

Następnie ustal priorytety problemów lub obszarów poprawy, które zidentyfikowałeś, koncentrując się najpierw na tych, które Twoim zdaniem będą miały największy wpływ (albo dlatego, że mają więcej wizyt, albo dlatego, że jest to ważny problem). Na przykład w naszej analizie zauważyliśmy, że musimy ulepszyć naszą stronę produktu Nelio A/B Testing. Chcieliśmy zwiększyć liczbę użytkowników odwiedzających nasz cennik. I to był poważny problem.

Krok 3: Stwórz swoje hipotezy

Kolejnym krokiem, przed stworzeniem testu A/B, jest przełożenie listy wcześniej zidentyfikowanych problemów na zestaw hipotez.

Na przykład na naszej stronie docelowej Nelio A/B Testing zauważyliśmy, że wielu odwiedzających widzi tylko pierwszy blok i nie przewija strony w dół. Mogliśmy się o tym przekonać po przeanalizowaniu heatmapy i scrollmapy sieci. Ponadto tylko 45% odwiedzających przeszło na stronę z cennikiem.

Biorąc pod uwagę ten fakt, postawiliśmy hipotezę, że używając jaśniejszego komunikatu w pierwszym rzucie, który wzbudza ciekawość zamiast pośpiechu, zachęcimy więcej osób do kliknięcia przycisku Rozpocznij teraz . Możesz wykonać to samo ćwiczenie dla każdego z problemów z uporządkowanej listy.

Krok 4: Wygeneruj pomysł na test

Następnie musieliśmy wprowadzić nowy nagłówek, który „wzbudza ciekawość”. W naszym konkretnym przypadku zdecydowaliśmy, że użyjemy: czerwonego czy niebieskiego? Kwadratowy czy okrągły? Góra czy dół? Przetestuj swojego WordPressa .

Zdecydowaliśmy się również zmienić tekst pod nagłówkiem, jak pokazano na obrazku. Pomysł, jaki mieliśmy, polegał na sprawdzeniu, czy to prawda, że ​​ludzie wolą, abyśmy rozmawiali o ich witrynie i celach zamiast o naszych produktach.

Krok 5: Utwórz i uruchom testy A/B

Na koniec wszystko, co pozostało, to, jak już możesz sobie wyobrazić, stworzenie testu na swojej stronie internetowej. Jak wspomnieliśmy na początku, test A/B to nic innego jak eksperyment, w którym tworzymy dwie wersje lub warianty strony (ale może to być również post, menu, widżet, formularz lub jakikolwiek inny element naszej witryny WordPress). Po uruchomieniu testu możemy podzielić odwiedzających tak, aby około połowa z nich zawsze widziała wariant A, a reszta — wariant B.

Definiując test A/B musimy nie tylko zdefiniować warianty (A/B lub wielokrotność w przypadku testu wielowymiarowego) testu, ale musimy również określić nasze cele konwersji. Jak widzieliśmy w poprzednim przykładzie, naszym celem konwersji było policzenie wizyt na stronie cenowej naszych planów premium. Dodatkowo w teście A/B możemy również segmentować uczestników testu, czyli wskazać, których odwiedzających chcemy w teście wziąć udział.

Po przeprowadzeniu testu zobaczysz, czy któryś z wariantów okazał się zwycięski i będziesz mógł z całą pewnością zastosować go jako ostateczny na swojej stronie, upewniając się, że przyniesie poprawę konwersji.

A jak możesz sobie wyobrazić, proces optymalizacji konwersji strony internetowej ma charakter ciągły i cykliczny. Nigdy nie przestawaj robić testów A/B, aby ulepszyć swoją witrynę.

Twórz testy A/B w Elementorze

Możesz ręcznie utworzyć test A/B w witrynie WordPress za pomocą Elementora, na przykład za pomocą Google Analytics do analizy konwersji. Jednak rekomendujemy skorzystanie z jednego z dostępnych na rynku narzędzi, takich jak Nelio A/B Testing (wersja bezpłatna i premium od 29 €/miesiąc), Convertize (wersja premium od 49 USD/miesiąc), VWO (wersja premium wersja od 199 USD/miesiąc), Convert Expriences (wersja premium od 699 USD/miesiąc) lub Optimizely (ceny niestandardowe, ale od ok. 800 USD/miesiąc), co pozwala uniknąć konieczności segmentowania ruchu do Twojej witryny i bezpośrednio dostarcza Ci poszukiwane dane i wyniki.

Zobaczmy, jakie typy testów A/B możesz stworzyć za pomocą Elementora za pomocą Nelio A/B Testing, narzędzia, którego wielką zaletą jest bycie natywną wtyczką WordPress. W rzeczywistości wystarczy zainstalować wtyczkę Nelio A/B Testing na swojej stronie internetowej, tak jak każdą inną wtyczkę, a po zainstalowaniu możesz zacząć z niej korzystać bez konieczności uczenia się obsługi jakiegokolwiek innego narzędzia.

Kroki, które należy wykonać, są następujące:

• Wybierz rodzaj testu do utworzenia
• Zdefiniuj warianty testowe,
• Zdefiniuj cele i działania konwersji
• Alternatywnie określ, czy chcesz zastosować segmentację
• Uruchom test i analizuj swoje postępy
• Zastosuj zwycięską alternatywę jako ostateczną

Wybierz rodzaj testu do utworzenia

Aby utworzyć dowolny rodzaj testu, pierwszą rzeczą do zrobienia jest wybranie typu testu, który chcesz utworzyć z wyświetlonej listy.

Po wybraniu typu testu A/B, który chcesz utworzyć, musisz zdefiniować główne cechy testu, który chcesz przeprowadzić na swojej stronie internetowej.

Zdefiniuj warianty testowe

Przede wszystkim dla każdego z nich należy wybrać element, który chcemy przetestować i zdefiniować jego warianty.

Test A/B strony

Spójrzmy na bardzo prosty przykład. Załóżmy, że postawiliśmy hipotezę, że używając nowego obrazu na stronie Elementora, przyciągniemy więcej osób zainteresowanych poznaniem więcej informacji o narzędziu, a tym samym kliknięciem przycisku wezwania do działania.

Po zaznaczeniu, że chcemy stworzyć test strony, w edytorze WordPress zobaczysz stronę, na której musisz edytować swój test.

Po prostu nazwij test, w tym przypadku „Testowanie różnych obrazów” i wybierz stronę, którą chcesz przetestować (w naszym przypadku stronę główną ).

Następnie tworzysz wariant, „Wariant B” swojej oryginalnej strony, po prostu nadając jej nazwę. A jeśli chcesz, możesz utworzyć tyle wariantów, ile tylko możesz, klikając przycisk Nowy wariant . Domyślnie każdy utworzony wariant będzie dokładną kopią oryginalnej strony, którą wybrałeś wcześniej. Kliknij link Edytuj , aby go zmodyfikować.

Zaletą korzystania z natywnej wtyczki WordPress jest to, że możesz bezpośrednio modyfikować wariant testu A/B za pomocą tego samego edytora wizualnego, którego zwykle używasz do tworzenia swoich stron. W tym przypadku edytorem jest oczywiście Elementor. Oznacza to, że po kliknięciu linku Edytuj zobaczysz, że nowy wariant jest załadowany do Elementora i możesz go zmienić, jak chcesz.

Dostosuj stronę (w tym przykładzie zmienię tylko obraz) i zapisz go jako wersję roboczą:

Otóż ​​to! Stworzyłeś swój pierwszy wariant!

Test A/B postu

Tworzenie testu A/B dla posta jest bardzo podobne do testu strony. Po wybraniu, że chcesz utworzyć test postu, menu rozwijane do wyboru oryginalnego posta, który chcesz przetestować, pokaże listę opublikowanych postów. Możesz także wyszukać post, wpisując jego tytuł, adres URL lub identyfikator.

Reszta procesu jest dokładnie taka sama jak poprzednia.

Test A/B niestandardowego typu postu

Jeśli chcesz stworzyć test A/B niestandardowego typu posta innego niż strony i posty, takie jak kursy, które utworzyłeś na swojej stronie internetowej, FAQ itp., możesz to również zrobić za pomocą Nelio A/B Testing . Musisz tylko wybrać, że chcesz wykonać tego typu test, a teraz selektor pozwoli Ci wybrać rodzaj treści, które chcesz i jaką konkretną treść chcesz przetestować.

Test A/B nagłówka

Jeśli analizując swoją witrynę zauważysz, że trudno jest Ci skłonić czytelników do zapoznania się z treścią Twojej witryny, być może dzieje się tak dlatego, że nagłówki nie są zbyt atrakcyjne. Testem, który może być bardzo interesujący, jest test nagłówkowy. Oznacza to, że wypróbuj różne wersje tytułu, fragmentu i polecanego obrazu posta i dowiedz się, która kombinacja przyciąga większą liczbę czytelników.

Aby wykonać ten typ testu, dzięki testom Nelio A/B nie musisz edytować tych informacji w Elementorze. Sama wtyczka pozwala to zrobić bezpośrednio podczas edycji testu. Po wybraniu, że chcesz utworzyć nowy test nagłówków, Nelio A/B Testing pokazuje nagłówki postów, które masz na swoim blogu.

Wybierasz post, którego nagłówek chcesz przetestować i tworzysz warianty, które chcesz, bez konieczności edytowania posta.

Test A/B podsumowania produktu WooCommerce

Podsumowanie produktów WooCommerce Testy A/B to specyficzny rodzaj testów WooCommerce, w których testowane są różne kombinacje nazwy, krótkiego opisu i obrazu produktu, w celu odkrycia, który z nich uzyskuje więcej zakupów tego produktu. Sposób tworzenia tego typu testu jest bardzo podobny do tego z nagłówków, które widzieliśmy powyżej.

Jeśli wybrałeś utworzenie testu tego typu, Nelio A/B Testing pokaże Ci na liście rozwijanej dostępne produkty, a Ty musisz jedynie dokonać modyfikacji wariantów, które chcesz stworzyć bezpośrednio w edytor testów. Nie musisz edytować produktu.

Testy A/B motywu

Jeśli po przeanalizowaniu witryny Twoja hipoteza jest taka, że ​​Twoja witryna wymaga bardziej radykalnych zmian, być może zmiana motywu może być tym, czego potrzebujesz. Ale zanim wskoczysz na głęboką wodę, pamiętaj, stwórz test A/B, dzięki któremu możesz sprawdzić na podstawie danych, który motyw jest lepszy.

Tworzenie testu tematycznego jest łatwe dzięki testom Nelio A/B. Powinieneś mieć zainstalowane na swoim WordPressie tylko te motywy, które chcesz przetestować i wybrać je w teście motywów A/B.

Pamiętaj, że jeśli strony, które masz z Elementorem, zostały całkowicie dostosowane jeden po drugim, efekt zmiany motywu będzie minimalny.

Test A/B szablonów

Zamiast zmieniać motyw witryny, możesz spróbować utworzyć różne szablony dla niektórych stron w witrynie. Zaprojektuj je wcześniej za pomocą kreatora stron Elementor, a następnie wykonaj z nimi test A/B.

Jak zawsze, wystarczy wybrać różne warianty szablonu, których chcesz użyć jako wariantu szablonu na wszystkich stronach korzystających z określonego szablonu.

Test A/B menu

Dzięki Elementorowi możesz utworzyć strukturę menu nawigacyjnego bezpośrednio w WordPress lub jeśli korzystasz z wersji Pro Elementora, możesz również tworzyć menu za pomocą widżetu Nav Menu . Jeśli stworzyłeś go w tradycyjny sposób, stworzenie testu A/B jest tak proste, jak wybranie jednego z aktualnie dostępnych menu i utworzenie żądanych wariantów.

Aby zmodyfikować warianty, wystarczy kliknąć link edytuj i zmodyfikować menu w taki sam sposób, jak edytuje się każde tradycyjne menu. Po utworzeniu jest teraz dostępny jako wariant tego testu.

W przypadku, gdy utworzyłeś swoje menu za pomocą widżetu Menu nawigacyjnego w wersji Elementor Pro, tworzenie testu przebiega tak samo, jak w przypadku tworzenia testu A/B widżetów, jak wyjaśniono poniżej.

Test A/B widżetów

Jeśli chcesz stworzyć test widżetów w WordPressie (w tym omówione powyżej menu nawigacyjne), po zaznaczeniu, że chcesz stworzyć test widżetów, wystarczy wskazać nazwę nowego wariantu widżetu i kliknąć link edytuj.

Podczas edycji wariantu Nelio używa własnego edytora widżetów WordPressa z kilkoma dodatkowymi kontrolkami. Dodawaj, usuwaj i rozmieszczaj widżety wariantów według własnego uznania, a następnie wróć do testu.

Test A/B CSS

Jeśli chcesz przetestować różne wersje reguł stylu CSS i sprawdzić, która z nich najlepiej spełnia Twoje cele, możesz utworzyć test CSS. Podobnie jak w przypadku widżetów, wystarczy wpisać nazwę nowego wariantu i kliknąć link edytuj. W takim przypadku otworzy się edytor, w którym możesz dodać żądane style CSS, podczas gdy możesz zobaczyć ich podgląd.

Po zdefiniowaniu nowych reguł kliknij publikuj, aby utworzyć wariant CSS testu.

Określ cele i działania związane z konwersją

Po zdefiniowaniu wariantów Twojego testu przejdźmy do kolejnego kroku: utworzony przez Ciebie test A/B został wykonany z myślą o przetestowaniu jakiegoś celu konwersji, takiego jak uzyskanie większej sprzedaży, większej liczby subskrybentów lub większej liczby wizyt na stronie cenowej, itp. Cele te są osiągane, gdy odwiedzający wykonuje określone czynności. Na przykład możesz uzyskać więcej subskrybentów, gdy użytkownik wypełni określony formularz w Twojej witrynie lub więcej wizyt na stronie z cennikiem, gdy użytkownik kliknie przycisk itp.

Jak definiujemy cele i działania konwersji w testach Nelio A/B?

W sekcji „Cele i działania konwersji” możesz dodać dowolną liczbę celów, klikając link +Nowy , i opcjonalnie możesz dodać do nich nazwę. Testy Nelio A/B pokażą Ci, jak skuteczny jest każdy wariant dla każdego ze zdefiniowanych celów.

Dla każdego celu masz następnie różne rodzaje działań powodujących konwersję do śledzenia użytkowników. Na przykład możesz monitorować, kiedy uzyskują dostęp do określonej strony, kiedy klikają określony element Twojej witryny lub kiedy przesyłają formularz kontaktowy. Kliknij przycisk akcji, który Cię interesuje i skonfiguruj go. Na przykład, możesz kliknąć działanie powodujące konwersję Odwiedziny strony i wybrać swoją stronę cenową w jej rozwijanym formularzu lub wybrać Przesłanie formularza i wybrać formularz, który chcesz śledzić itp.

Segmentuj swój ruch

Jedną z interesujących funkcji wielu narzędzi do testowania A/B jest możliwość segmentacji ruchu. Oznacza to, że możesz ustawić tylko niektórych odwiedzających do udziału w teście. Na przykład według kraju, czasu, języka, przeglądarki, urządzenia itp. Jeśli chcesz uzyskać więcej informacji na temat wdrażania segmentacji ruchu za pomocą Nelio A/B Testing, w tym artykule Antonio szczegółowo to wyjaśnia.

Uruchom utworzony test i przeanalizuj jego postępy

I to wszystko, teraz wystarczy nacisnąć przycisk, aby rozpocząć test i przeanalizować jego postęp. Korzystając z narzędzia takiego jak wymienione powyżej, nie musisz martwić się o to, jak długo będziesz musiał je uruchomić lub kontrolować statystyczną pewność danych.

Będziesz mógł zobaczyć łączną liczbę konwersji i wizyt na stronach każdego wariantu. Będziesz także mógł zobaczyć procent poprawy (lub pogorszenia) każdego wariantu w stosunku do wersji oryginalnej.

Zastosuj zwycięską alternatywę

Po chwili wtyczka powie Ci, który wariant jest najlepszy (oczywiście, jeśli jest lepszy od pozostałych).

Kiedy już jest, jedyne, co pozostaje, to uczynienie go ostatecznym. W przypadku Nelio A/B Testing, będącego natywną wtyczką WordPress, zastosowanie zwycięskiego wariantu wymaga jedynie kliknięcia przycisku Zastosuj . I to wszystko! Nie ma potrzeby ponownego tworzenia zwycięskiego wariantu – jest już w WordPressie!

I voila, teraz masz nowy projekt strony ze sprawdzonymi danymi, lepszy niż poprzedni.

Zacznij teraz wykonywać testy A/B na Elementorze

Dzięki temu kompletnemu przewodnikowi, jak tworzyć testy A/B w Elementorze, będziesz w pełni przygotowany do rozpoczęcia planowania własnego projektu optymalizacji konwersji witryny. Testy A/B są nieocenione, jeśli chodzi o poprawę współczynników konwersji Twojej witryny. Co więcej, korzystając z narzędzia takiego jak Nelio A/B Testing, zmniejszasz wiele zagrożeń związanych z podjęciem programu optymalizacyjnego bez jasnych kryteriów i wyłącznie w oparciu o własną intuicję..

Jeśli uznałeś ten przewodnik za przydatny, udostępnij go w swoich sieciach społecznościowych, a jeśli masz jakieś pytania, komentarze lub potrzebujesz dodatkowych informacji, nie wahaj się zostawić komentarza na końcu tego artykułu.

Polecane zdjęcie Syda Wachsa na Unsplash .