Skuteczny przycisk CTA – jak go stworzyć?

cta kup terazPrzyciski CALL-TO-ACTION (CTA) dokonują na naszej stronie internetowej tego co nazywamy konwersją. Czyli inaczej mówiąc – zamieniają ruch na stronie internetowej w zyski naszej firmy.

W przypadku tych właśnie przycisków bardzo duże znaczenie dla ich prawidłowego działania – czyli generowania przychodów – mają m.in. takie czynniki jak: tekst na przycisku, kształt przycisku, kolor oraz jego rozmiar.

Jak prawidłowo stworzyć przycisk CTA?

Przycisk CTA, czyli wzywający do działania stanowi na naszej stronie punkt w którym internauta podejmuje decyzję między konwersją a odrzuceniem. Najczęściej to działanie, czyli konwersja łączy się z kliknięciem w link do pobrania, rejestracją lub zakupem produktu. Jak pisałem powyżej, bardzo ważnymi czynnikami jest tekst, kształt, kolorystyka i rozmiar przycisku CTA. Być może nawet nie zdajesz sobie z tego sprawy, ale czasem drobna zmiana może mieć wpływ na zwiększenie lub drastyczny spadek konwersji. Nawet sama treść zamieszczona na przycisku może mieć ogromne znaczenie dla podjętego przez internautę działania.

1. Rozmiar przycisku CTA

Jeśli chodzi o wielkość przycisku Call-to-action, to niestety nie zawsze obowiązuje tu zasada: im większy tym lepszy. Gdyby tak było, to przycisk CTA byłbym tym skuteczniejszy im więcej miejsca by zajmował na stronie.

Przycisk CTA powinien zachowywać pod kątem wielkości odpowiednie proporcje. To znaczy, powinien być na tyle duży, aby się wyróżniać na stronie, ale należy również pamiętać o tym, aby był on dopasowany do rozmiaru pozostałych elementów na naszej stronie i nie odbiegał przesadnie od nich wielkością. Powinien się również komponować z pozostałymi elementami strony. Powinien być widoczny i znajdować się w takim miejscu, które internauta zauważy bez problemu.

przycisk CTA1

Na rysunku powyżej widzimy przycisk „zamów rozmowę”, który jest przyciskiem CTA. Wielkością nie odbiega on w rażący sposób od innych elementów strony. Wręcz przeciwnie – nawet się z nimi komponuje i zwraca na siebie uwagę. Nie sposób nie zauważyć tego przycisku.

Zapamiętaj jedną rzecz: Niewidoczny przycisk CTA to bezużyteczny przycisk CTA

2. Miejsce przycisku CTA na stronie

 Przycisk CTA powinien być widoczny bez konieczności przewijania strony. Czyli powyżej tzw. fałdu storny (ang. above the fold), czyli miejsca gdzie znajduje się dolna część ekranu monitora. W innym przypadku może nie zostać zauważony.

Pamiętaj, że internauci są leniwi i nie zawsze będą chcieli przewijać Twoją stronę, aby dotrzeć do miejsca, gdzie mogą np. zamówić daną usługę. Reguła ta działa nieco inaczej w sklepach internetowych, gdzie przycisk „dodaj do koszyka” znajduje się czasem poniżej linii zgięcia strony, z racji tego, że jest to sklep internetowy i rządzi się on nieco innymi prawami niż strony typu „landing page”.

przycisk cta2

Jak widać na zdjęciu powyżej, na stronie użytkowników wita przycisk „rozpocznij grę”, który zawsze jest widoczny bez konieczności przewijania strony. Ma to duże znaczenie, że strony nie trzeba przewijać, ponieważ internauta od razu widzi co ma zrobić i zachęca do do tego treść przycisku.

Zdarza się, że przycisk CTA dublowany jest poniżej linii zgięcia w innych partiach strony, np. przy objaśnieniach. Dlaczego? Ponieważ użytkownik może np. chcieć najpierw zapoznać się z pełną ofertą firmy a dopiero później dokonać zakupu (konwersji). Jeśli przycisk powtórzymy kilka razy w treści strony, to użytkownik nie będzie musiał wracać na samą górę, aby zrealizować zamówienie, tylko będzie mógł je złożyć z dowolnej części strony. Na pewno odpowiednie umiejscowienie przycisku i jego powielanie poniżej linii zgięcia ma pozytywny wpływ na konwersje.

