Twórz szybko testy A/B za pomocą wzorców blokowych WordPress

Opublikowany: 2021-09-02

Jak pisaliśmy w poprzednich postach, wraz z WordPress 5.8 i nadchodzącym katalogiem wzorców, wzorce blokowe WordPressa nabierają rozpędu. To, co najbardziej lubimy we wzorach blokowych, to to, że z punktu widzenia projektowania mają sens jako pojedyncza jednostka do dodawania różnych sekcji na dowolnej stronie lub poście.

Na przykład, aby zwiększyć swoją wiarygodność i zdobyć zaufanie odwiedzających witrynę, możesz chcieć dołączyć sekcję, w której podkreślasz główne cechy swoich produktów, inną, która zawiera logo Twoich klientów, inną, która zawiera jedną lub więcej referencji lub recenzje Twojej usługi itp. A posiadanie zróżnicowanego repertuaru wzorów do wyboru przy projektowaniu każdej sekcji jest idealne.

Sekcje naszej strony głównej — Różne sekcje naszej strony głównej.

Wzorce, rozumiane jako jednostki układu strony, są również idealnymi kandydatami do testów A/B. Zobaczmy poniżej, jak mogą pomóc w tworzeniu testów A/B, a tym samym poprawić konwersje w Twojej witrynie.

Popraw konwersję w sieci dzięki testom A/B

Konwersja w sieci to każde działanie, które ma wykonać każdy, kto trafi na Twoją stronę: może wejść na stronę ze szczegółami produktu lub cennikiem, zapisać się do newslettera, skontaktować się z nami, przeczytać artykuł, kupić moje produkty itp. W tym kontekście współczynnik konwersji to liczba uzyskanych konwersji w stosunku do liczby wizyt. Oznacza to, że jeśli Twoja witryna ma łącznie 100 wizyt dziennie, z których 2 kończą się zakupem produktu, współczynnik konwersji w Twojej witrynie wynosi 2% .

Narzędziem, które pomaga poprawić współczynnik konwersji, są testy A/B. Test A/B polega na zaproponowaniu zmiany w sieci w oparciu o hipotezę poprawy i sprawdzenie, czy działa lepiej. Na przykład zmień pierwszy blok strony docelowej z komunikatem, który wzbudza większą ciekawość, zmień kolejność wyświetlania poszczególnych produktów na Twojej stronie cenowej, dodaj promocję swoich produktów na końcu postów itp.

Z technicznego punktu widzenia test A/B polega na pokazywaniu dwóch lub więcej wersji lub wariantów tej samej strony internetowej (może to być również menu lub motyw itp.) różnym grupom odwiedzających i porównywaniu, który wariant generuje więcej konwersji.

Obraz przedstawiający działanie testów A/B: ruch jest podzielony i każdy segment widzi jeden wariant, a następnie sprawdzamy, który wariant uzyskał więcej konwersji — W najprostszej formie testy A/B proponują losowy podział ruchu w witrynie na dwie grupy, tak aby 50% odwiedzających widziało projekt A, a pozostałe 50% — projekt B. Monitorując reakcje użytkowników w każdej grupie, możemy obliczyć współczynnik konwersji każdej grupy i, w przypadku statystycznie istotnej różnicy między nimi, zadeklarować zwycięski projekt.

Jak mogłeś już zaobserwować w omówionych powyżej przykładach, w wielu przypadkach tworzone przez Ciebie warianty polegają na dodawaniu, modyfikowaniu lub usuwaniu sekcji na testowanej stronie. Z tego powodu pojęcie wzorców blokowych uważamy za szczególnie przydatne w procesie tworzenia Testy A/B.

Stworzyć Test A/B ze wzorami

Chociaż możesz stworzyć Ręczny test A/B na stronie WordPress, zalecamy, abyś skorzystał z jednego z dostępnych na rynku narzędzi, a w szczególności, jeśli chcesz jak najlepiej wykorzystać wzorce blokowe, najlepszego narzędzia do tworzenia Testy A/B to użycie Nelio Testy A/B (dostępne bezpłatnie i premium (29 €/miesiąc)), ponieważ jest to natywna wtyczka WordPress, a zatem jest w pełni zintegrowana z edytorem bloków WordPress.

Aby stworzyć Test A/B z Nelio Testowanie A/B za pomocą edytora bloków WordPress, 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ą.

W tym przewodniku wyjaśniamy wszystkie szczegóły każdego z poprzednich kroków tworzenia Testy A/B z Nelio Testy A/B w edytorze bloków.

Zobaczmy na kilku przykładach, jak wzorce blokowe mogą pomóc nam być bardziej wydajnym w tworzeniu testy A/B; w szczególności w definicji wariantów testowych.

