CTA - jak projektować wezwania do działania

Strona ma ładne zdjęcia, sensowny tekst i ofertę, która broni się ceną. Ruch jest, zapytań nie ma. Po godzinie oglądania nagrań sesji widać, gdzie się urywa: użytkownik dochodzi do końca opisu usługi i nie wie, co ma teraz zrobić. Przycisk kontaktu jest, tylko wygląda jak element dekoracyjny i nazywa się Wyślij.

To jest problem CTA. Call to action to najmniejszy element na stronie, a jednocześnie ten, na którym najczęściej rozbija się konwersja. Kilka słów i jeden prostokąt decydują o tym, czy odbiorca zrobi kolejny krok, czy zamknie kartę.

W tym tekście rozkładam call to action na trzy warstwy: co napisać, jak to ma wyglądać i gdzie to postawić. Do tego dochodzi część, którą polskie poradniki zwykle pomijają, czyli dostępność przycisku i sensowny pomiar tego, czy zmiana faktycznie coś dała.

Czym jest CTA

CTA, czyli call to action, to element, który mówi odbiorcy, co ma teraz zrobić, i ułatwia mu zrobienie tego od razu. Najczęściej jest to przycisk CTA, czasem link w tekście, baner albo zdanie na końcu akapitu. Definicja jest banalna, praktyka mniej, bo skuteczne CTA musi trafić w moment, w którym użytkownik jest gotowy na ten konkretny krok.

Wezwanie do działania nie musi prowadzić prosto do zakupu. Częściej prowadzi o jeden poziom niżej: do pobrania cennika, umówienia rozmowy, zapisania się do newslettera. Każdy taki krok jest osobną konwersją i zasługuje na osobny komunikat.

Co oznacza skrót CTA

Skrót pochodzi od angielskiego call to action, po polsku wezwanie do działania. Termin przyszedł do marketingu z reklamy tradycyjnej, gdzie ogłoszenie kończyło się poleceniem w rodzaju zadzwoń teraz, i przeniósł się do internetu razem z przyciskami.

Warto wiedzieć, że te same trzy litery znaczą co innego poza marketingiem internetowym. W medycynie CTA to angiografia tomografii komputerowej, w motoryzacji system ostrzegania o ruchu poprzecznym, w lotnictwie obszar kontrolowany. Jeśli szukasz badania albo funkcji w samochodzie, to nie ten artykuł.

W jakich formach występuje wezwanie do działania

Najpopularniejszy jest przycisk, bo wygląda na klikalny i da się go zauważyć jednym rzutem oka. Obok niego pracują linki tekstowe wplecione w treść, banery, kafelki produktowe oraz formularze, w których samo pole i przycisk tworzą całość.

Formy różnią się siłą nacisku. Przycisk CTA jest mocny i pasuje do głównego celu strony. Link tekstowy jest delikatniejszy i lepiej działa przy propozycjach pobocznych, na przykład przejściu do bloga albo do studium przypadku. Mieszanie ich w jednym miejscu psuje hierarchię i użytkownik przestaje wiedzieć, co jest najważniejsze.

Dlaczego CTA w ogóle działa

Skuteczne CTA nie opiera się na magicznych słowach ani na kolorze, który hipnotyzuje. Chodzi o obniżenie kosztu decyzji. Odbiorca w każdej sekundzie waży, czy warto poświęcić uwagę i dane kontaktowe, a dobre wezwanie do działania zmniejsza niepewność w tym rachunku.

Redukcja niepewności

Najczęściej klikane wezwania do działania mają jedną wspólną cechę: użytkownik wie, co się stanie po kliknięciu. Zamów wycenę mówi więcej niż Wyślij, bo zapowiada wynik. Pobierz cennik w PDF mówi jeszcze więcej, bo określa i akcję, i format, i to, że nie będzie po drodze rejestracji.

Ten sam mechanizm działa w drugą stronę. Gdy komunikat jest ogólny, mózg dopisuje najgorszy scenariusz, czyli natrętny telefon od handlowca. Konkretny przycisk zdejmuje tę obawę bez jednego dodatkowego zdania.

Mikrokopia wokół przycisku

