Najsłabiej działający przycisk wysyłania formularza w większości badań jest zawsze taki sam. Nie ma własnego koloru. Wtapia się w stronę. Jego etykieta to jedno słowo. I niezawodnie działa na każdej stronie, która chce mieć mniej konwersji.
Ten przycisk mówi "Wyślij".
Nie każdy odwiedzający, który dociera do przycisku, jest już gotowy do kliknięcia. Niektórzy wciąż się zastanawiają. Niektórzy się obawiają. Niektórzy szukają potwierdzenia, że wypełnienie tego formularza jest warte ich czasu. Przycisk jest często ostatnim wrażeniem, które decyduje, czy dokończą. Jednowyrazowa ogólna etykieta zostawia im dopowiedzenie tego uspokojenia na własną rękę. Przemyślany przycisk z konkretnym tekstem usuwa wątpliwości.
Ten rozdział opisuje, co tekst, kolor i położenie przycisku faktycznie zmieniają w liczbie wysłań formularza, jak kontekst formularza wpływa na to, jaki tekst przycisku działa, i jak unikać wzorców projektu i tekstu, które niszczą konwersję niepostrzeżenie.
Co w tekście przycisku naprawdę wpływa na konwersję
Badania nad przyciskami wezwania do działania pokazują spójne wzorce. Ogólne przyciski, takie jak "Wyślij" czy "Prześlij", wypadają o 30 do 40 procent gorzej niż teksty konkretne dla danej akcji. Przycisk "Odbierz moją darmową ofertę" konwertuje lepiej niż "Wyślij". Przycisk "Potwierdź moją rejestrację" działa lepiej niż "Wyślij". Ale nie chodzi o błyskotliwy tekst. Chodzi o jasność co do skutków.
Gdy odwiedzający zatrzymuje się nad przyciskiem "Wyślij", odpowiada na ukryte pytanie. Co wysyłam? Dokąd to trafia? Co będzie dalej? Nie zna odpowiedzi. Robi założenie. Ogólny tekst przycisku tworzy tarcie, bo zmusza odwiedzającego do domyślania się, co nastąpi.
Konkretny tekst przycisku, nastawiony na akcję, odpowiada na to pytanie natychmiast. "Odbierz moją darmową ofertę" mówi odwiedzającemu dokładnie, co się stanie po kliknięciu. "Potwierdź moją rejestrację" wyjaśnia następny krok. "Poproś o demo" jasno pokazuje, że zaczyna rozmowę, a nie zobowiązuje się do czegoś nieznanego.
Wzorzec utrzymuje się w różnych typach formularzy i branżach. W badaniu formularzy zamówienia przeprowadzonym przez instytut badawczy zajmujący się użytecznością stron "Złóż zamówienie" przewyższyło "Wyślij" o 25 procent pod względem konwersji. W teście formularzy kontaktowych wykonanym w oprogramowaniu marketingowym "Wyślij moje zapytanie" pokonało "Wyślij" o 18 procent. W analizie testów konwersji na 50 stronach sklepów internetowych przyciski zawierające korzyść lub następny krok wypadły średnio o 23 procent lepiej niż akcje jednowyrazowe.
Poprawa nie jest drobna. To nie jest optymalizacja o 2 procent. To zmiana wskaźnika wysłań formularza z 15 do 19 procent. Albo z 300 wysłań miesięcznie do 370. Tekst przycisku to jedna z zmian o największej dźwigni, jakie możesz wprowadzić w formularzu.
Tekst przycisku według typu formularza
Ten sam tekst CTA nie działa w każdym formularzu. Kontekst, w jakim ktoś wypełnia formularz, kształtuje to, na jaki tekst przycisku zareaguje.
Formularze zapisu i rejestracji
Gdy ktoś zakłada konto, do czegoś się zobowiązuje. Decyzja zwykle już zapadła. Nie pyta już "czy powinienem?". Pyta "czy to zadziała?" i "czy to bezpieczne?". Tekst przycisku rejestracji powinien potwierdzać akcję i dawać uspokojenie.
Skuteczne wzorce: "Załóż moje konto", "Zaczynamy", "Potwierdź moją rejestrację". Unikaj ogólnego "Wyślij". Unikaj etykiet, które brzmią trwale lub ciężko, jak "Zobowiąż się do założenia konta". Zachowaj lekki ton i ruch do przodu.
Przy rejestracjach z hasłem tekst przycisku może uznać to tarcie: "Utwórz hasło i kontynuuj". To mówi odwiedzającemu, że nie tworzy hasła bez powodu. To krok ku czemuś. Akcja jest jasna.
Formularze kontaktowe i zapytań
Formularze kontaktowe zyskują na rozmownym, ludzkim tekście przycisku. Odwiedzający wyciąga rękę. O coś prosi. Przycisk powinien brzmieć tak, jakby potwierdzał tę prośbę.
Skuteczne wzorce: "Wyślij moje zapytanie", "Skontaktuj się z nami", "Wyślij moją wiadomość", "Poproś o więcej informacji". Dzięki nim formularz przypomina rozmowę, a nie zrzut danych.
Unikaj klinicznego lub formalnego języka. Nie pisz "Złóż zapytanie". Pisz "Wyślij moje zapytanie". Różnica jest subtelna. Jedno brzmi jak transakcja. Drugie jak rozmowa z człowiekiem.
Formularze rezerwacji i umawiania terminów
Gdy ktoś wypełnia formularz rezerwacji, jego zamiar jest potwierdzony. Chce terminu. Tekst przycisku powinien być bezpośredni i usuwać wątpliwości co do tego, co dalej.
Skuteczne wzorce: "Potwierdź mój termin", "Zarezerwuj moją sesję", "Umów moją rozmowę", "Zarezerwuj moje miejsce". Uznają, że osoba już zdecydowała. Przycisk jest ostatnim krokiem potwierdzenia.
Unikaj wszystkiego, co tworzy niejasność. "Zarezerwuj" działa. "Zapisz się" mniej jasno mówi, co jest rezerwowane. Jasność na tym etapie zwiększa liczbę ukończeń.
Formularze zamówienia i płatności
W zamówieniach w sklepach internetowych najwięcej traci się na niejasnym tekście przycisku. Każde słowo bezpośrednio wpływa tu na przychód. Odwiedzający chce już kupić. Nie twórz wahania.
Skuteczne wzorce: "Sfinalizuj mój zakup", "Zapłać teraz", "Złóż zamówienie", "Kup teraz". Niektórzy sprzedawcy testują tekst nastawiony na korzyść, jak "Odbierz [nazwa produktu]", by podkreślić, co klient dostaje, a nie ile płaci.
Nigdy nie używaj ogólnego "Wyślij". Sprawdź, czy "Sfinalizuj mój zakup" czy "Kup teraz" działa lepiej dla Twoich odbiorców. Niektóre branże i progi cenowe reagują na inny język. Ale oba pokonują ogólną etykietę.
Formularze opinii i ankiet
Przyciski ankiet powinny wydawać się szybkie i łatwe. Odwiedzający robi Ci przysługę. Tekst przycisku powinien to uznać i sprawić, by wszystko szło gładko.
Skuteczne wzorce: "Wyślij moją opinię", "Prześlij moją odpowiedź", "Podziel się moimi myślami". Brzmią szybko. Unikaj języka, który sprawia, że opinia przypomina formalne zgłoszenie. "Wyślij moją opinię" brzmi lżej niż "Prześlij ankietę".
Formularze kwalifikacji kontaktów i B2B
Formularze B2B często wymagają więcej informacji, bo odsiewają kontakty. Tekst przycisku może zapowiedzieć, co dalej, nie odstraszając.
Skuteczne wzorce: "Poproś o ofertę", "Umów konsultację", "Zacznij mój darmowy okres próbny", "Odbierz indywidualną wycenę". Jasno mówią, jaki jest następny krok. Odwiedzający nie obawia się, że zobowiązuje się do czegoś mglistego.
Wygląd przycisku wpływa na kliknięcia bardziej, niż ludzie myślą
Tekst przycisku to tylko część historii. To, jak przycisk wygląda i gdzie stoi na stronie, decyduje, czy ktoś w ogóle widzi go jako klikalny.
Kontrast kolorów i widoczność
Przycisk wtapiający się w tło strony dostaje mniej kliknięć niż przycisk o wysokim kontraście. Nie chodzi o krzykliwy projekt. Chodzi o łatwość zauważenia. Jeśli przycisk nie wyróżnia się wizualnie z formularza, odwiedzający może go w ogóle przeoczyć.
Skuteczne przyciski mają kontrast kolorów co najmniej 4,5 do 1 względem tła. W praktyce oznacza to, że kolor przycisku powinien wyraźnie różnić się od tła strony i od innych elementów formularza.
Sprawdź, co działa dla Twojej marki. Niektóre marki używają koloru marki, który naturalnie się wyróżnia. Inne używają ciepłych kolorów, jak pomarańczowy czy czerwony, na chłodnych tłach, jak szary czy biały. Konkretny kolor liczy się mniej niż kontrast. Spraw, by przycisk był łatwy do zauważenia.
Rozmiar i wolna przestrzeń
Zbyt małe przyciski nie wydają się klikalne. Zbyt duże wydają się natarczywe. Właściwy rozmiar jest względny wobec formularza i strony. Przycisk zajmujący połowę szerokości formularza wydaje się agresywny. Przycisk o szerokości 150 pikseli w formularzu kontaktowym na całą szerokość wydaje się odpowiedni.
Wolna przestrzeń wokół przycisku zwiększa liczbę kliknięć. Przycisk otoczony innymi elementami formularza się wtapia. Przycisk z wyraźną przestrzenią wokół wyróżnia się i wydaje się klikalny. Dodaj odstępy nad przyciskiem i pod nim. Daj mu oddychać.
Kształt i styl przycisku
Zaokrąglone rogi wydają się nowocześniejsze i przyjaźniejsze. Ostre rogi wydają się bardziej korporacyjne lub techniczne. Żaden nie jest uniwersalnie lepszy. Sprawdź, który styl pasuje do Twojej marki i odbiorców.
Pełne przyciski z wyraźnym tłem działają lepiej niż przyciski z samym obrysem lub przezroczyste w większości formularzy. Przycisk z obrysem, dopasowany do stylu formularza, się wtapia. Pełny, kontrastowy przycisk się wyróżnia.
Cienie i efekty po najechaniu zwiększają poczucie, że coś jest klikalne. Przycisk, który zmienia kolor lub ma widoczny stan po najechaniu, pokazuje odwiedzającemu, że reaguje na interakcję.
Rozmiar przycisku na telefonie
Użytkownicy telefonów stukają kciukiem. Zbyt mały przycisk powoduje chybione stuknięcia. Wytyczne producenta jednego z systemów mobilnych zalecają minimalny obszar dotyku 44 na 44 piksele. Wytyczne drugiego zalecają 48 na 48 pikseli. Formularze na telefonie powinny mieć przyciski na tyle duże, by cel o rozmiarze kciuka był trafiany niezawodnie.
Na telefonie przyciski często ustawia się jeden pod drugim. Przycisk na całą szerokość wydaje się bardziej klikalny niż przycisk widoczny tylko częściowo. Przyklejony przycisk, który pozostaje widoczny podczas przewijania formularza, zwiększa liczbę ukończeń na telefonie.
Umiejscowienie decyduje, kto widzi przycisk
Najlepszy tekst i projekt przycisku nie pomogą, jeśli ludzie przewiną obok, nie zauważając go. Miejsce przycisku na stronie wpływa na widoczność.
Przyciski w widocznej części strony
Idealnie główny przycisk powinien być widoczny bez przewijania na komputerze. Jeśli formularz zajmuje większość ekranu, do przycisku może trzeba będzie przewinąć. Tego nie da się uniknąć. Ale jeśli jest miejsce w widocznej części strony, umieść tam przycisk, żeby odwiedzający nie musiał go szukać.
Przyklejone przyciski na telefonie
Formularze na telefonie często wymagają przewijania. Przyklejony przycisk, który pozostaje widoczny na dole ekranu, zwiększa liczbę ukończeń. Odwiedzający nigdy nie traci przycisku z oczu podczas wypełniania pól. Może skończyć w każdej chwili, bez przewijania na dół.
Przyciski główne i drugorzędne
Niektóre formularze mają kilka przycisków. "Wyślij", "Zapisz jako szkic", "Następny krok". Gdy masz kilka przycisków, spraw, by główna akcja była wizualnie dominująca. Silny przycisk główny powinien być wyraźnie bardziej klikalny niż opcje drugorzędne. Użyj koloru, rozmiaru lub położenia, by pokazać hierarchię.
Częsty błąd to identyczne przyciski główny i drugorzędny. Jeśli "Anuluj" i "Wyślij" mają ten sam rozmiar i kolor, część odwiedzających kliknie niewłaściwy. Projektanci testują to i stwierdzają, że zrobienie przycisku głównego o 30 do 40 procent większego niż drugorzędne zmniejsza przypadkowe anulowania.
Tekst pod przyciskiem zwiększa liczbę ukończeń
Sam przycisk to tylko ostatnia interakcja. Tekst pod przyciskiem lub obok niego daje uspokojenie w ostatniej chwili, które popycha wahających się do kliknięcia.
Tekst uspokajający odpowiada na ostatnią obiekcję. Jeśli formularz prosi o adres e-mail, linijka pod przyciskiem "Nigdy nie udostępniamy Twoich danych" usuwa ostatni powód, by nie wysyłać. Jeśli formularz wymaga numeru telefonu, "Żadnych spamowych telefonów, odezwiemy się w ciągu jednego dnia roboczego" buduje zaufanie.
Ten tekst uspokajający powinien być mały i drugoplanowy. Nie sprzedajesz już. Odpowiadasz na ostatnią wątpliwość. Przykłady: "Odpowiemy w ciągu 24 godzin", "Twoje dane są zawsze chronione", "Nie potrzeba karty kredytowej, by zacząć darmowy okres próbny", "Twoja prywatność jest dla nas priorytetem".
Testy pokazują, że tekst uspokajający pod przyciskami zwiększa liczbę ukończeń o 3 do 5 procent w formularzach o dużym tarciu. W formularzach o małym tarciu, jak newslettery, wpływ jest mniejszy. W formularzach B2B pytających o wiele informacji tekst uspokajający może zwiększyć liczbę ukończeń o 10 procent lub więcej.
Stany błędu i informacja o ładowaniu
To, co dzieje się po kliknięciu przycisku, decyduje, czy odwiedzający ma pewność co do swojego wysłania.
Stan nieaktywny podczas wysyłania
Gdy ktoś kliknie przycisk, wyłącz go natychmiast. Nieaktywny przycisk zapobiega duplikatom wysłań. Co ważniejsze, pokazuje odwiedzającemu, że kliknięcie zostało zarejestrowane. Przycisk powinien pokazać stan ładowania: "Wysyłanie..." albo animację czy kręcący się wskaźnik.
Bez stanu ładowania odwiedzający nie wie, czy kliknięcie zadziałało. Może kliknąć ponownie. Może zamknąć przeglądarkę. Jednosekundowe opóźnienie między kliknięciem a jakąkolwiek reakcją wydaje się użytkownikowi długie. Pokaż natychmiast, że coś się dzieje.
Tekst przy naprawie błędu
Gdy wysłanie formularza się nie uda, przycisk i tekst wokół niego powinny wyjaśnić, co poszło nie tak i co zrobić dalej. Nie pokazuj tylko komunikatu o błędzie na górze formularza. Zaktualizuj sam przycisk.
Przycisk "Spróbuj ponownie" jest bardziej użyteczny niż "Wyślij", gdy wystąpi błąd. Tekst obok przycisku powinien konkretnie wyjaśnić, co się nie powiodło: "Ten adres e-mail jest już zarejestrowany" lub "Wypełnij wszystkie wymagane pola".
Spraw, by naprawa błędu była oczywista. Niektóre formularze podświetlają pole z problemem. Niektóre pokazują komunikaty przy polu. Niektóre robią jedno i drugie. Im jaśniejszy błąd, tym szybciej odwiedzający może go naprawić.
Formularze WEMASY i optymalizacja przycisku wysyłania
Kreator formularzy WEMASY pozwala dostosować tekst, wygląd i położenie przycisku do Twojej strategii formularza. Możesz ustawić inny tekst przycisku dla różnych typów formularzy. Możesz dodać logikę warunkową, która zmienia etykietę przycisku zależnie od odpowiedzi w formularzu. Możesz dopasować kolory, rozmiar i styl przycisku do swojej marki.
Analityka formularzy pokazuje, które pola powodują porzucenia. Jeśli sam przycisk ma wysoki odsetek porzuceń, to znak, że tekst lub wygląd przycisku wymaga testów. Jeśli odwiedzający docierają do przycisku, ale nie klikają, przetestuj inny tekst i projekt bez przebudowy formularza.
Zobacz, jak kreator formularzy WEMASY obsługuje dostosowanie przycisków i analitykę formularzy. Więcej o tekstach formularzy, które zwiększają liczbę ukończeń, przeczytasz w tekście o pisaniu etykiet i tekstów pomocniczych, które działają oraz o tym, co powoduje porzucanie formularzy i jak mu zapobiec.