Przykłady

Załóżmy trzy różne przykłady testów, które chcemy przeprowadzić na naszej stronie internetowej.

Przykład 1 : z jednej strony chcę przetestować alternatywny projekt na naszej stronie Nelio, zmieniając sekcję, w której prezentujemy zalety naszych usług.

Sekcja strony przedstawiająca zalety naszych produktów.

Przykład 2 : Podobnie chcę przetestować alternatywny projekt sekcji referencji na tej samej stronie i zobaczyć, który z nich jest bardziej atrakcyjny.

Sekcja referencji na stronie głównej Nelio — Sekcja z referencjami na stronie głównej Nelio.

Przykład 3 : Chciałbym przetestować, czy dodanie sekcji z wezwaniem do działania lub banera na końcu wszystkich postów przyciągnie więcej subskrybentów naszego Newslettera. Jak widać na końcu tego posta, aktualnie na naszym blogu, na końcu znajdziecie tylko sekcję do dodawania komentarzy.

Jak je tworzymy Testy A/B? Z narzędziem takim jak Nelio jest to praktycznie tak proste, jak zmiana projektu tej strony za pomocą dodatkowego kroku. Zobaczmy, które…

Wybór typu testu, który chcesz utworzyć

To nie to samo Test A/B strony niż szablonu. Tworzenie wariantów będzie inne, ale ogromną zaletą korzystania z narzędzia takiego jak Nelio Testy A/B, całkowicie natywne dla WordPressa, polegają na tym, że po początkowym wybraniu typu testu, który zamierzasz utworzyć, poniższe kroki będą całkowicie intuicyjne w kontekście WordPressa.

Z Nelioem Testy A/B, pierwszą rzeczą, którą musisz zrobić, to wybrać rodzaj Test A/B, który chcesz utworzyć:

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.

W przykładach 1 i 2 powyżej, ponieważ chcemy zmienić sekcję strony, wybralibyśmy utworzenie testu strony. W przykładzie 3, ponieważ chcemy mieć możliwość dodania sekcji na końcu postów, bardziej sensowne jest stworzenie szablonu testowego.

Definicja wariantów testowych

Przykład 1 : Po zaznaczeniu, że chcemy wykonać test strony, należy nadać rodzajowi testu nazwę i wybrać stronę, zwaną również stroną kontrolną, na której chcesz wykonać test. Możesz to wybrać z listy stron, które opublikowałeś w swojej witrynie. W naszym przypadku jest to strona główna naszego serwisu.

Wariant tworzenia strony test A/B — Tworzenie wariantu strony Test A/B z Nelio Testy A/B.

Następnie możesz stworzyć nowy wariant. Domyślnie będzie to dokładna kopia Twojej strony kontrolnej. Kliknij link Edytuj wariantu, a zobaczysz, że będziesz mieć edytor bloków WordPress, który już znasz, aby wprowadzić wszystkie żądane zmiany wraz z kilkoma dodatkowymi właściwościami tworzenia testu.

Edycja wariantu testu strony z Nelio Testy A/B.

Możesz dodawać, modyfikować i usuwać bloki, które chcesz zmienić projekt wariantu, jak chcesz. Ale jaka jest duża zaleta wzorów blokowych? Teraz zmiana na przykład projektu przekroju pokazanego na obrazku jest znacznie łatwiejsza niż tworzenie i edytowanie każdego z bloków jeden po drugim. Po prostu, klikając przycisk dodawania wzorów, mogę wybrać projekt, który najbardziej mi się podoba.

W ten sposób, gdy już mam projekt ustawiony jednym kliknięciem, wystarczy zastąpić obrazy tymi, które już miałem w bibliotece multimediów oraz skopiować i wkleić tekst oryginału, aby zmienić wygląd tej sekcji.

Przeprojektowana sekcja za pomocą wzoru — Przeprojektowany przekrój za pomocą wzoru.

Przykład 2 : W tym przypadku proces wyboru typu testu byłby dokładnie taki sam, jak w poprzednim przykładzie. Po zaznaczeniu, że chcemy stworzyć test strony, dodamy nazwę do testu, wybierzemy stronę główną i stworzymy nowy wariant.

Nowy test A/B z sekcji referencje na stronie głównej — Nowy Test A/B z sekcji referencje na stronie głównej.

Podczas jego edycji, tak jak poprzednio, okazuje się, że mamy szeroki wybór projektów sekcji referencji, z których możemy wybierać.

I tak jak poprzednio, teraz poprzez podmianę obrazków oraz proste kopiowanie i wklejanie tekstu szybko zmieniliśmy układ tej sekcji.