Samo CTA rzadko pracuje w pojedynkę. Zdanie nad nim albo pod nim potrafi zrobić więcej niż zmiana samego napisu. Informacja, że wycena jest bezpłatna i niezobowiązująca, że odpowiadamy w jeden dzień roboczy albo że nie wysyłamy newslettera, usuwa dokładnie te wątpliwości, które blokują kliknięcie.

Ta mikrokopia to zadanie dla osoby od treści, nie od grafiki. Warto ją pisać razem z resztą tekstów, o czym więcej w artykule o copywritingu na stronę.

Treść przycisku, czyli co na nim napisać

Najtańsza poprawka w całym procesie. Nie wymaga programisty, nie rusza układu strony, a zmienia sens komunikatu. Zasada jest jedna: przycisk ma opisywać korzyść albo akcję z perspektywy użytkownika, a nie czynność systemu.

Czasownik plus konkret

Skuteczne CTA zaczyna się od czasownika i kończy na czymś namacalnym. Pobierz poradnik, Umów rozmowę, Sprawdź dostępność terminów, Dodaj do koszyka. Odbiorca czyta trzy słowa i wie, co dostanie.

Warto dopasować czasownik do etapu ścieżki zakupowej. Ktoś, kto pierwszy raz trafił na stronę, nie kupi, ale sprawdzi. Ktoś, kto wraca trzeci raz i czytał cennik, jest gotowy zamówić. Ten sam przycisk w obu miejscach będzie nietrafiony w jednym z nich.

CTA w pierwszej osobie

Wariant, w którym przycisk mówi głosem użytkownika: Chcę wycenę zamiast Zamów wycenę, Pobieram poradnik zamiast Pobierz poradnik. Bywa skuteczny, bo przycisk brzmi jak własna decyzja, a nie polecenie.

Bywa też zgrzytem, jeśli reszta serwisu zwraca się do odbiorcy na Ty. Traktuj to jako hipotezę do sprawdzenia w konkretnym serwisie, a nie jako regułę. To dobry kandydat na pierwszy test A/B, bo zmiana jest tania.

Ile słów powinien mieć przycisk

Zwykle od dwóch do czterech. Jedno słowo jest za mało, bo Wyślij nic nie znaczy. Sześć słów to już zdanie, które nie mieści się na telefonie i psuje układ. Jeśli komunikat wymaga dłuższego wyjaśnienia, przenieś je do mikrokopii pod przyciskiem.

Sformułowania, które szkodzą

Wyślij, Zatwierdź, Kliknij tutaj, Więcej, Czytaj dalej. Wszystkie opisują mechanikę interfejsu, a nie korzyść, a niektóre są bezużyteczne dla osób korzystających z czytnika ekranu, które przeglądają stronę po samych etykietach.

Osobna kategoria to komunikaty wymuszające pośpiech tam, gdzie żadnego pośpiechu nie ma. Sztuczny licznik czasu przy formularzu kontaktowym nie zwiększa liczby zapytań, za to obniża zaufanie do firmy, którą użytkownik dopiero poznaje.

Wygląd przycisku

Druga warstwa. Treść CTA decyduje, czy odbiorca zechce kliknąć, a wygląd decyduje, czy w ogóle zauważy, że coś jest do kliknięcia.

Kontrast, nie kolor

Pytanie o najlepszy kolor przycisku call to action wraca co roku i nie ma dobrej odpowiedzi. Nie istnieje kolor, który sam z siebie podnosi konwersję, bo liczy się różnica względem otoczenia. Zielony przycisk na zielonej sekcji znika, ten sam zielony na jasnym tle przyciąga wzrok.

Są za to twarde progi. Standard WCAG wymaga kontrastu co najmniej 4,5 do 1 między tekstem a tłem przycisku oraz co najmniej 3 do 1 między samym przyciskiem a tłem strony. To nie jest wyłącznie kwestia estetyki, tylko wymóg dostępności cyfrowej, który obejmuje coraz szersze grono serwisów.

Rozmiar i odstępy

Na telefonie przycisk musi być na tyle duży, żeby trafił w niego kciuk w biegu. Przyjęte minimum to obszar dotykowy około 44 na 44 piksele, a wytyczne Google mówią o 48 pikselach, z odstępem rzędu ośmiu pikseli między sąsiednimi elementami klikalnymi.

