Co to jest przycisk CTA i jak go dobrze wykonać

Przyciski CTA (ang. Call-To-Action) to niepozorne elementy stron internetowych. Każdego dnia, surfując po Internecie klikamy w przynajmniej kilka z nich. Większość użytkowników nie zdaje sobie sprawy z ich znaczenia, a pełnią one bardzo ważną rolę. To one zamieniają ruch na stronie w realne zyski – są istotnym elementem strategii marketingowej. Ich celem jest nakłonienie użytkownika do konkretnej reakcji. Jeżeli przyciski CTA są umiejętnie zaprojektowane, zwiększają ruch na stronie, a razem z nim rośnie sprzedaż i zyski przedsiębiorstwa. Jak zatem prawidłowo zaplanować rozmieszczenie przycisków CTA na swojej stronie internetowej i jaki nadać im wygląd, żeby spełniały swoje zadanie? Podpowiadamy jak to zrobić.   

Jak dobrze zaprojektować przyciski CTA?

Przyciski CTA umieszcza się na stronie internetowej, kiedy chcemy umożliwić użytkownikowi podjęcie jakiegoś działania, np. zamówienie produktu czy zapoznanie się z ofertą. Warto go umieścić zawsze, kiedy pojawia się potrzeba wskazania użytkownikom, co powinni zrobić. Od widoczności tych przycisków i umieszczonego na nich tekstu zależy, czy ktoś zdecyduje się na podjęcie danego działania czy też nie.

Aby CTA było chętnie klikane (czyli innymi słowy, aby zwiększyć konwersję), należy zadbać o właściwe zaprojektowanie przycisków CTA, tak, aby przycisk zwracał na siebie uwagę natychmiast po wejściu na stronę lub po otworzeniu wiadomości. Poniżej krótko omawiamy kwestie, na które należy zwrócić uwagę.

Wielkość guzika CTA

Przycisk CTA powinien wyróżniać się na tle strony, a więc dobrze jeśli jest większy od reszty tekstu. Należy jednak pamiętać, żeby jego wielkość nie była przesadna, gdyż wcale nie będzie to działało korzystnie na jego widoczność. Należy również mieć na uwadze, że przycisk powinien być równie widoczny na ekranach różnej wielkości.

Kolor buttona CTA

Kolorystyka przycisku CTA służy oczywiście zwiększeniu jego zauważalności. Kolor powinien być tak dobrany, aby kontrastował z kolorem tła strony i pozostałymi jej elementami, łatwo „rzucając się w oczy”.

Kształt guzika call to action

Zazwyczaj przyciski CTA mają prostokątny kształt, ale nic nie stoi na przeszkodzie, aby kształt ten był inny. Może nawiązywać do innych elementów graficznych umieszczonych na podstronie lub np. do logo firmy. Jedyne ograniczenie dotyczy czytelności umieszczonego na nim tekstu – powinien on być na przycisku korzystnie, estetycznie rozlokowany i swobodnie się na nim mieścić. Czasami CTA może stanowić tylko jedno podlinkowane słowo, jeżeli jest dobrze widoczne, podkreślone i wiadomo, co oznacza.

Lokalizacja guzika wezwania do akcji

Umiejscowienie przycisku CTA to sprawa kluczowa. Przyjmuje się zasadę, że powinien on znajdować się w zasięgu wzroku, czyli nie powodować konieczności przewijania strony. Należy więc umieścić go powyżej tzw. linii zgięcia, czyli najdalej w dolnej części ekranu. Odstępstwem od tej reguły są sklepy internetowe, gdzie najbardziej popularny przycisk „Dodaj do koszyka” zazwyczaj znajduje się w dolnej części strony, pod opisem produktu i jego ceną.

