Testy A/B, które powinieneś wypróbować na swoich stronach za pomocą formularzy

Jednym z najważniejszych celów wielu stron internetowych jest pozyskiwanie większej liczby leadów lub subskrybentów. Aby to zrobić, prawdopodobnie masz co najmniej jedną stronę, na której wyświetlasz formularz, w którym odwiedzający mogą się z Tobą skontaktować, prosząc o więcej informacji o Twoich produktach lub subskrybując biuletyn.

Z punktu widzenia konwersji projekt i zawartość stron z formularzami może być krytyczna i z tego powodu dzisiaj chciałbym podzielić się z Wami kilkoma przykładami typów testów A/B, które można na nich wypróbować, aby zoptymalizować konwersję (odwiedzający kontaktujący się lub subskrybujący). W kolejnych przykładach zobaczysz, że formularze na stronach są tworzone za pomocą Nelio Forms, naszej wtyczki do tworzenia formularzy, która jest w pełni zintegrowana z WordPress.

Lokalizacja Formularza na Stronie

Kiedy mówimy o poprawie konwersji na stronie, jednym z najczęściej omawianych punktów jest lokalizacja wezwania do działania. Jeśli naszym celem jest skłonienie odwiedzających stronę do wypełnienia formularza, spróbuj umieścić formularz w różnych lokalizacjach i przeanalizuj, który z nich najlepiej Ci odpowiada. Zobaczmy prosty przykład, jak stworzylibyśmy taki test za pomocą wtyczki Nelio A/B Testing w WordPressie.

Załóżmy, że chcemy stworzyć test strony Nelio Unlocker (naszej wtyczki, która konwertuje dowolną stronę internetową na edytor bloków WordPress lub Elementor), a tym samym sprawdzić, czy więcej odwiedzających kontaktuje się z nami, umieszczając formularz wyżej na stronie.

W alternatywie do testowania, jak widać na poprzednim obrazku, nie tylko przesunąłem formularz w górę, ale również, aby wyglądał lepiej estetycznie, umieściłem sekcję z przykładami w dalszej części strony.

Jak wykonać ten test za pomocą wtyczki Nelio A/B Testing? Najpierw wybierz, że chcesz utworzyć nową stronę testową:

Po nazwaniu testowej nazwy i wybraniu strony, którą chcesz przetestować, domyślnie każdy tworzony wariant jest kopią oryginalnej strony, którą możesz edytować, aby wprowadzić zmiany według własnego uznania.

Ogromną zaletą Nelio A/B Testing (będącego wtyczką w pełni zintegrowaną z WordPress) jest to, że wprowadzanie zmian wariantów jest tak samo łatwe, jak edytowanie dowolnej strony w edytorze bloków. W takim przypadku wystarczy wybrać blok lub bloki strony, które chcesz przenieść, i zmienić ich lokalizację.

Po dokonaniu niezbędnych modyfikacji pozostaje tylko zapisać stronę, wrócić do testu, który tworzyliśmy i wskazać cele konwersji oraz działania testu. W tym przykładzie naszym celem jest wypełnienie formularza kontaktowego. W sekcji „Cele i działania konwersji” podaj nazwę celu i dodaj działanie powodujące konwersję „Przesłanie formularza”.

Jak widać na poprzednim obrazku, masz menu, w którym możesz wybrać formularz, który musi zostać przesłany, aby został zapisany jako działanie powodujące konwersję dla tego testu.

I to wszystko! Możesz teraz nacisnąć przycisk Start testu, aby połowa ruchu na tej stronie widziała jedną alternatywę, a druga połowa drugą. Na stronie wyników testu będziesz mógł śledzić wizyty i konwersje każdego wariantu, a tym samym przeanalizować, która opcja działa najlepiej.

Liczba i rodzaj pól do wypełnienia

W badaniu przeprowadzonym przez Hubspot analizującym ponad 40 000 stron zauważyli, że liczba pól do wypełnienia i rodzaj każdego pola mają wpływ na uzyskiwaną konwersję.

Jak widać z powyższych wykresów, jak zapewne już się domyślasz, im mniej pól do wypełnienia, tym odwiedzający będą mogli łatwiej się z Tobą skontaktować. Jednak musisz również rozważyć jakość informacji, które otrzymujesz z formularza: czy na pewno chcesz, aby kontaktował się z Tobą ktoś, kto przechodzi obok, czy wolisz tylko tych, którzy są naprawdę zainteresowani i chcą udzielić Ci trochę więcej informacji na temat sobie?