Zbyt ciasno ustawione przyciski to jedna z najczęstszych przyczyn frustracji na urządzeniach mobilnych i częsty problem przy przenoszeniu projektu z makiety desktopowej. Warto to sprawdzać razem z resztą testów responsywności strony.

Stany przycisku

Przycisk call to action potrzebuje więcej niż jednego wyglądu. Stan spoczynku, najechania kursorem, zaznaczenia klawiaturą, wciśnięcia oraz ładowania, gdy akcja wymaga chwili. Bez stanu ładowania użytkownik klika drugi i trzeci raz, a do systemu trafiają zduplikowane zgłoszenia.

Po wykonaniu akcji musi pojawić się jasny komunikat zwrotny: potwierdzenie, błąd albo informacja, co dalej. Formularz, który po kliknięciu po prostu czyści pola, wygląda jak zepsuty.

Jeden główny przycisk na krok

Jeżeli w jednej sekcji stoją obok siebie trzy przyciski o identycznej wadze wizualnej, żaden nie jest najważniejszy. Ustal jeden główny cel dla danego ekranu i nadaj mu pełny, wypełniony styl, a pozostałym opcjom lżejszy, na przykład obrys albo zwykły link.

Gdzie umieścić CTA na stronie

Trzecia warstwa i miejsce, w którym najczęściej pojawia się nieporozumienie. Rozmieszczenie CTA to nie kwestia estetyki, tylko momentu decyzji. Nie chodzi o to, żeby przycisk był wysoko, tylko żeby był tam, gdzie użytkownik dojrzewa do decyzji.

Pierwszy ekran

Główne wezwanie do działania powinno być widoczne bez przewijania, bo część odbiorców wchodzi już zdecydowana i nie chce szukać. To nie znaczy, że ma być jedyne ani że pierwszy ekran musi krzyczeć ofertą, zanim wyjaśni, czym się zajmujesz.

Powtarzanie w dół strony

Na dłuższej podstronie usługowej albo na landing page warto powtórzyć CTA po każdej większej porcji argumentów: po opisie korzyści, po cenniku, po sekcji z realizacjami, po odpowiedziach na wątpliwości. Każde powtórzenie łapie inną grupę odbiorców, bo każdy przekonuje się w innym momencie.

Powtarzać nie znaczy kleić ten sam przycisk co dwa akapity. Rytm co pięć, sześć akapitów jest wyczuwalny, a treść przycisku warto różnicować, bo po cenniku pasuje inne zdanie niż po opisie procesu.

Telefon rządzi się inaczej

Na małym ekranie strona jest długa, a użytkownik przewija szybko. Sprawdza się przyklejony pasek na dole ekranu z jednym przyciskiem, byle nie zasłaniał treści i dało się go zamknąć. Warto też pamiętać, że dolne rogi są wygodniejsze dla kciuka niż górna część ekranu.

CTA w różnych miejscach

Ten sam mechanizm, inne oczekiwania odbiorcy. CTA w marketingu wygląda inaczej w każdym z tych kanałów. Kilka kontekstów, w których wezwanie do działania zachowuje się inaczej.

Strona usługowa

Celem jest zwykle kontakt, a nie sprzedaż od razu. Najlepiej działa oferta czegoś o niskim progu wejścia: bezpłatnej wyceny, krótkiej rozmowy, audytu. Przycisk powinien zapowiadać, ile to zajmie i czy do czegoś zobowiązuje, bo to są dwie największe obawy przy zostawianiu numeru telefonu. Więcej o samym pojęciu w tekście o tym, czym jest lead.

Sklep internetowy

Tu główny przycisk jest oczywisty i nazywa się Dodaj do koszyka. Walka toczy się o to, co dzieje się wokół niego: czy widać dostępność, koszt dostawy, czas wysyłki oraz czy po kliknięciu użytkownik dostaje czytelne potwierdzenie zamiast cichego przeładowania strony.

Drugi krytyczny moment to przycisk finalizujący zamówienie. Zbyt wiele opcji obok niego, niejasne metody płatności albo niespodzianka w postaci kosztu dostawy na ostatnim ekranie kosztują więcej niż jakikolwiek nietrafiony kolor.

E-mail i newsletter