Zapamiętaj: Pierwszy przycisk CTA powinien być powyżej linii zgięcia.

3. Kolorystyka przycisku CTA

Przycisk wezwania do działania powinien być w kolorze na tyle kontrastującym z kolorem tła, aby od razu „rzucał się w oczy”. Gwarantuje to, że użytkownicy go zauważą – co zarazem zwiększa prawdopodobieństwo podjęcia przez nich oczekiwanej przez nas akcji.

Być może Cię zmartwię, ale powiem, że nie ma jednej odpowiedzi mówiącej  tym jakiego koloru powinien być przycisk CTA. Jedno jest pewne – powinien być on wyróżniający w stosunku do tła strony, czyli inaczej mówiąc kontrastujący.

przycisk cta 3

Zapamiętaj, że kolor jest jedną z najpotężniejszych metod projektowania przycisku CTA. Poza tym kolor może oddziaływać na emocje odbiorców w kontekście ich procesu zakupowego. Co oznaczają poszczególne kolory w reklamie?

NIEBIESKI: czystość, sterylność, świeżość, zimno, zaufanie, wolność, harmonia, strach, chłód,

CZERWONY: radość, dobroć, ciepło, pożądanie, odwaga, niebezpieczeństwo, drapieżność,

FIOLETOWY: mistycyzm, godność, smutek,

ZIELONY: nadzieja, bezpieczeństwo, zdrowie, świeżość, orzeźwienie, czystość, wilgotność, wina, nuda,

ŻÓŁTY: ciepło, serdeczność, ostrożność, rozsądek, radość, czułość, impulsywność, optymizm, zdrowie,

POMARAŃCZOWY: witalność, obfitość, pełnia życia, sytość,

PURPUROWY: głębia, cień, mrok, godność, mistycyzm, głęboki smutek,

BIAŁY: duma, zimno, czystość, uczciwość, szczęście, aktywność, niewinność, młodzieńczość, pustka

CZARNY: tajemniczość, żałoba, pustka, depresja.

Zapamiętaj: Kolor przycisku CTA powinien kontrastować z pozostałymi elementami oraz tłem strony

4. Odstęp od przycisku CTA

Odstęp pomiędzy tekstem, zdjęciem i innymi elementami a przyciskiem CTA jest bardzo ważny. Właśnie odstęp lepiej eksponuje nasz przycisk.

mailing_wynikimaturpl1

 

Chociaż przycisk „Sprawdź szczegóły” jest widoczny, to jednak mam wrażenie, że gdyby odstęp na górze i na dole był taki sam – to przycisk ten wyglądałby zdecydowanie lepiej. Byłby bardziej wyeksponowany. Teraz w pierwszej chwili rzuca nam się w oczy komunikat, że 80% maturzystów oblało maturę, a przycisk sprawdź szczegóły widzimy zdecydowanie później. Podejrzewam, że osoby, których temat nie interesuje nawet nie zobaczą przycisku CTA, tylko wystarczy im informacja o ilości maturzystów którzy oblali maturę…

Zapamiętaj: Źle wyeksponowany przycisk CTA – to bezużyteczny przycisk

5. Tekst na przycisku – koniecznie zachęcający

Tekst, który znajdzie się na przycisku powinien zachęcać do kliknięcia. Najważniejsze, aby Twój Klient uzyskał odpowiedź na pytanie „Dlaczego ma kliknąć w ten właśnie przycisk?”. Warto używać tutaj prostego języka, który zarazem będzie zachęcać do wykonania określonej akcji i odpowiadać na pytanie postawione powyżej.

Aby wyjaśnić Ci na czym polega istota właściwego tekstu na przycisku posłużę się przykładem dwóch tekstów, które generalnie prowadzą do wykonania tego samego działania. Chodzi o przyciski „Kup teraz” oraz „Dodaj do koszyka”. Przycisk „Kup teraz” jasno określa co się za chwilę stanie. Za chwilę kupię ten produkt. Natomiast przycisk „Dodaj do koszyka” informuje mnie, że dodam ten produkt do koszyka i będę musiał zrobić coś jeszcze, aby go kupić.

przycisk cta 5

 

Na przycisku powyżej zachęcamy klienta mówiąc ile może otrzymać rabatu i zarazem namawiamy go do kliknięcia, ponieważ może w ten sposób sprawdzić wszystkie dostępne promocje.

