Twórz testy A/B za pomocą edytora bloków WordPress – kompletny przewodnik

Opublikowany: 2021-07-01

Jeśli stworzyłeś stronę internetową za pomocą edytora bloków WordPress, czas wykorzystać go w maksymalnym stopniu i zoptymalizować jego konwersję, co możesz zrobić, wdrażając testy A/B. W tym poście bardzo pokrótce zobaczymy, czym są testy A/B i dlaczego są potrzebne oraz jak dzięki wtyczce Nelio A/B Testing można je łatwo tworzyć na dowolnej witrynie WordPress.

Spis treści

Co to jest konwersja internetowa i po co tworzyć testy A/B?
Kroki przed utworzeniem testu A/B
Utwórz test A/B w edytorze bloku
- Wybierz rodzaj testu do utworzenia
- Zdefiniuj warianty testowe
  - Strona Testy A/B
  - Po testach A/B
  - Testowanie A/B niestandardowego typu postu
  - Testy A/B nagłówka
  - Testowanie A/B motywów
  - Testowanie A/B szablonów
  - Menu Testy A/B
  - Testowanie A/B widżetów
  - Testowanie A/B CSS
  - Podsumowanie produktów WooCommerce Testy A/B
- Określ cele i działania związane z konwersją
  - Jak definiujemy cele i działania konwersji w testach Nelio A/B?
- Segmentuj swój ruch
- Uruchom utworzony test i przeanalizuj jego postępy
- Zastosuj zwycięską alternatywę
Na co czekasz, aby utworzyć testy A/B za pomocą edytora bloków WordPress?

Co to jest konwersja internetowa i po co tworzyć testy A/B?

W marketingu online dwa tematy, które są omówione bardziej szczegółowo, to optymalizacja SEO i optymalizacja współczynnika konwersji sieci.

Konwersja internetowa odnosi się do wszelkich działań, które użytkownik powinien wykonać po wejściu na stronę internetową. Odwiedzenie szczegółów produktu lub strony cenowej, zapisanie się do newslettera, kontakt z nami, przeczytanie artykułu itp. A współczynnik konwersji to liczba osiągniętych konwersji w stosunku do liczby wizyt. Oznacza to, że jeśli masz łącznie 100 wizyt dziennie, z których dwie kończą się zakupem produktu, współczynnik konwersji w Twojej witrynie wynosi 2% .