Spróbuj wykonać różne testy A/B, modyfikując liczbę i typ pól formularza i przeanalizuj, co jest dla Ciebie najlepsze, jak widać na poniższym przykładzie:

Aby stworzyć taki test, jeśli użyjesz wtyczki takiej jak Nelio Forms, jest to tak proste, jak utworzenie dodatkowego formularza. Zobaczysz, że edytor formularzy jest prawie taki sam jak edytor bloków, który już znasz:

A edytując alternatywną stronę testu (pamiętaj, że jest to kopia strony oryginalnej) wystarczy zastąpić formularz, który miałeś, nowym utworzonym, wybierając go z rozwijanego menu z listą dostępnych formularzy.

W takim przypadku zwróć uwagę, że podczas określania celów konwersji i działań w teście musisz dodać przesłanie tych dwóch formularzy jako działania powodujące konwersję. W ten sposób przesłanie dowolnego z tych dwóch formularzy (po jednym w każdym wariancie testu) zostanie zarejestrowane jako konwersja.

Gdzie wyświetlać etykiety formularzy

Artykuł Luke'a Wróblewskiego sprzed kilku lat, odniesienie w projektowaniu formularzy, porównał zalety i wady wyświetlania etykiet pól powyżej lub po lewej stronie każdego pola.

Jeśli zauważyłeś w poprzednim przykładzie, jednym z problemów z formami pionowymi z wieloma polami jest to, że mogą zajmować zbyt dużo miejsca. Jedną z alternatyw, które możesz wypróbować i które osobiście uważam, że formularze są bardzo przejrzyste, jest nie wyświetlanie etykiet pól jako oddzielnych jednostek i pisanie w nich symbolu zastępczego.

W przypadku korzystania z Nelio Forms wystarczy wskazać w ustawieniach pola, że ​​etykiety powinny być ukryte, a następnie po prostu wpisać odpowiedni symbol zastępczy:

W ten sposób zmniejszysz wysokość formularza, a użytkownik z łatwością zobaczy, co należy wpisać w każdym z pól.

Prześlij tekst i kolor przycisku

Testowanie różnych kolorów i różnych tekstów wezwania do działania jest również bardzo popularnym rodzajem testu poprawiającego konwersję. Znajdziesz ludzi, którzy powiedzą Ci, że ten czy inny kolor działa lepiej lub że przekaz powinien być taki a taki… ale naszą rekomendacją jest przetestowanie i potwierdzenie tego, co najbardziej lubią Twoi goście. Dokładnie to zrobiliśmy na jednej z naszych stron, testując różne kolory przycisków i sprawdzając, co działa dla nas najlepiej.

W przypadku korzystania z wtyczki, takiej jak Nelio Forms, która jest w pełni zintegrowana z edytorem bloków, wystarczy utworzyć tyle formularzy, ile alternatyw chcesz przetestować, każdy z takim kolorem, stylem i tekstem przycisku zainteresowany. Aby to zrobić, wystarczy skopiować oryginalny formularz i zmodyfikować właściwości przycisku, tak jak na dowolnej stronie lub poście.

Informacje o prywatności danych

Wreszcie, kolejnym testem, który możesz wykonać za pomocą formularzy, jest wypróbowanie różnych sformułowań dotyczących prywatności gromadzonych danych i sprawdzenie, jaki ma to wpływ. Ludzie nie chcą być spamowani, więc aby budować zaufanie, może pomóc wyraźnie podkreślić, że nie udostępniasz żadnych danych stronom trzecim.

Wypróbuj różne alternatywne sformułowania w różnych stylach i przeanalizuj wpływ, jaki może mieć każda z alternatyw.

Wniosek

Dzisiaj chcieliśmy podzielić się kilkoma pomysłami, które możesz przetestować na stronach z formularzami kontaktowymi, aby poprawić ich współczynniki konwersji. Pamiętaj, że bez względu na to, ile rekomendacji znajdziesz, dopiero po wykonaniu testu A/B będziesz wiedział na pewno, co działa najlepiej na Twojej stronie: czy to zmiana lokalizacji formularza na stronie, czy testowanie różnych treści formularza, uruchom kilka testy i zobacz, jak możesz pozyskać więcej leadów, subskrybentów lub klientów.

Jeśli używasz natywnych wtyczek WordPress, takich jak Nelio Forms do tworzenia formularzy i Nelio A/B Testing do wykonywania testów A/B, testowanie stron z formularzami nigdy nie było łatwiejsze!

Polecane zdjęcie Roberta Anascha na Unsplash.