Zapamiętaj: Tekst na przycisku CTA powinien zachęcać Twojego Klienta do wykonania określonej akcji.

6. Właściwy komunikat, czyli: zamów czy odbierz?

Pamiętaj, że treść na przycisku ma bardzo duże znaczenie. Na przykład załóżmy, że chcesz przekazać swoim Klientom darmowe bilety na jakieś wydarzenie. Tworzysz krótki opis oraz dodajesz do niego przycisk CTA zawierający komunikat „Zamów bilety„. Mimo, że bilety są darmowe i Ty oczekujesz, że Twój Klient zamówi je a następnie otrzyma od Ciebie za darmo, to może się okazać, że Klienci odbiorą to nieco inaczej. Jak? Otóż słowo zamów jednoznacznie kojarzy się z tym że mam coś najpierw zamówić a następnie zapewne będę musiał za to zapłacić.

Jeśli zamieścisz w tym przypadku na przycisku komunikat „Odbierz bilety„, to na pewno zdecydowanie więcej osób kliknie go, ponieważ tutaj widać wyraźnie z treści komunikatu, że mam coś odebrać. Nie muszę nic kupować. Wystarczy że kliknę i odbiorę. Niby niewielka różnica dla autora – ale dla odbiorcy komunikatu może być ogromna.

Podobnie jest z wieloma innymi przyciskami CTA i komunikatami jakie na nich zamieszczamy. Np. zamiast przycisku „Pobierz” – zdecydowanie lepiej zamieścić treść „Odbierz darmowy e-book”.

Zapamiętaj: Komunikat na przycisku CTA powinien być na tyle jasny, aby bez konieczności dokładnego czytania było wiadomo o co chodzi.

Ciągle testuj…

Nie można przestać testować przycisków CTA. Nawet jeśli wydaje Ci się, że wszystko jest w 100% idealnie przygotowane i nigdzie nie ma niedopatrzeń – testuj. Co testować? Możesz np. wykonywać tzw. testy A/B, które pozwalają testować i porównywać dwa elementy na stronie. Nawet niewielkie zmiany, np. koloru lub wielkości przycisku CTA mogą mieć znaczący wpływ na konwersję.

Odwołam się tutaj właśnie do przykładu ze słowem „Zamów”. Rzecz się działa na stronie, gdzie autor chciał przekazać informacje o wynajmie biur w nowym biurowcu. Początkowo zamieścił jeden przycisk „Zamów informacje”, jednak reakcje na ten właśnie komunikat były praktycznie zerowe. Niewiele osób klikało w stosunku do osób, które odwiedzały stronę. Zapadła więc decyzja aby wykonać testy A/B i zmienić treść komunikatu na „Uzyskaj informacje”. I co się stało? Zdecydowanie więcej osób klikało w ten drugi przycisk.

Testuj wszystko: komunikaty, kolorystykę, wielkości. Testuj miejsce w którym znajduje się przycisk CTA.

Testuj i próbuj. Zapytasz po co? Zakończę ten wpis cytatem „Jeśli nie spróbujesz, nigdy nie dowiesz się czy było warto„.

I właśnie dlatego warto ciągle sprawdzać i testować przyciski CTA. Jeśli nie spróbujesz to nie będziesz wiedzieć czy warto było. A może się okazać, że zyskasz dużo więcej zamówień.

Autorem publikacji jest:
Mirosław Marzec
Mirosław Marzec Certyfikowany Trener Marketingu Internetowego. Od ponad 15 lat jest związany z branżą internetową. Na co dzień zajmuje się pozycjonowaniem stron internetowych, kampaniami w Google AdWords oraz analityką internetową. Na zlecenie swoich klientów wykonuje również tzw. analizę konkurencji w zakresie działań w internecie. . . Jest certyfikowanym trenerem z zakresu marketingu internetowego. Przeprowadził ponad 3000 godzin szkoleń z zakresu marketingu internetowego oraz ponad 1000 godzin doradztwa dla firm z różnych branż. Jest przede wszystkim praktykiem w tym co robi. Jeśli chcesz – pomoże Ci zmienić Twój sklep internetowy lub stronę w skuteczne narzędzie służące do pozyskiwania Klientów przez internet. Więcej na temat autora przeczytasz tutaj
  • Grzegorz Wieliczko

    Nie dziala dodawanie adresu email do newslettera co uniemożliwia przejscie do dalszej czesci. Korzystam z tel do przegladania