W wiadomości przycisk musi być duży i mieć zapasową wersję tekstową, bo część programów pocztowych blokuje grafikę. Jedno wyraźne wezwanie na wiadomość działa lepiej niż pięć rozproszonych, a treść przycisku powinna zgadzać się z tematem wiadomości, żeby odbiorca nie czuł, że został przekierowany gdzie indziej.

Blog i media społecznościowe

W artykule agresywne przyciski sprzedażowe działają słabo, bo czytelnik przyszedł po wiedzę. Lepiej sprawdza się propozycja kolejnego kroku dopasowana do tematu tekstu oraz jedno wyraźne wezwanie na końcu. Ta sama zasada dotyczy postów w mediach społecznościowych, gdzie CTA konkuruje z całą resztą tablicy.

Dostępność przycisków

Część pomijana w większości poradników, a przesądzająca o tym, czy przycisk w ogóle da się kliknąć. Podstawa jest techniczna: przycisk powinien być zbudowany na znaczniku przeznaczonym do tego celu, a nie na kolorowym prostokącie z obsługą kliknięcia. Prawidłowy element sam obsługuje klawiaturę, ogłasza się czytnikom ekranu i zachowuje się przewidywalnie.

Do tego dochodzą trzy rzeczy. Widoczna obwódka przy przechodzeniu klawiszem tabulacji, bo bez niej nawigacja bez myszy staje się zgadywanką. Zrozumiała etykieta, ponieważ osoba korzystająca z czytnika często przegląda listę samych przycisków, a lista złożona z pozycji o nazwie Więcej jest bezużyteczna. Oraz komunikat, który nie opiera się wyłącznie na kolorze, bo czerwona ramka bez tekstu nic nie mówi osobie nierozróżniającej barw.

Te wymagania nie kłócą się z konwersją, tylko ją wspierają. Wyraźny, opisowy i przewidywalny przycisk jest wygodniejszy dla wszystkich, co dobrze widać w podejściu łączącym SEO z użytecznością.

Jak sprawdzić, czy CTA działa

Bez pomiaru każda dyskusja o przyciskach kończy się na tym, komu bardziej podoba się pomarańczowy. Trzy wskaźniki wystarczą na start.

Co mierzyć

Klikalność samego CTA, czyli udział osób, które go kliknęły, wśród tych, które go zobaczyły. Współczynnik konwersji całego kroku, bo kliknięcie bez wysłanego formularza nic nie daje. Oraz liczba porzuceń między kliknięciem a końcem procesu, która pokazuje, czy przycisk nie obiecał czegoś, czego strona docelowa nie dostarcza.

Zdarzenia kliknięcia da się skonfigurować w Google Analytics, a mapy kliknięć i nagrania sesji pokazują dodatkowo, czy użytkownicy klikają w elementy, które wcale nie są klikalne. To częsty sygnał, że gdzieś brakuje wezwania do działania.

Kiedy testować, a kiedy po prostu poprawić

Test A/B ma sens przy ruchu liczonym w tysiącach wizyt na wariant. Przy stu odsłonach miesięcznie wynik będzie przypadkowy i doprowadzi do złych wniosków. Wtedy lepiej wdrożyć oczywistą poprawę, na przykład zmienić Wyślij na Zamów bezpłatną wycenę, i obserwować liczbę zapytań w dłuższym okresie.

Warto też testować pojedyncze zmiany. Jednoczesna podmiana tekstu, koloru i miejsca przycisku daje wynik, z którego nie wynika nic poza tym, że coś zadziałało. Systematyczne podejście do tego opisałem w tekście o optymalizacji konwersji.

Najczęstsze błędy

Pierwszy: CTA, które nie wygląda na przycisk. Płaskie style i minimalizm doprowadziły do sytuacji, w której sam napis w kolorze marki bywa jedynym sygnałem klikalności. Użytkownik nie ma czasu na zgadywanie.

Drugi: zbyt wiele równorzędnych wezwań na jednym ekranie. Trzy przyciski o tej samej wadze to komunikat, że firma sama nie wie, czego chce od odbiorcy.

Trzeci: przycisk, który obiecuje coś innego, niż daje strona docelowa. Sprawdź cennik prowadzący do formularza kontaktowego jest odbierany jako wprowadzenie w błąd i kosztuje więcej niż brak przycisku.