Dzięki Google Analytics możesz mierzyć współczynnik konwersji w dowolnym momencie, ale najlepszym narzędziem, które pomoże Ci poprawić współczynnik konwersji, są testy A/B. Krótko mówiąc, test A/B polega, w oparciu o hipotezę poprawy, na zaproponowanie zmiany w Twojej witrynie (na przykład redystrybucja Landing Page , aby lepiej wyświetlać pewne istotne informacje, przearanżowanie menu, aby uzyskać więcej kliknięć na mojej stronie produktu lub radykalna zmiana 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 więcej konwersji.

Testy A/B nie są eksperymentami przeprowadzanymi losowo, powinny być częścią bardziej ambitnego procesu zwanego optymalizacją współczynnika konwersji lub procesem CRO .

Kroki przed utworzeniem testu A/B

Aby poprawić konwersję, pierwszą rzeczą, którą musisz wiedzieć, jest to, gdzie jesteś i dokąd chcesz się udać: określ swoje cele biznesowe, cele konwersji w witrynie, wskaźniki KPI i wskaźniki dla tych celów .

Aby zdefiniować cele witryny, musisz zrozumieć ścieżkę konwersji , czyli to, co robią użytkownicy od momentu wejścia na Twoją witrynę do momentu, gdy zostaną klientami. W ten sposób możesz zoptymalizować każdy inny etap lejka.

Na przykład w przypadku naszej strony internetowej Nelio Software naszym celem jest zwiększenie liczby subskrybentów planów premium naszych wtyczek. Odwiedzający może najpierw dowiedzieć się o testach Nelio A/B, gdy wyszuka w Google informacje na temat testów A/B. Gdy trafią na naszą stronę internetową, przeczytają kilka artykułów w naszej dokumentacji produktu, aby dowiedzieć się więcej na ten temat. Następnie, jeśli odwiedzający znajdzie interesujące informacje, poprosi o bardziej szczegółowe informacje lub pobierze wtyczkę z katalogu WordPress, aby przetestować darmową wersję wtyczki. Wreszcie, odwiedzający subskrybuje jeden z naszych planów premium.

Definicja lejka sprzedażowego strony internetowej — Definicja lejka sprzedażowego naszej strony internetowej.

Na każdym z etapów musisz zdefiniować różne cele konwersji, które chcesz osiągnąć. Na przykład celem konwersji może być minimalna liczba wizyt w dokumentacji produktu.

Analizuj i staraj się zrozumieć za pomocą narzędzi, które już masz (Google Analytics, heatmaps, scrollmap, clickmap), co się dzieje i gdzie tracisz odwiedzających.

Mapa cieplna i testy Nelio A/B — Dzięki mapom popularności Nelio A/B Testings możesz lepiej zrozumieć zachowanie odwiedzających na Twoich stronach.

Spróbuj odpowiedzieć na następujące pytania:

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?
Co takiego znajduje się na stronie, co nie pomaga użytkownikowi w działaniu?
Czy możemy zwiększyć motywację użytkowników?

I stąd wygeneruj swoje hipotezy zmian. Na przykład na naszej stronie docelowej Nelio A/B Testing zauważyliśmy, że wielu odwiedzających widzi tylko pierwszą zakładkę i nie przewija strony w dół. Po omówieniu różnych alternatyw zdecydowaliśmy, że możemy przemyśleć tekst na nowo. Nasza hipoteza była następująca: jeśli w pierwszej sekcji naszego serwisu zmienimy przekaz, aby wzbudzić ciekawość, a nie pilność, konwersja powinna się poprawić.

Na podstawie swojej hipotezy zmiany masz już nowy pomysł na test A/B, który możesz wykonać.

Oryginalna wersja pierwszej zakładki strony głównej Nelio A/B Testing — Różnice między wersją oryginalną a wariantem pierwszego zgięcia strony głównej Nelio A/B Testing.

Wariant pierwszej zakładki strony głównej Nelio A/B Testing — Różnice między wersją oryginalną a wariantem pierwszego zgięcia strony głównej Nelio A/B Testing.

Utwórz test A/B w edytorze bloku

Jeśli chcesz ręcznie utworzyć test A/B na stronie WordPress, możesz użyć Google Analytics do analizy konwersji. Jednak naszą rekomendacją jest skorzystanie z jednego z narzędzi dostępnych na rynku. W szczególności zalecamy korzystanie z Nelio A/B Testing (wersja bezpłatna i premium od 29 €/miesiąc), ponieważ jest to natywna wtyczka WordPress i jako taka jest w 100% kompatybilna z edytorem bloków, co oznacza, że nie trzeba uczyć się ani używać żadnego innego zewnętrznego narzędzia do jego obsługi.

Dzięki testom A/B Nelio tworzenie alternatyw dla dowolnego testu A/B jest dokładnie takie samo, jak tworzenie dowolnej strony, postu, menu, widżetu itp. w WordPress, ale także oszczędza pracy związanej z segmentacją ruchu do swoją witrynę internetową i bezpośrednio dostarcza dane i wyniki, których szukasz.

Zobaczmy poniżej różne kroki, które należy wykonać, aby utworzyć test A/B za pomocą Nelio A/B Testing za pomocą edytora bloków WordPress:

Wybierz rodzaj testu do utworzenia
Zdefiniuj warianty testowe
Zdefiniuj cele i działania konwersji
Określ, które segmenty, jeśli w ogóle, chcesz analizować
Uruchom test i analizuj swoje postępy
Zastosuj zwycięski wariant i utrwal go

Wybierz rodzaj testu do utworzenia

Tworzenie testu A/B strony to nie to samo, co menu nawigacyjnego. Tworzenie wariantów będzie inne, ale wielką zaletą korzystania z narzędzia takiego jak Nelio A/B Testing jest to, że przeprowadzi Cię przez proces w samym WordPressie, czyniąc go całkowicie intuicyjnym i prostym.

Pierwszą rzeczą, którą powinieneś zrobić, to wybrać typ testu A/B, który chcesz utworzyć, i oferuje on szeroką gamę elementów do wyboru:

Selektor testów w testach Nelio A/B — Selektor testów w Nelio A/B Testing.

Po wybraniu typu testu zobaczysz, że tworzenie wariantów testowych przebiega dokładnie tak samo, jak przy tworzeniu dowolnego elementu WordPress.

Zdefiniuj warianty testowe

Dla wybranego typu testu musisz wybrać element, który chcesz przetestować i zdefiniować jego warianty. Zobaczmy przykład…

Strona Testy A/B

Ostatnio, w celu zwiększenia sprzedaży naszego produktu Nelio Content, postanowiliśmy przeprowadzić testy A/B jego cennika. W szczególności chcieliśmy przeanalizować, która kombinacja kolorów różnych planów może generować dla nas największe przychody.

Zrzut ekranu planów Nelio Content wyświetlanych w niebieskich wariantach kolorystycznych — Oryginalna wersja naszego testu A/B: Plany treści Nelio pokazane w niebieskich wariantach kolorystycznych.

Postanowiliśmy stworzyć, oprócz oryginalnej wersji, dwa inne warianty z tymi kombinacjami kolorystycznymi:

Zrzut ekranu planów Nelio Content pokazanych w pierwszym wariancie testu A/B.

W pierwszym wariancie postanowiliśmy pokazać plany z wyborem bardzo modnych w tym roku pastelowych kolorów.

Zrzut ekranu planów Nelio Content dotyczących drugiego wariantu testu A/B — Zrzut ekranu planów Nelio Content pokazanych w drugim wariancie testu A/B.

A w drugim wariancie, jak widać na powyższym obrazku, chcieliśmy tylko podkreślić plan Standard.

Jak tworzymy ten test za pomocą Nelio A/B Testing? Po wybraniu, że chcesz wykonać test strony, pierwszą rzeczą jest nazwanie testowanej strony i wybranie strony, którą chcesz przetestować.

Zrzut ekranu tworzenia nowego testu strony za pomocą Nelio A/B Testing.

Możesz wybrać testowaną stronę za pomocą selektora rozwijanego. Jeśli strony nie ma, możesz ją wyszukać, wpisując jej tytuł, adres URL lub identyfikator. Nazywamy tę stronę stroną kontrolną lub wersją kontrolną.

Następnie możesz stworzyć jeden lub więcej wariantów (które możesz nazwać). Domyślnie każdy wariant będzie dokładną kopią strony kontrolnej, którą wcześniej wybrałeś. Kliknij link Edytuj wariantu, a otrzymasz edytor bloków WordPress, który już znasz, aby móc wprowadzić wszystkie żądane zmiany.

Zrzut ekranu edycji wariantu testu A/B za pomocą testów Nelio A/B — Edycja wariantu testu A/B za pomocą Nelio A/B Testing.

Dodawaj, modyfikuj i usuwaj bloki i wzory, które chcesz na stronach wariantów, jak chcesz. Jak widać, będziesz używać tego samego edytora, którego użyłeś do tworzenia strony kontrolnej, co oznacza, że masz pełną kontrolę nad dostosowywaniem wariantu według własnego uznania. Zauważ jednak, że na prawym pasku bocznym wersji wariantowej zobaczysz, że edytowana strona jest częścią testu A/B:

Zrzut ekranu funkcjonalności edycji wariantu testu A/B — Właściwości dostępne w edycji wariantu testu A/B.

Po testach A/B

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

Wybierz wejście do przetestowania w teście A/B z testowaniem Nelio A/B. — Wybierz stanowisko do przetestowania w teście A/B z testami Nelio A/B.

Reszta procesu jest dokładnie taka sama jak poprzednia.

Testowanie A/B niestandardowego typu postu

Jeśli chcesz stworzyć rodzaj testu 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 Testowanie. Musisz tylko wybrać, że chcesz wykonać ten rodzaj testu, a teraz selektor pozwoli ci najpierw wybrać typ niestandardowego typu posta, który chcesz, a następnie konkretną treść, którą chcesz przetestować.

Wybierz zawartość niestandardową do przetestowania w teście A/B z testami Nelio A/B. — Wybierz niestandardowy typ posta do przetestowania w teście A/B z testami Nelio A/B.

Testy A/B nagłówka

Jeśli chcesz tworzyć bardziej atrakcyjne nagłówki, Nelio A/B Testing bardzo to ułatwi. Możesz przetestować różne wersje tytułu, fragmentu i polecanego obrazu posta i dowiedzieć się, która kombinacja przyciągnie więcej czytelników.

Aby wykonać test nagłówka za pomocą Nelio A/B Testing, nie musisz przechodzić do edytora bloków. Sama wtyczka pozwala to zrobić bezpośrednio w edycji testu:

Definiowanie nagłówkowego testu A/B za pomocą Nelio A/B Testing.

Wybierz post, którego nagłówek chcesz przetestować, i utwórz co najmniej jeden wariant:

Definicja nagłówków alternatywnych za pomocą testów Nelio A/B.

Testowanie A/B motywów

Jeśli po analizie Twojej witryny Twoja hipoteza jest taka, że Twoja witryna potrzebuje bardziej radykalnej zmiany, być może zmiana motywu może być alternatywą. Tworzenie testu tematycznego jest bardzo łatwe dzięki Nelio A/B Testing. Musisz tylko zainstalować w WordPress motywy, które chcesz przetestować, i wybrać je w teście A/B motywów.

Definicja testu A/B uczestników z testem Nelio A/B. — Definicja testu A/B motywów z testami Nelio A/B.

Testowanie 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ą edytora bloków, a następnie wykonaj z nimi test A/B.

Wybór odmiany szablonu testu A/B z testami Nelio 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.

Menu Testy A/B

Tworzenie testu A/B menu jest tak proste, jak wybranie jednego z aktualnie posiadanych menu i utworzenie żądanych wariantów.

Definicja nowego menu Test A/B z Nelio A/B Testing.

Aby zmodyfikować warianty, wystarczy kliknąć link, aby edytować i modyfikować menu w taki sam sposób, jak edytujesz każde tradycyjne menu. Po utworzeniu masz już dostępny jako wariant tego testu.

Edytuj wariant menu A/B test za pomocą Nelio A/B Testing.

Zmodyfikuj strukturę menu, zmieniając elementy według własnego uznania, a gdy będziesz już gotowy, wróć do testu.

Testowanie A/B widżetów

Jeśli potrzebujesz stworzyć test widżetu w WordPressie, po zaznaczeniu, że chcesz stworzyć test widżetu, wystarczy wskazać nazwę nowego wariantu widżetu i kliknąć link Edytuj .

Stworzenie wariantu widżetu w teście A/B z wykorzystaniem Nelio A/B Testing.

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

Testowanie 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 podglądu ich efektu w czasie rzeczywistym:

Edycja wariantu testu CSS A/B za pomocą Nelio A/B Testing.

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

Podsumowanie produktów WooCommerce Testy A/B

Wreszcie, testy A/B podsumowujące produkty WooCommerce to testy specyficzne dla WooCommerce, w których testowane są różne kombinacje nazwy, krótkiego opisu i obrazu produktu, z zamiarem odkrycia, który z nich otrzymuje najwięcej zakupów tego produktu. Sposób tworzenia tego typu testu jest bardzo podobny do tego z nagłówków, które widzieliśmy wcześniej.

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 iść do edycji produktu.

Definicja testu A/B podsumowującego produkt WooCommerce z testami Nelio A/B.

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

Po zdefiniowaniu wariantów do Twojego testu kolejnym krokiem jest określenie celu konwersji testu. To znaczy, jaki jest cel twojego testu? Na przykład Twoim celem może być uzyskanie większej sprzedaży, większej liczby subskrybentów lub większej liczby wizyt na stronie z cenami. Bez względu na to, jakie są Twoje cele, są one osiągane, gdy odwiedzający wykonuje określone czynności. Na przykład możesz chcieć wziąć pod uwagę, że masz nowego subskrybenta, gdy użytkownik przesłał formularz subskrypcji w Twojej witrynie lub kliknął przycisk „subskrybuj” na stronie z cenami.

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.

Definiowanie celów konwersji w teście A/B spersonalizowanej treści z testami Nelio A/B. — Definicja celów i działań konwersji w teście A/B z testami Nelio A/B.

Dla każdego ze zdefiniowanych celów dostępne są 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 na interesujący Cię przycisk akcji i dla każdego typu akcji zdefiniuj własne parametry konfiguracyjne.

W przykładzie testu na stronie cenowej Nelio Content zdefiniowaliśmy 4 cele do zmierzenia w ramach testu:

Klika na przyciski dowolnego planu.
Kliknie na przyciski planu podstawowego.
Kliknie na przyciski planu Standard.
Kliknięcia przycisków planu Plus.

Zrzut ekranu z definicją testu A/B planów Nelio Content.

Segmentuj swój ruch

Jedną z interesujących funkcji niektórych 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 Ci to wyjaśni.

Uruchom utworzony test i przeanalizuj jego postępy

I to wszystko, teraz wystarczy nacisnąć przycisk, aby rozpocząć test i przeanalizować jego postęp. Nelio A/B Testing będzie odpowiedzialny za podział ruchu, tak aby każdy odwiedzający widział tylko jeden z utworzonych przez Ciebie wariantów i śledził ich zachowanie. Korzystając z Nelio A/B Testing, nie musisz martwić się o to, jak długo będziesz musiał przeprowadzić test lub kontrolować statystyczną pewność danych, ponieważ wtyczka zajmie się tym. Wystarczy spojrzeć na dane, które są dla Ciebie najważniejsze: całkowitą liczbę konwersji i odwiedzin każdego testowanego wariantu. Będziesz także mógł zobaczyć procent ulepszeń każdego wariantu w stosunku do wersji oryginalnej.

Na przykład po miesiącu i dziewięciu dniach przeprowadzania testu cenowego Nelio Content osiągnęliśmy już statystycznie istotne wyniki z prawie 100% pewnością. I z pierwszego celu, który polegał na pomiarze kliknięć, które zostały wykonane na dowolnym przycisku planów tabeli cenowej, otrzymaliśmy następujące wyniki:

Zrzut ekranu z analizy wyników pierwszego celu wykonanego testu A/B — Analiza wyników pierwszego celu wykonanego testu A/B.

W tym przypadku, jak widać na obrazku wyników, pokazują one, że drugi wariant, alternatywa C, to ten, który osiąga prawie 130% więcej kliknięć niż wersja oryginalna. Natomiast wariant pokazujący plany w pastelowych kolorach jest o 25,5% gorszy. Gdybyśmy mieli tylko ten cel testu, alternatywę C, widzimy, że osiągnęła przytłaczające wyniki.

W podobny sposób przeanalizowaliśmy każdy z celów, jakie sobie postawiliśmy i patrząc na wyniki jakie uzyskaliśmy z testu A/B doszliśmy do wniosku, że wersja C, która wyraźnie podkreślała plan Standard akcentem kolorystycznym , działał znacznie lepiej niż warianty A i B.

Zastosuj zwycięską alternatywę

Wreszcie, tak jak w powyższym przykładzie, jeśli otrzymasz zwycięski wariant testu, Nelio A/B Testing pozwoli Ci zastosować ten wariant jako ostateczną wersję na swojej stronie internetowej. Jest to kolejna wielka zaleta Nelio A/B Testing jako natywnej wtyczki WordPress, zastosowanie zwycięskiej alternatywy wymaga jedynie kliknięcia Zastosuj .

Zrzut ekranu przedstawiający zwycięski wariant testu A/B — Zrzut ekranu przedstawiający zastosowanie zwycięskiego wariantu testu A/B jako ostatecznego.

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

Na co czekasz, aby utworzyć testy A/B za pomocą edytora bloków WordPress?

Dzięki temu kompletnemu przewodnikowi, jak tworzyć testy A/B w edytorze bloków, wiesz już, że Nelio A/B Testing bardzo ułatwia testowanie A/B czegokolwiek w WordPressie. Co więcej, korzystając z takiego narzędzia, nie musisz martwić się dzieleniem ruchu na swojej stronie czy analizowaniem zachowań odwiedzających. Nelio A/B Testing robi to wszystko w bardzo wygodny sposób. Nasze doświadczenie i doświadczenie naszych klientów pokazuje nam, że testy A/B pomagają znacznie lepiej zrozumieć, czego oczekują użytkownicy w Twojej witrynie i jak zwiększyć przychody z Twojej firmy bez potrzeby dodatkowych reklam.

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ć komentarz na końcu tego posta.

Polecane zdjęcie Maartena Deckersa w Unsplash .