15 przykładowych przycisków CTA, które zwiększają konwersję w sklepach internetowych
Jakiś czas temu przedstawiliśmy Ci znaczenie przycisków wzywających do działania (z ang. call to action – CTA), podkreślając znaczenie ich położenia, wielkości, kształtu, koloru i tekstu. Co jest skuteczne a co nie jest? Dzisiaj przedstawimy 15 przykładowych przycisków CTA zwiększających konwersję w sklepach internetowych. W oparciu o przykłady ze sklepów PrestaShop, pokażemy Ci przyciski CTA, które współdziałają z okienkami pop-up, społecznościowym zaangażowaniem, cechami strony głównej i, co najistotniejsze, układem strony produktów. Do dzieła!
Przyciski CTA w okienkach pop-up
Okienka pop-up w sklepach internetowych mogą okazać się bardzo skuteczne w przyciąganiu uwagi klienta na konkretny CTA. Zawierają ramkę lub okienko w górnej części strony, aby zwiększyć konwersję. Zobacz, jak te sklepy wykorzystują okienka pop-up:
What Goes Around NYC zachęca swoich klientów do rejestracji jako członków przy użyciu tego odpowiednio zsynchronizowanego pop-upa. Pop up nie pojawia się natychmiast, lecz dopiero po tym, jak klient okaże zainteresowanie produktem, klikając na niego.
Tea Guys ma inne podejście do okienek pop-in. To okienko pop-up otwiera się dopiero po kliknięciu przez klienta na zakładkę opinii. Następnie, Tea Guys skutecznie zachęca klientów do pozostawienia opinii, wyraźnie uwidaczniając przycisk CTA „Napisz opinię” nad linią zgięcia.
CTA wykorzystujące zaufanie społeczne
Aby uczynić z klientów fanów w mediach społecznościowych, niektóre sklepy PrestaShop wykorzystują zaufanie społeczne. Zaufanie społeczne jest oparte na założeniu, że jeżeli wiele osób lubi daną firmę musi być ona godna zaufania. Zauważ, w jaki sposób poniższe sklepy przyciągają nowych zwolenników za pomocą istniejącej bazy fanów.
Headict wyświetla przycisk mediów społecznościowych wraz z licznikiem aktualnej liczby fanów. 8000 fanów na ich trzech platformach społecznościowych podnosi zaufanie do marki, przyciągając nowych klientów.
29NUnder nie tylko buduje zaufanie dzięki ponad 112 000 fanom na Facebooku, lecz maksymalnie ułatwia przyjęcie nowych fanów. Wystarczy, że klienci klikną na przycisk „lubię to”. Bez nowego okienka, ani rejestracji.
Wstawienie przycisków CTA na stronie głównej
Strona główna sklepu internetowego powinna przyciągać uwagę klientów i zachęcić ich do dalszych kroków. Poniższe sklepy zachęcają klientów do odkrycia ich produktów za pomocą doskonałych obrazów i minimum tekstu.
Adelineaffre prezentuje swoje produkty w akcji, czyli w tym przypadku w domu. Odkrycie, w jaki sposób produkty mogą stać się częścią otoczenia klienta zachęca go do ich poznania.
Linden Leaves wykorzystuje stronę główną do prezentacji swojej gamy naturalnych produktów do pielęgnacji skóry. Odciąga uwagę klienta od modela i kieruje ją na produkty, umieszczając je bezpośrednio w polu widzenia.
Skuteczne przyciski CTA na stronach produktów
Mimo iż przyciski CTA odgrywają znaczącą rolę na całej stronie, najważniejsze CTA znajdują się na stronach produktów. To wezwanie do działania jest bardzo ważne, gdyż jest to pierwszy krok podjęty przez klienta w celu dokonania zakupu. Dlatego też zaprezentujemy teraz doskonałe przyciski CTA na stronach produktów i przeanalizujemy ich tekst, styl, położenie i cały układ strony.
Doskonały tekst
Strona produktów BetterEverAfter’s jest skierowana do każdej panny młodej, która właśnie tworzy swoją listę weselną. Aby podkreślić to, wykorzystano przycisk „Dodaj do listy weselnej” zamiast „Dodaj do listy życzeń”, idealnie dostosowuj ją do publiczności docelowej.
Funky Lama stwarza potrzebę podjęcia szybkiej decyzji podczas nabywania produktów, umieszczając obok przycisku CTA komunikaty typu „Ostatni egzemplarz w magazynie!” Chcesz poznać więcej słów zachęcających do kupowania? Oto one: „ograniczony czas”, „dzisiaj”, „teraz”.
Podkreślenie za pomocą ramek
La folle adresse dekoruje swoje wezwanie do działania śliczną ikonką i grubą ramką w kropki. Dekoracja jest wystarczająco oddalona od stylu produktu, aby nie rozpraszać uwagi klienta i wystarczająco uwidoczniona, aby przyciągać na siebie uwagę.
Indie Soul również podkreśla swój przycisk CTA za pomocą ramki. Lecz w tym przypadku, dostosowano ją do produktów, używając prostej, lecz ciemnej ramki.
Położenie, położenie i jeszcze raz położenie
Mon Colonel wyświetla swój CTA powyżej linii zgięcia, ułatwiając klientom odnalezienie go. Jest to szczególnie ważne, w przypadku produktów z długimi opisami. Ponadto, podkreślono ten przycisk za pomocą koloru pojawiającego się na ich stronie internetowej.
Mimo iż Eating Tools umieścił swój CTA za opisem produktów, krótki opis umożliwia mu zgrabną integrację przy linii zgięcia. Poza położeniem, wielkość i grubość CTA wpłynie na zwrócenie uwagi klientów.
Układ całej strony
Bobbies prezentuje swoje produkty na stronie zainspirowanej stroną czasopisma i używa koloru strony w przycisku CTA. Aby jeszcze lepiej go uwidocznić, wyciszono ton sąsiadujących symboli płatności. Największą zaletą tego CTA jest jego harmonijna integracja z układem całej strony produktów, przy jednoczesnym przyciąganiu uwagi klienta.
Creed Boutique również harmonijnie integruje przycisk CTA na stronie produktów. Uzyskano ten efekt bez używania kolorów strony, lecz poprzez odwrócenie kolorów przycisku CTA. Kontrast ułatwia kupującym szybkie zauważenie przycisku zachęcającego ich do zakupów.
Oczywiście, nie mogliśmy pominąć sklepu internetowego oficjalnych modułów i opcji PrestaShop – PrestaShop Addons. Nasz przycisk „Dodaj do koszyka” znajduje się powyżej linii zgięcia, dzięki czemu jest łatwo dostępny. Ponadto, jest oddalony od innych obrazów, aby uniknąć efektu rozpraszania uwagi.
Które z przykładowych przycisków CTA posłużą Ci za inspirację? Wskaż nam swoich ulubieńców, lub zaprezentuj własne pomysły, w poniższym polu. Nie masz jeszcze sklepu internetowego? Pobierz PrestaShop, aby zacząć sprzedawać online!
