8 wieloetapowych przykładów formularzy zmniejszających tarcie strony docelowej

Opublikowany: 2017-08-28

Nierzadko zdarza się, że użytkownicy internetu opuszczają stronę docelową po kliknięciu, ponieważ jest ona za długa lub formularz pozyskiwania potencjalnych klientów wymaga podania zbyt wielu informacji. Podczas gdy wieloetapowy formularz jest niezbędny do zbierania informacji o odwiedzających, wielu marketerów nie opracowuje ich poprawnie i kończy się to utratą cennych leadów. Dlatego konieczne jest zaprojektowanie strony docelowej po kliknięciu, aby użytkownicy pozostawali zaangażowani i nie byli zastraszani długimi formularzami.

Jednym ze sposobów na to jest formularz wieloetapowy.

Co to jest formularz wieloetapowy?

Forma wieloetapowa to dłuższa forma podzielona na krótsze, mniej zniechęcające kroki. Z punktu widzenia marketera jest to świetne rozwiązanie w każdej sytuacji, w której chcesz zebrać szczegółowe informacje o potencjalnym kliencie, ponieważ robi to w małych porcjach. Z punktu widzenia potencjalnego klienta wieloetapowe formularze pozwalają mu wykazać zainteresowanie poprzez wypełnienie krótkiego formularza, a następnie przejście do dodatkowych pól formularza, aby podzielić się więcej o sobie i/lub swojej działalności.

Ponieważ prośby o dodatkowe informacje pojawiają się dopiero po przesłaniu przez użytkownika informacji podstawowych. Wieloetapowe formularze mogą zmniejszyć tarcie na stronie docelowej po kliknięciu. Zaprojektowanie formularza w ten sposób może wydłużyć czas, jaki odwiedzający spędzają na stronie, wygenerować więcej potencjalnych klientów i pomóc uzyskać wgląd w lepiej kwalifikowanych potencjalnych klientów. Które oczywiście możesz następnie pielęgnować przez lejek marketingowy do sprzedaży.

Formularze wieloetapowe a dwuetapowe formularze zgody

Zarówno wieloetapowe formularze, jak i dwuetapowe formularze zgody pomagają angażować i kwalifikować potencjalnych klientów. Różnią się sposobem wyświetlania na stronie. Formularze wieloetapowe mają etapy, przy czym każdy kolejny etap pojawia się dopiero po zakończeniu etapu poprzedniego. I odwrotnie, dwuetapowe formularze zgody pojawiają się, gdy odwiedzający kliknie przycisk wezwania do działania, a wyskakujące okienko wyświetla formularz.

Korzystanie z wieloetapowych formularzy zamiast formularzy na stronie lub dwuetapowych formularzy zgody może uniknąć tego, co nazywamy „syndromem złotowłosej”. Zbyt długi i może zniechęcić potencjalnych klientów do jego ukończenia; zbyt krótki, a otrzymasz leady bezużyteczne lub leady, które bardziej nadają się do marketingu niż sprzedaży. Optymalizując formularze strony docelowej po kliknięciu w oparciu o ofertę i etap lejka marketingowego, na którym aktualnie przebywają Twoi potencjalni klienci, możesz poprosić o bardziej odpowiednie informacje, a co za tym idzie, wygenerować lepsze współczynniki konwersji.

Może nie istnieć szablon „jeden rozmiar dla wszystkich”, ale poniższe wieloetapowe przykłady formularzy są doskonałym punktem wyjścia do naśladowania w następnym projekcie. Zobaczmy, jak niektóre z największych światowych marek wykorzystują wieloetapowe formularze, aby zaangażować odwiedzających i zmaksymalizować liczbę potencjalnych klientów.

Przykłady formularzy wieloetapowych

Ubera

Uber używa tej strony docelowej po kliknięciu, aby zachęcić ludzi do prowadzenia dla nich jako pracy dodatkowej:

wieloetapowy formularz uber

Używają wieloetapowego formularza na stronie, aby zapewnić płynny proces konwersji dla odwiedzających. Zwróć uwagę, że przycisk CTA brzmi „Dalej” ze strzałką kierującą ruch do drugiego kroku formularza. Oba wskazują, że w procesie jest co najmniej jeden dodatkowy krok.

Kto jest kim z kadry kierowniczej i specjalistów

To selektywne forum networkingowe umieściło na swojej stronie głównej wieloetapowy formularz, aby zachęcić odwiedzających do ubiegania się o członkostwo w sieci:

wieloetapowa wizualna wskazówka

Formularz jest dobrze zaprojektowany ze wskaźnikiem kroków (każdy w kształcie strzałki – które są wizualnymi wskazówkami), aby sugerować, że odwiedzający powinien przejść do każdego kolejnego kroku. Przycisk CTA zawiera również strzałkę, aby pokazać potencjalnym klientom, że nie zakończyli jeszcze procesu aplikacji.

Formularze na stronie nie zawsze pozwalają na stosowanie dużych czcionek, długich pól, a nawet etykiet pól ze względu na ograniczoną ilość miejsca na stronie. I odwrotnie, formy wieloetapowe tworzą więcej miejsca, ponieważ pojawiają się w sekcjach, co pozwala na większą różnorodność i wskazówki wizualne. Często zawierają nawet pasek postępu, dzięki któremu użytkownicy mogą śledzić, jak daleko są w procesie rejestracji.

Uniwersytet w Phoenix

Zobacz, jak szkoła podyplomowa University of Phoenix używa paska postępu u góry?

wielostopniowa forma feniksa

