Jak tworzyć skuteczne przyciski CTA w sklepie internetowym?

To oczywiste, że sklep internetowy musi generować jak największe przychody. Problem w tym, że wiele sklepów nie jest jakkolwiek zoptymalizowanych, aby pomóc użytkownikowi w tej głównej czynności do wykonania.

Dzięki optymalizacji strony możemy nakierować użytkowników na właściwą ścieżkę zakupową, przyczyniając się tym samym do większej sprzedaży. Pomocne w tym celu są przyciski CTA w sklepie internetowym, które nakłonią i wskażą, jak poruszać się po witrynie, aby dokonać zakupu.

O samych przyciskach CTA pisaliśmy już na naszym blogu, gdzie omówiliśmy kilka ogólnych spraw. Tym razem przyszła pora, aby przybliżyć kwestię przycisków wzywających do działania, ale typowo pod kątem sklepów internetowych.

Spójrzmy zatem na trzy obszary, w których możemy poruszać się, aby usprawnić przyciski i tym samym kierować odbiorców na właściwe podstrony, zbliżające do upragnionego dokonania zakupu.

Zaczynamy!

Przyciski CTA w sklepie internetowym zwiększające sprzedaż – 3 kluczowe sprawy

1. Landing lub strona główna – przekierowanie do sklepu.

Dobrze wykonana strona główna sklepu lub landing page produktu powinny przede wszystkim szybko wyjaśnić, czego strona dotyczy oraz naprowadzić użytkownika na początek drogi ścieżki zakupowej. Te dwa główne zadania to zarazem minimum i maksimum, jakie tego typu strona musi wykonać.

Oczywiście w większości przypadków początek ścieżki zakupowej to strona produktu lub miejsce, gdzie można zacząć przeglądać i wyszukiwać oferowane produkty. Zatem pierwszym celem jest stosowanie przycisków, które przekierują użytkownika właśnie do takiego miejsca.

Prosto do celu. Jednego celu.

Warto ponadto unikać sytuacji, w której na stronie głównej lub landingu przeplatane są przyciski kierujące do różnych części serwisu, np. do działu „O nas” czy opinii.

W pierwszej chwili wydaje się to poprawne działanie – niech użytkownik wybierze, czy chce najpierw przeczytać, kim jesteśmy, poznać o nas opinie, czy też od razu zacznie przeglądanie asortymentu.

To niestety błąd. Dając wybór, wprowadzamy niepotrzebne komplikacje i rozmywamy główny cel na kilka. Spójrz na to w ten sposób. Zamiast przekierować 100 użytkowników do produktu (gdzie można dokonać zakupu), przekierowujemy ich dodatkowo do strony „O nas” oraz strony z opiniami. Co otrzymujemy w zamian? Tylko około 33 użytkowników na stronie produktu – reszta już wypadła ze ścieżki zakupowej, wykonując inne cele. Zapamiętaj więc, że jedna strona = jeden cel.

Wyróżnienie spośród reszty sekcji.

Przyciski CTA w sklepie internetowym powinny przede wszystkim rzucać się w oczy. Nie mogą zlewać się z treścią lub być jego częścią. Efektywny przycisk jest kontrastowy i absorbujący uwagę. Ponadto warto w obrębie jednej strony stosować ten sam krój oraz styl przycisku. Dzięki temu użytkownicy szybko go rozpoznają.

Powtarzalność przycisku.

Kolejną uwagą jest również częstotliwość powtarzania przycisku. Odczucia znowu sugerują nam „zachłanność”, w której często powtarzamy sekcję z przyciskiem. W teorii brzmi to dobrze, lecz praktyka szybko to weryfikuje. Z każdym kolejnym przyciskiem wzrasta złożoność strony głównej lub landingu. W ten sposób znowu doprowadzamy do sytuacji, w której użytkownik widząc dwa przyciski, zastanawia się – który kliknąć? Widząc jeden, klika się jeden – bez głębszego zastanawiania się nad wyborem.

Konkretne frazy, zamiast ogólnie przyjętych standardów.

Sama treść przycisku ma również kolosalne znaczenie pod kątem liczby kliknięć. Stosowanie ogólnych i często spotykanych fraz jest złym wyborem. Frazy takie jak zobacz więcej, czytaj więcej czy lakoniczne sklep, nie mówią użytkownikowi za wiele. Przechodzi się obok nich z obojętnością. Zdecydowanie lepiej brzmi kup teraz, zamów już dziś, wyszukaj produkt, zobacz produkty itd. Tego typu frazy mówią znacznie więcej o tym, co kryje się pod danym przyciskiem, niż ogólne zobacz więcej.

Sekcja z filtracją produktów.

W przypadku dużego asortymentu podzielonego na wiele kategorii świetnym rozwiązaniem są sekcje CTA powiązane z filtrowaniem produktów. Stosuje się je, aby użytkownik nie przechodził do głównej strony sklepu z szeroką ofertą produktów, tylko aby już „na wejściu” ograniczyć mu tylko te produkty, którymi jest zainteresowany.