Dość często spotykaną praktyką jest także kilkukrotne umieszczanie przycisku CTA na danej podstronie. Najczęściej dotyczy to sklepów internetowych i umożliwia klientowi złożenie zamówienia z dowolnej części strony. Dzięki temu użytkownik po zapoznaniu się z całą treścią umieszczoną na podstronie nie musi wracać na górę i ponownie szukać przycisku, gdyż będzie miał jego duplikat pod ręką.

‍Warto pamiętać także o zachowaniu odpowiedniego odstępu pomiędzy tekstem, zdjęciem bądź innymi elementami na stronie, a przyciskiem CTA. Pozostawienie przestrzeni większej niż interlinia przed i po przycisku CTA zdecydowanie zwiększa jego widoczność. 

Co napisać na przycisku Call to Action

Powinien być możliwie jak najkrótszy, zawartych w maksymalnie w trzech słowach, najczęściej w trybie rozkazującym (np. „Dodaj do koszyka”, „Kup teraz”, „Sprawdź promocje”). Znaczenie słów musi być powszechnie znane i jednoznaczne, czyli niedające pola do interpretacji. Użytkownik nie powinien mieć wątpliwości, czy dany przycisk przekieruje go do miejsca w którym chce się znaleźć.

‍Tekst przycisku powinien nawiązywać do tego, co stanie się bezpośrednio po kliknięciu na niego. Jeśli mamy coś do zaoferowania użytkownikowi za darmo, warto wówczas zaznaczyć to w komunikacie, np. „Pobierz darmowy e-book”, „Odbierz bilety” zamiast zwykłego „Pobierz” czy „Zamów bilety”. Dobrze działa także zamieszczenie tekstu w pierwszej osobie, np. "Kupuję" zamiast "Kupuj".

Czasami CTA posiada tekst, który zachęca użytkownika do dołączenia do jakiejś społeczności, żeby razem zrobić coś wyjątkowego i pozytywnego. Taki entuzjastyczny wydźwięk będzie miał np. CTA z napisem "Dołącz do nas!" czy "Zróbmy to razem!".

Na przyciskach CTA, obok komunikatów słownych, popularne jest także umieszczanie ikon czy obrazków (np. rysunek płyty CD obok napisu „Pobierz”). Być może część osób uważa te elementy za zbędne, jednakże jest to dobry sposób na umożliwienie użytkownikowi jeszcze szybszego zidentyfikowania funkcjonalności przycisku, pod warunkiem, że umieszczony obraz budzi jednoznaczne skojarzenia.  Czasem umieszczony obrazek jest na tyle czytelny, że nie potrzeba na przycisku w ogóle umieszczać żadnego tekstu.

Wszystko zależy od tego, jaki sobie wymyślisz design. Zaprojektuj CTA w taki sposób, aby były widoczne, czytelne i harmonizowały z resztą elementów znajdujących się na Twojej stronie internetowej.

Testowanie przycisków CTA

Nawet jeśli wydaje Ci się, że stworzony przez Ciebie przycisk CTA jest idealny, warto przeprowadzać testy jego skuteczności. Mogą to być np. tzw. testy A/B opierające się na porównywaniu dwóch elementów. Często drobne zmiany odnoszące się np. do koloru czy rozmiaru przycisku CTA mają duży wpływ na konwersję.

Praktyka pokazuje, że niekiedy zamiana słów znajdujących się na przycisku potrafi zdziałać cuda. Przykładem jest strona internetowa, umieszczająca informacje o wynajmie biur w nowo pobudowanym biurowcu, która początkowo udostępniała na stronie przyciski „Zamów informacje”. Po zastąpieniu słowa „zamów” słowem „uzyskaj”, liczba reakcji użytkowników zwiększyła się zauważalnie.  

Pamiętaj, że źle wyeksponowany lub zawierający niewłaściwy komunikat przycisk CTA to przycisk bezużyteczny. Pomysłów na skuteczne przyciski CTA dostępnych jest mnóstwo, a inspiracji do projektu zawsze można poszukać także na już istniejących i dobrze funkcjonujących stronach internetowych.