Formularz zaczyna pytać odwiedzającego o nieinwazyjne informacje — kierunek studiów, stopień naukowy, format nauki i kod pocztowy. Pasek postępu jest miłym akcentem, ponieważ daje odwiedzającym jasne wyobrażenie o tym, jak długi jest formularz, zanim będą mogli pobrać Przewodnik szybkiego startu.

Łączenie się z mediami społecznościowymi to kolejna skuteczna taktyka, jeśli chodzi o projektowanie wieloetapowego formularza. W rzeczywistości współczynniki konwersji mogą wzrosnąć nawet o 189% dzięki automatycznemu wypełnianiu w mediach społecznościowych. Wdrażając tę ​​funkcję, odpowiednie informacje społecznościowe użytkowników są automatycznie wstawiane do formularza.

Również w odniesieniu do doświadczenia użytkownika tekst zastępczy może irytować i dezorientować odwiedzających, ponieważ mogą go pomylić z polami, które zostały już automatycznie wypełnione przez ich konta społecznościowe. Zamiast tego oznacz każde pole nad pudełkiem, aby zmniejszyć tarcie i płynnie przeprowadzić użytkowników przez formularz.

GreenGeeks

GreenGeeks stworzył tę stronę docelową po kliknięciu, aby zawierała wieloetapowy formularz. Najpierw strona docelowa po kliknięciu przedstawia ofertę:

przykład formularza wieloetapowego GreenGeeks 1

Gdy odwiedzający kliknie przycisk wezwania do działania „Rozpocznij teraz”, pojawi się ta strona z pierwszym krokiem formularza:

przykład wieloetapowego formularza GreenGeeks 2

W tym momencie użytkownicy nie są proszeni o podanie żadnych informacji identyfikujących – tylko o domenę (nową lub wcześniej istniejącą) – więc użytkowników, którzy nie są na samym końcu ścieżki, nie zniechęca długi, skomplikowany formularz. Gdy odwiedzający są gotowi do kontynuowania rejestracji, są kierowani na tę stronę, która jest drugim krokiem formularza:

przykład formularza wieloetapowego GreenGeeks 3

To kolejny wieloetapowy formularz, w którym każda sekcja i poszczególne pola są wyraźnie oznaczone, zapewniając klientom bezproblemowy proces rejestracji.

marketingu Ciriusa

Oto przykład z Cirius Marketing. Korzystają z dwuetapowej strony rejestracji z wieloetapowym formularzem w wyskakującym okienku. To jest strona docelowa po kliknięciu z przyciskiem CTA widocznym bezpośrednio nad zakładką:

przykład formularza wieloetapowego Cirius Marketing 1

A oto wieloetapowy formularz w wyskakującym okienku:

przykład formularza wieloetapowego Cirius Marketing 2

Zwróć uwagę na pasek postępu, który wskazuje 50% ukończenia w górnej części okna, aby potencjalni klienci wiedzieli, że to nie jedyne informacje, które będą musieli podać.

Sprout Społecznościowy

Firma Sprout Social zaprojektowała ten wieloetapowy formularz do wypełnienia przez potencjalnych klientów:

wieloetapowa forma wyrasta społecznie

Ten pierwszy krok polega na utworzeniu konta; następnie przechodzą do drugiego etapu, w którym mogą dołączyć swoje profile społecznościowe; i wreszcie, w kroku trzecim, mogą zakończyć proces rejestracji i rozpocząć korzystanie ze Sprout.

Szybka baza

Poniższa strona docelowa Quick Base po kliknięciu oferuje usługi szkoleniowe dla pracowników:

przykład formularza wieloetapowego QuickBase 1

Gdy potencjalni klienci są gotowi do rozpoczęcia bezpłatnego okresu próbnego, klikają dowolny przycisk wezwania do współpracy (łącznie trzy na stronie) i przechodzą do pierwszego kroku tego wieloetapowego formularza rejestracyjnego:

szybka baza formularzy wieloetapowych

Zwróć uwagę, że ta część formularza jest specjalnie oznaczona jako „Krok 1 z 2”. Poinformowanie potencjalnych klientów, że dzielą ich „sekundy” od bezpłatnego okresu próbnego, wskazuje, że wypełnienie formularza nie zajmie dużo czasu.

Hootsuite

Hootsuite prowadzi potencjalnych klientów przez proces rejestracji konta z jasno określonymi krokami:

wieloetapowy formularz hootsuite

Nagłówek informuje, ile kroków należy wykonać, aby zarejestrować się, więc potencjalni klienci od razu wiedzą, z czym to się wiąże. Następnie każdy krok jest wyraźnie oznaczony nagłówkiem sekcji, aby łatwo poprowadzić odwiedzających do ukończenia.

Zwiększ zaangażowanie na stronie dzięki wieloetapowym formularzom

Jeśli Twój najlepszy scenariusz konwersji wymaga wielu informacji od potencjalnych klientów i nie chcesz wyjść na onieśmielającego. Korzystanie z wieloetapowego formularza w celu uproszczenia sytuacji może pomóc złagodzić te problemy. Te wieloetapowe przykłady formularzy zmniejszają tarcia, przekonują klientów, aby powierzyli Ci swoje informacje, a ostatecznie pomagają prowadzić do konwersji, których szukasz.

Zawsze łącz wszystkie reklamy ze spersonalizowanymi stronami docelowymi po kliknięciu, aby obniżyć koszt pozyskania klienta. Zacznij tworzyć dedykowane strony po kliknięciu, rejestrując się już dziś w wersji demonstracyjnej Instapage Enterprise.