Sekcja referencji wyświetlana z kartami — Sekcja referencje wyświetlana z kartami.

Przykład 3. W naszym ostatnim przykładzie chcemy, aby wszystkie posty zawierały na końcu sekcję, w której czytelnik jest zaproszony do zapisania się do naszego newslettera. W tym celu najprościej było stworzyć test szablonu i użyć nowego wariantu szablonu, który zawiera wybraną przez nas sekcję. W przypadku testu szablonowego, przed utworzeniem testu, należy stworzyć różne szablony.

Pamiętaj, że, jak powiedziałem, wyjaśniając nowe funkcje pełnej edycji witryny w WordPress 5.8, teraz możesz utworzyć nowy szablon lub edytować istniejący w edytorze szablonów z postu lub strony. Możesz więc stworzyć nowy szablon i bezpośrednio z edytora szablonów, możesz wybrać i dodać wzór podobny do tego, co zrobiliśmy powyżej.

Zmiany wprowadzonego wzoru są ponownie znacznie szybsze, niż gdybyśmy tworzyli tę nową sekcję od zera.

Teraz możemy stworzyć nowy test szablonu. Najpierw wybieramy, że chcemy stworzyć test szablonu, a następnie wybieramy dla wariantów A i B, które szablony chcemy wyświetlić.

Wybór szablonów składających się na test A/B — Wybór szablonów składających się na Test A/B.

I to tyle, dla każdego z przykładów stworzyliśmy już wersje sterowania i ich warianty. Od tego momentu następujące kroki są takie same dla różnych typów testów.

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

Po zdefiniowaniu wariantów Twojego testu kolejnym krokiem jest zdefiniowanie celu konwersji. W jakim celu tworzysz ten test? Aby uzyskać większą sprzedaż, więcej subskrybentów lub więcej wizyt na stronie z cennikiem? Cele te są osiągane, gdy odwiedzający wykonuje określone czynności.

Z Nelioem Testy 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ę. Nelio Testy 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 konwersji w Test A/B z Nelio Testy A/B.

Dla każdego zdefiniowanego celu masz 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 w Twojej witrynie lub przesyłają formularz kontaktowy. Kliknij na interesujący Cię przycisk akcji i dla każdego typu akcji możesz zdefiniować własne ustawienia.

Segmentuj swój ruch

Jedną z interesujących funkcji każdego narzędzia do testowania A/B jest możliwość segmentacji ruchu. Oznacza to, że możesz ustalić, że tylko niektórzy odwiedzający biorą udział 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 w Nelio Testy A/B, w tym artykule Antonio wyjaśnia to szczegółowo.

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 zajmie się podzieleniem ruchu na dwie grupy, tak aby każda z nich widziała jeden lub drugi wariant. Podczas korzystania z Nelio Testy A/B, nie musisz martwić się o to, jak długo potrzebujesz przeprowadzić test lub kontrolować statystyczną pewność danych. Będziesz mógł zobaczyć łączną liczbę konwersji i odsłon dla każdego wariantu. Będziesz także mógł zobaczyć procent ulepszeń każdego wariantu w porównaniu z oryginalną wersją.

Wykresy ze współczynnikami konwersji każdego wariantu w teście A/B — Współczynniki konwersji każdego wariantu w Test A/B.

Zastosuj zwycięską alternatywę

Wreszcie, jeśli otrzymasz zwycięski wariant testu, Nelio Testy A/B pozwalają jednym kliknięciem zastosować ten wariant jako ostateczną wersję na Twojej stronie internetowej.

Oznacza to, że w przypadku pierwszych dwóch przykładów testów stron, jeśli testowany przez nas wariant jest zwycięski, zastępując oryginalną treść treścią zwycięskiego. W przypadku testu szablonu, po prostu pod koniec testu musisz przełączyć szablon na żądane strony/posty.

Wniosek

Testy A/B to najlepsze narzędzie do optymalizacji konwersji na stronie internetowej. WordPress ewoluuje bardzo szybko, a dzięki nowym funkcjom, które pojawiły się w WordPress 5.8, tworzenie testów A/B jest jeszcze łatwiejsze, jeśli używasz natywnego narzędzia WordPress w pełni zintegrowanego z edytorem bloków, tak jak ma to miejsce w przypadku Nelio A/B Testowanie.

Pamiętaj, że wzorce, zaprojektowane do tworzenia i projektowania różnych sekcji, ułatwiają nie tylko dodawanie i zmianę sekcji stron i postów, ale także szablony, jak widziałeś w tym poście. Czekamy na kolejne nowe funkcje WordPressa!

Polecane zdjęcie Raimonda Klavinsa na Unsplash