Ostatni błąd to jednorazowość. Wezwania do działania ustawia się raz przy wdrożeniu i zapomina o nich na dwa lata, mimo że oferta i sposób mówienia o niej zmieniają się dużo szybciej. Przegląd przycisków raz na kwartał zajmuje godzinę.

Krótka lista kontrolna

Przed wdrożeniem sprawdź, czy treść CTA zaczyna się od czasownika i zapowiada konkretny efekt, czy mieści się w czterech słowach oraz czy jest inny niż pozostałe wezwania na stronie. Potem sprawdź warstwę wizualną: kontrast tekstu do tła przycisku, kontrast przycisku do sekcji, rozmiar obszaru dotykowego na telefonie i komplet stanów łącznie z ładowaniem.

Na koniec sprawdź otoczenie: czy w danej sekcji jest tylko jeden główny przycisk, czy pod nim stoi zdanie usuwające wątpliwość, czy strona docelowa dowozi to, co obiecuje etykieta, i czy kliknięcie jest zapisywane w analityce. Ta lista wystarcza, żeby wyłapać większość problemów bez żadnego narzędzia poza przeglądarką.

Najczęstsze pytania o CTA

Jaki kolor przycisku CTA jest najlepszy

Nie ma jednego najlepszego koloru. Liczy się kontrast wobec otoczenia i spójność z systemem kolorów w serwisie. Dobrą praktyką jest zarezerwowanie jednego wyrazistego koloru wyłącznie dla głównych przycisków, żeby użytkownik szybko nauczył się, że ten odcień oznacza akcję.

Ile wezwań do działania powinno być na stronie

Jeden główny cel na całą podstronę i jedno wyraźne wezwanie w każdej większej sekcji. Na krótkiej stronie wystarczą dwa, na rozbudowanej podstronie usługowej pięć czy sześć nie przeszkadza, o ile prowadzą do tego samego celu i nie stoją obok siebie.

Czym różni się CTR od współczynnika konwersji

CTR mówi, jaki procent osób kliknął w element. Współczynnik konwersji mówi, jaki procent dokończył całe działanie, na przykład wysłał formularz albo złożył zamówienie. Wysoki CTR przy niskiej konwersji zwykle znaczy, że przycisk obiecuje więcej, niż dostarcza strona docelowa.

Co napisać na przycisku formularza kontaktowego

Cokolwiek poza Wyślij. Zamów bezpłatną wycenę, Umów rozmowę, Poproś o kontakt. Dobrze działa dopisanie pod przyciskiem informacji o czasie odpowiedzi oraz o tym, że zapytanie do niczego nie zobowiązuje.

Czy przycisk może być grafiką

Może, ale rzadko warto. Grafika gorzej skaluje się na różnych ekranach, wolniej się ładuje i wymaga poprawnego opisu alternatywnego, żeby była dostępna. Przycisk zbudowany ze zwykłego tekstu i tła jest lżejszy oraz łatwiejszy w utrzymaniu.

Czy CTA w pierwszej osobie faktycznie działa lepiej

Bywa skuteczniejsze, ale nie zawsze i nie w każdej branży. Traktuj to jako hipotezę wartą sprawdzenia, a nie regułę. Jeśli nie masz ruchu na wiarygodny test, wybierz wariant spójny z tonem reszty serwisu.

Czy warto stosować liczniki i komunikaty o pilności

Tylko wtedy, gdy ograniczenie jest prawdziwe, na przykład promocja faktycznie kończy się w piątek albo zostały ostatnie sztuki. Sztuczna presja bywa krótkoterminowo skuteczna, a długoterminowo niszczy zaufanie i w części przypadków wchodzi w kolizję z przepisami o nieuczciwych praktykach rynkowych.

Czy przyciski mają wpływ na SEO

Pośrednio tak. Poprawnie zbudowane przyciski i czytelna hierarchia poprawiają zachowanie użytkowników na stronie, a niedostępne albo zbyt ciasno ustawione elementy klikalne bywają zgłaszane w raportach użyteczności na urządzeniach mobilnych. Sama etykieta przycisku nie jest jednak sygnałem rankingowym w takim sensie jak nagłówki czy treść.