Dobrym przykładem zobrazowania tej sytuacji jest supermarket. Wchodząc do niego, jesteśmy – bądź co bądź – w sklepie. Cel jest zrealizowany, ponieważ możemy zaczynać zakupy i przeglądać produkty. Problem w tym, że chcemy kupić tylko mleko, a nie błądzić po innych częściach sklepu. Lepszym rozwiązaniem byłoby więc na wejściu do sklepu ustawić informację w stylu „nabiał”, aby użytkownik tam właśnie się udał.

Tak samo jest z filtracją produktów służącą jako swego rodzaju przyciski CTA w sklepie internetowym. Użytkownik, wchodząc na ścieżkę zakupową, ma przed sobą zawężoną, tylko go interesującą grupę produktów.

Przykład wykorzystania filtracji na stronie głównej jako przekierowanie do określonej i zawężonej części sklepu.

2. Strona produktu – bezproblemowe dodanie do koszyka.

Strona produktu powinna zawierać informację o samym produkcie oraz umożliwić zakup. Tylko tyle.

Sam opis produktu powinien zawierać ogólne informacje o produkcie, cechy charakterystyczne oraz korzyści z jego zakupu. W tym widoku powinny znaleźć się jeszcze zdjęcia oraz ewentualne dowody społeczne.

Z kolei przyciski CTA w sklepie internetowym na stronie produktu związane powinny być z jego dodaniem do koszyka lub podjęcia pobocznej akcji, np. dodaniem do listy życzeń lub możliwości kontaktu. W przypadku stosowania kilku przycisków warto zadbać o to, aby rozgraniczyć stylem poszczególne przyciski. Sam przycisk dodania do koszyka jest najważniejszy i to on powinien być najszybciej zauważalny w tym widoku. Rozgraniczyć to można samą wielkością czy po prostu wypełnieniem tła przycisku – alternatywne przyciski mogą być przezroczyste, posiadając tylko obramowanie.

Warto również rozważyć opcję tzw. pływającego przycisku dodania do koszyka, który wraz z przewijaniem strony przylega do wybranej części ekranu. Takie rozwiązanie sprawdzi się idealnie w przypadku dłuższych stron, mających długie opisy lub tam, gdzie zamieszczono dostatecznie dużo informacji w tym widoku. W przeciwnym wypadku taki zabieg jest zbędny.

Jeszcze jedna kwestia dotyczy tego, aby tak zaprojektować widok produktu, aby przycisk dodania do koszyka był zawsze widoczny powyżej tzw. punktu zagięcia, czyli użytkownikom pokaże się przycisk bez konieczności przewijania.

Dostatecznie wyeksponowany przycisk dodania do koszyka. Ważne jest również to, że przycisk „nie szarzeje” w przypadku braku wybrania rozmiaru. W przeciwnym wypadku przycisk nie tylko zmienia wygląd, przez co jest mniej widoczny, ale również może wprowadzać błąd, ponieważ jest w tym stanie nieaktywny.

3. Strona zamówienia – ułatw ostatni krok.

Na końcowej ścieżce zakupowej warto zadbać o detale, które nie rozproszą zdecydowanego już do zakupu użytkownika. Przyciski CTA w sklepie internetowym na stronie zamówienia pozwalają dokończyć zamówienie.

Nie powinny się tam znaleźć żadne przyciski odnoszące się do innych akcji, aniżeli procesu składania zamówienia.

Jeśli proces zamówienia składa się z kilku kroków, to warto np. unikać ogólnych zwrotów na przyciskach typu następny, poprzedni lub kontynuuj. Podobnie jak wyżej, są one za ogólne i mało konkretne.

Najlepszym rozwiązaniem jest pisanie dosłownie, co w następnym kroku jest do wykonania. Jest to detal, ale odczucia użytkownika z samym procesem są znacznie usprawnione. Lepiej brzmi dokonaj płatności, potwierdź zamówienie czy wybierz sposób wysyłki, niż ogólne kontynuuj. Ponadto warto zachować ten sam styl oraz rozmiar przycisku na każdym etapie.

Przyciski CTA w sklepie internetowym – podsumowanie informacji

Przyciski to detale, ale to właśnie one są główną kwestią optymalizacyjną w procesie zwiększenia konwersji sklepu lub w celu poprawy odczuć użytkownika na stronie względem aspektów UX.

Stąd też przyciski CTA w sklepie internetowym to doskonała szansa, aby te aspekty poprawić, dbając przede wszystkim o proste, nieangażujące mocno czasowo elementy, a jednocześnie skuteczne.

Wystarczy poprawa przycisków, ich wprowadzenie w określone miejsca, zmiana samych tekstów oraz dbanie o ich widoczność, aby usprawnić odczucia na stronie, które zwiększą sprzedaż.