Przykłady wezwań do działania. Setki przycisków na stronach sprzedażowych światowych marek. Jaki kolor przycisku jest najlepszy do konwersji?

Dom / Odzyskiwanie danych

„Prawdziwą decyzję mierzy się faktem podjęcia nowego działania. Jeśli nie ma działania, tak naprawdę nie podjąłeś decyzji”.

Tony’ego Robbinsa

Brzmi przekonująco, prawda?

Przypomnij sobie, kiedy ostatni raz kupiłeś coś online. Zakup ten mógł zostać dokonany przy udziale sieci społecznościowych. Metoda ta jest dziś dość popularna, a marketerzy na różne sposoby starają się wzbogacać treści w mediach społecznościowych, stosować podstawy i wzmacniać „stopień perswazji”.

Istnieje duże prawdopodobieństwo, że Twoja decyzja o zakupie online została podjęta w oparciu o wezwanie do działania, które miało na Ciebie wpływ w postaci małego przycisku dołączonego do postu.

To tylko mały przycisk, ale może zadecydować o Twojej decyzji i stać się doskonałym narzędziem dla firmy, która chce zmienić Cię w klienta.

Czy tak łatwo jest stworzyć i poprawnie umieścić przekonujący wezwanie do działania? Dlaczego niektóre jasne i duże przyciski nie zdobywają zaufania i nie zbierają kliknięć, a wywołania na portalach społecznościowych, które na pierwszy rzut oka zupełnie nieprzekonujące mogą przynieść niespotykaną dotąd sprzedaż?

W tym artykule staramy się ustalić, jaka jest siła i zalety tego magicznego narzędzia marketingowego, które może przyciągnąć więcej użytkowników, zwiększyć sprzedaż i wygenerować leady.

Zacznijmy jednak od podstaw...

Co to jest CTA i co z nim zrobić

„Czas na działanie jest teraz. Nigdy nie jest za późno, żeby coś zacząć.”

Antoine'a de Saint-Exupery'ego

Wezwanie do działania lub CTA (wezwanie do działania) motywuje czytelników do podjęcia działania. To połączenie pomaga im łączyć się, pobierać, kupować, uczestniczyć, rejestrować się i podejmować wiele innych działań. Jest to swego rodzaju marketingowa dźwignia perswazji, która bardzo często przynosi pozytywne wyniki marki.

Czym CTA w mediach społecznościowych różnią się od innych wezwań do działania?

Nic. Albo praktycznie nic. Najczęściej w sieciach społecznościowych wystarczy „opakować” swój apel w określony szablon lub użyć wyobraźni, aby opracować nowy. Bardzo popularny wygląd CTA w sieciach społecznościowych to przycisk.

Gdzie najlepiej umieścić CTA w mediach społecznościowych?

Jest to kwestia dość dyskusyjna i zależy od różnych czynników (np. długości tekstu czy jego tematyki). Najczęściej autorzy dodają go na końcu postów lub wewnątrz obrazów w sieciach społecznościowych. Połączenie może być wyświetlane jako przycisk, łącze tekstowe lub w całości jako obraz.

Jak CTA wpływa na analizę postów

Dlaczego ważne jest, aby dodać wezwanie do działania do swoich postów?

CTA pomaga osiągnąć 3 główne cele biznesowe:

  • kliknięcia
  • obroty
  • uwikłanie

Możesz łatwo śledzić posty CTA za pomocą analityki KUKU.io.

Możesz eksperymentować z kształtem przycisku i schematami kolorów, zwiększy to konwersję. Post może po prostu wywołać pozytywne emocje i miłe komentarze, ale wezwanie do działania pomoże firmie osiągnąć swoje cele.

Jak stworzyć skuteczne wezwanie do działania: podstawy

Najpierw musisz jasno zrozumieć, do kogo się zwracasz i do czego wzywasz.

Oczywiście na początku w Twojej głowie będzie mnóstwo nieustrukturyzowanych myśli: Jakie połączenie? Do jakiej akcji? Cele, motywy, zakres...

12 formuł na skuteczne CTA w mediach społecznościowych

  1. Twórz lub dostosowuj CTA dla każdej sieci społecznościowej osobno

Sposób działania sieci społecznościowych jest inny, szczególnie jeśli chodzi o wezwania do działania. Facebook sugeruje używanie reklam z przyciskami wezwania do działania, które można kliknąć i śledzić. Na Instagramie możesz dodać własny przycisk na końcu sponsorowanych treści.

  1. Oferuj prawdziwą wartość

Jeśli chcesz przyciągnąć uwagę czytelników i skłonić ich do działania, musisz zaoferować coś naprawdę wartościowego. Pomyśl o silnych zachętach i rzeczach, które naprawdę mogą coś zmienić. Twoi czytelnicy powinni jasno zrozumieć, dlaczego potrzebują Twojej oferty.

  1. Zaoferuj bezpłatną opcję

Aby przekonać czytelników do określonego działania (pobierz książkę, zaprenumeruj e-mail, kup produkt itp.) - zaoferuj bezpłatną wersję.

„Wypełnij formularz subskrypcji i odbierz bezpłatny dostęp na webinarium”

Przycisk: „Odbierz za darmo”

  1. Użyj słów apelu

Pamiętaj, że Twoim głównym celem jest zmotywowanie czytelników do podjęcia jasnych działań. Możesz ich do tego zachęcić pomocnymi czasownikami oznaczającymi czynność. Przeprowadź własne badania i utwórz listę takich czasowników. Unikaj niejasnych lub obscenicznych słów, żargonu i kolokwializmów.

  1. Dotknij swoich emocji

W swoich apelach staraj się zbliżyć do uczuć i emocji swoich czytelników. Nie powinni pozostać obojętni. Używaj jasnych słów i apeli, testuj różne opcje. Nawet mały przycisk pomoże Ci zdobyć wielu obserwujących na Instagramie, Facebooku, Twitterze i innych portalach społecznościowych.

  1. Przypomnij mi o zmęczeniu

Ludzie mają tendencję do frustracji z powodu wielu rzeczy i na pewno docenią rozwiązanie swojego problemu, który utrudnia im drogę do sukcesu.

„Masz dość nieskutecznych diet? Kup nasz nowy kompleks białkowy i w 3 miesiące stwórz sylwetkę swoich marzeń!”

Przycisk: „Kup teraz”

  1. Ustaw limity czasowe

Dzięki temu Twoje odwołanie będzie konkretne i jasne. Na przykład „Wypróbuj teraz” jest bardziej przekonujące niż samo „Spróbuj”.

  1. Upraszczać

Im prostszy i jaśniejszy będzie Twój tekst CTA, tym szybciej dotrze do odbiorców. Czytelnik nie musi przechodzić przez wiele procesów myślowych i zadań logicznych, aby zrozumieć Twoje zdanie. Po jednokrotnym przeczytaniu tekstu odbiorca wiadomości powinien zrozumieć, co ma zrobić i to zrobić.

  1. Adresuj do konkretnego odbiorcy wiadomości

Rozmawiając bezpośrednio z konkretnym czytelnikiem, budujesz zaufanie i zachęcasz do działania. Ważne jest, aby czytelnicy czuli, że się o nich troszczysz.

Używaj słów takich jak „ty”, „twoje”, „ty” itp., aby dodać intymności do interakcji. Na przykład „Wypróbuj darmowy zestaw”.

  1. Zaangażować

Zaproponuj kontynuację komunikacji i dowiedz się więcej.

  1. Przypomnij sobie przeżycie celebryty

„Dlaczego Madonna używa naszych kosmetyków”

Przycisk „Chcę spróbować”.

  1. Przetestuj różne CTA

Nie zapomnij śledzić wyników CTA. Możesz określić, które posty motywacyjne działają lepiej, a które przyciski lub linki nie przyciągają uwagi. Dostosuj, przesuń i wypoleruj je do perfekcji. Ta analiza pozwoli Ci szukać odmian i optymalizować przyciski CTA. Pamiętaj, że możesz z łatwością korzystać z narzędzi analitycznych z usług takich jak Buffer lub KUKU.io, aby śledzić skuteczność swoich postów za pomocą przydatnych wskaźników.

Teraz nie powinieneś mieć problemu z tworzeniem skutecznych wezwań do działania.

Skorzystaj z powyższych formuł i korzyści płynących z Twoich sugestii. I oczywiście pamiętaj, aby wszystko przejść przez pryzmat swoich klientów, biorąc pod uwagę ich pragnienia i wyobrażając sobie siebie na ich miejscu. Zwróć uwagę na projekt przycisków, schematy kolorów i rozmiar czcionki. Powodzenia z wezwaniem do działania!

Opowiem Wam o pierwszych czynnikach, które moim zdaniem wpływają na skuteczność przycisku CTA (call to action), zwanego także „kup” w projektach komercyjnych.
Żadnych porad ani porad, zrzuty ekranu służą wyłącznie do zilustrowania tekstu. Każdy może postawić własne hipotezy i przetestować je za pomocą testów porównawczych.

1) Lokalizacja

Pierwszy ekran to wszystko. W zależności od projektu nawet 50% użytkowników nie przewija strony w dół. To znaczy, jeśli mamy główny przycisk na drugim ekranie sami, własnymi rękami, zmniejszamy konwersję.
Łatwo to sprawdzić: sprawdzamy, który piksel znajduje się na górze i porównujemy go z wysokością ekranów użytkowników według GA. Na przykład, jeśli dolna krawędź przycisku ma 900 pikseli, to 30% użytkowników widzi go (lub jego część) na drugim ekranie.
To znaczy w przypadek ogólny, im wyższy przycisk CTA, tym lepiej. Tradycyjnie jej miejsce jest po prawej stronie, ponieważ Użytkownicy są praworęczni, a treści w większości witryn znajdują się po lewej stronie.


Przykład: Na stronie Lamoda nie wszystkie buty są widoczne na pierwszym ekranie, ale przycisk jest na swoim miejscu.

2) Rozmiar

Rozmiar to akcent, nacisk to priorytet, priorytet to co? Tak – kto tu rządzi? Jeśli chcemy sprzedawać, to przycisk CTA powinien być główny, czyli duży.
Ale nie za duży, żeby nie wypaść z projektu i nie zajmować połowy ekranu.


Na stronie Yoox nie ma wątpliwości, który element interfejsu jest najważniejszy.

3) Kolor

Co my tu mamy. Dobrze, jeśli jest kontrastowy, to znaczy różni się kolorystyką od głównych elementów witryny. Jednak pominięcie tego w projekcie stwarza wrażenie arogancji. Dlatego też nie uważam odcieni czerwieni/pomarańczy za uniwersalne i najlepsze (co jest powszechne wśród ekspertów od użyteczności). Ale w niektórych przypadkach naprawdę działają, wszystko zależy od projektu witryny.


Na stronie Wildberry przycisk kontrastuje z projektem i nie bez powodu jest pomarańczowy.

4) Tekst (treść)

To jest mój ulubiony moment. Możesz zobaczyć zoo opcji na stronach internetowych jako tekst wewnątrz przycisku. Uważam, że tekst na przycisku powinien brzmieć:
  • dokładnie odzwierciedlaj działanie, określ je. W tym sensie „kup” nic nie znaczy.
  • włączać . Na przykład „Dodaj do koszyka”
  • zawierać wezwanie do działania, a nie być neutralny.
Tutaj: Strzałka ze specjalnym symbolem (→) w przycisku, jeśli po jej naciśnięciu następuje przejście, a jej brak, jeśli przejścia nie ma.


Na stronie Utkonos postanowiono całkowicie zrezygnować z tekstu. Dobra decyzja? Nie myśl.

5) Kształt

W tym momencie istnieje silne powiązanie z projektem witryny, ale ogólnie kształt prostokątny można uznać za preferowany, jest on najczęstszy i wygodny dla użytkowników.


Na stronie Bosco przycisk jest okrągły, co jest niezwykłe. Przetestowałbym to pod kątem skuteczności.

6) Interaktywność/taktyczność

Czasami miło jest pobawić się przyciskiem myszy. Raz, dwa, trzy razy wskazałeś, a teraz już go nacisnąłeś. Rzadki przypadek? Nie, to działa. Dlatego zmieniamy kolor za pomocą nakładki, powiększamy czcionkę lub w jakiś sposób zmieniamy przycisk. I to prawda!
Możesz także podać podpowiedź, która jest również interaktywna.


Booking.com poprosi Cię o kliknięcie przycisku, aby przejść do nowego kroku.

I oczywiście, jeśli przycisk jest wypukły, to po naciśnięciu lepiej go nacisnąć, to jest dotyk. Dlatego trójwymiarowy przycisk z cieniem jest zwykle lepszy niż płaski.

7) Powtórzenie

Jeśli mamy arkusz treści (np. stronę docelową), to dobrze jest powtórzyć przycisk. Dlaczego? Dzięki temu nie musisz dużo przewijać w górę, aby go kliknąć. A także, aby przypomnieć użytkownikowi, dlaczego pokazujemy mu to wszystko na stronie - aby kupił.


Na stronie Onlinetours znajduje się przycisk u góry strony i ten sam przycisk u dołu.

8) Jakość wykonania

Oddzielny punkt, który jest już jasny, ale nie zawsze realizowany. Brzydki, krzywy przycisk jest klikany rzadziej, nawet jeśli cała witryna nadal jest niczym. Jest to bariera, która jest nikomu niepotrzebna i którą każdy mądry projektant może łatwo usunąć.
Oprócz, dobry przycisk wokół niego znajduje się wcięcie, co zwiększa jego niezależność i wyróżnia go spośród całej zawartości. Źle – przykleja się do krawędzi i innych obiektów.


Wyblakłe, szablonowe przyciski z lat 90-tych na stronie Nixa najwyraźniej zostały wykonane przez programistów.

9) Zmienność

Po ponownym uruchomieniu lub przewinięciu w dół przycisk zmienia kolor. W pewnym momencie trzyma się ekranu. Kogo to obchodzi? - Nikt. Czy przyciąga uwagę? - Tak.
Ta technika nadaje się do testu rozdzielonego, spróbujmy.

10) Związek z innymi przyciskami CTA

Najtrudniejszy moment. Nie mogę podać zasad, ale jeśli obok głównego przycisku mamy inne, to wpływają one na siebie i trzeba to wziąć pod uwagę. Nie ma nic gorszego niż dwa podobne obok siebie, to pesymizuje oba, zmniejszając ich CTR.


Na stronie BEBAKIDS różnią się nieco rozmiarem, ale są bardzo podobne.

Wniosek

Czynników jest wiele (opisał najważniejsze), każdy z nich wpływa osobno, a ich połączenie wpływa łącznie. Myślę, że każdy rozumie, jak to wpływa na konwersję – bezpośrednio i bezpośrednio. Z tego powodu zwiększyłem go o 1,5 razy lub więcej. W każdym razie warto nad tym ciężko popracować.

Działające przyciski dla każdego!

Co to jest element CTA? Wezwanie do działania(CTA) - wezwanie do działania, zachęcające użytkownika do wykonania określonego kroku (zakup, subskrypcja, pobranie) zamierzonego przez twórcę strony. Graficznie takie połączenie jest podświetlane jasnym przyciskiem (najczęściej) z napisem połączenia: „kup teraz”, „pobierz”, „zarejestruj się”.

Czasem klikając taki przycisk przechodzimy na inną stronę z szczegółowy opis towary lub usługi. Wtedy przycisk byłby odpowiednio oznaczony „dowiedz się więcej”, „dowiedz się więcej”.

Uwaga: Przycisk CTA powinien zawsze znajdować się w kolorystyce całego projektu strony, powinien być spójny i mieć estetyczny wygląd. ALE wyróżniaj się.

Jak wyróżnić przyciski CTA

Kształt guzika jest wydłużony, jego krawędzie są zaokrąglone. Przycisk odpowiada kształtowi górnego menu. Jego kolor jest zielony, a cała strona jest wykonana w odcieniach błękitu. Ale kombinacja kolorów jest zgodna z ogólnym zakresem. Przycisk jest jasny, ale pasuje do reszty grafiki.

W apelu napis „krzyczy” o oszczędnościach, jakie można uzyskać stosując ten program. Znaki liter mają ten sam kolor, co reszta tekstu.

Wywołanie przycisku jest ściśle powiązane z elementem rabatowym. Widzisz ofertę, a następnie przycisk z możliwością skorzystania z tej oferty. Tutaj przycisk jest punktem logicznym.

Przycisk wywołania ma charakter ogólny

Uwaga: przyciski z ogólnymi napisami dotyczącymi oprogramowanie np. „prześlij”, „pobierz” nie nadają się do stosowania na stronach docelowych. Nie ma na nich informacji o tym, kto jest twórcą i kto jest właścicielem programu. Powoduje to nieufność i odmowę ze strony użytkowników.

Przyjrzyjmy się przykładowi przycisku ogólnego na przykładzie przeglądarki Internet Explorer.


Przycisk jest jasny, kontury wyraźne, kształt prostokątny. Kolor odpowiada logo przeglądarki.

Nie ma żadnych wyjaśnień dotyczących przycisku, ogólne wywołanie to „Pobierz”. Ale tutaj jest to całkiem odpowiednie, ponieważ marka jest dobrze znana. Kolor wywołania kontrastuje z kolorem przycisku, ale w połączeniu z tekstem strony.

Uwaga: jeżeli pobranie programu jest płatne, wówczas wskazane byłoby umieszczenie regulaminu obok przycisku. Jak marka Apple tego dokonała.


Po przestudiowaniu tylko przycisku możesz już zrozumieć znaczenie proponowanej usługi.

Rozmiar przycisku jest dość duży, kolorystyka różni się od reszty strony. Kolor przycisku jest zielony, jest to kolor zaufania i spokoju. Dobry ruch psychologiczny.

Wezwanie do działania jest bardzo jasne, a korzyści ekonomiczne są od razu widoczne – „za darmo”. Język programu zostanie natychmiast wskazany.

Znalezienie przycisku CTA na górze strony

Spójrzmy na przykłady z Google.

Przyciski połączeń na obu stronach są bardzo podobne, co nie jest zaskakujące. Obydwa przyciski mają klasyczny charakter (cień, głośność). Przyciski umieszczono na wysepkach o tej samej kolorystyce, z dodanym tekstem.
Na przycisku programu Picasa znajduje się wyraźny komunikat wskazujący, że dostępna jest do pobrania najnowsza wersja.

Jak ulepszyć element CTA

Nie zapominaj, że element CTA na stronie docelowej jest najważniejszy. Służy skupieniu uwagi użytkownika na ostatecznej akcji – zakupie.

Jeśli strona jest przeciążona tekstem i obrazami, przycisk na niej po prostu zostanie utracony.

Podczas tworzenia elementu CTA obowiązują pewne zasady:

1. Jeśli jest to przycisk, powinien wyglądać jak przycisk.

2. Kolor powinien być jasny, ale spójny z ogólnym schematem.

3. Rozmiar przycisku nie powinien być mały.

4. Możesz użyć elementu takiego jak strzałki wskazujące przycisk, ale nie daj się ponieść emocjom.

5. Atrakcyjność tekstu musi być przemyślana.

6. Użyj kontrastu dla elementu CTA.

7. Czcionka tekstu strony i treść elementu CTA muszą być takie same.

8. Kolorystyka całej strony powinna zawierać nie więcej niż 4 kolory.

9. Przetestuj różne warianty elementów i wybierz najlepszy.

Porozmawiajmy o „pilnych” pytaniach dotyczących przycisków kasy w sklepie internetowym.

Co lepiej napisać pod przyciskiem „Kup”?

Rada, która pozwoli Ci zaoszczędzić mnóstwo czasu, brzmi: nie zawracaj sobie głowy. Jeśli 4-5 lat temu było jeszcze dość ważne to, co było napisane na tym przycisku, teraz nie można na nim w ogóle nic pisać, wystarczy pokazać ikonkę z koszykiem i to wystarczy.

Większość ludzi korzysta z Internetu od dłuższego czasu. Rozumieją, że „Kup” do niczego ich nie zobowiązuje, a „Dodaj do koszyka” nie ma nic wspólnego z koszem na śmieci. Wiedzą, że gdy klikną „kup” pieniądze nie zostaną automatycznie pobrane z ich karty, a gdy „dodadzą do koszyka” produkt nie zniknie na zawsze. Nie ma więc powodu tracić czasu i zastanawiać się, nawet najbardziej poprawna odpowiedź, na którą nie wpłynie znacząco na poprawę niczego w Twoim sklepie.

Jeśli jednak chcesz o tym porozmawiać, wyciągnijmy trochę zdrowego rozsądku, rozpakujmy logikę i spróbujmy to rozgryźć.

Logiczne byłoby napisanie na karcie produktu na przycisku zakupu napisu „Kup”, jeśli po kliknięciu produkt zostanie dodany do koszyka, a użytkownik od razu zostanie przekierowany na stronę w celu złożenia zamówienia. To znaczy w przypadkach, gdy w sklepie internetowym rzadko kupuje się więcej niż jeden produkt.

Istnieje opinia, że ​​przycisk „Kup” jest mniej konwertujący niż przycisk „Dodaj do koszyka”, ponieważ „Kup” to już podjęta decyzja, a „Dodaj do koszyka” to wciąż tylko proces, który nie wymaga właściwej decyzji Teraz. Nie ma co się kłócić, może tak jest. Ale musisz zdecydować, na co liczyć w tym przypadku konwersja. Jeśli dodanie produktu do koszyka jest pożądaną konwersją, to przycisk należy tak nazwać, ale wtedy nie daj się zaskoczyć porzuconym koszykom. Jeśli zrealizowane zamówienie zaliczasz do konwersji, to nie musisz bać się napisać „Kupuję”.

Przycisk „Dodaj do koszyka” w swoim znaczeniu oznacza zakup kilku produktów, gdy wszystkie zostaną najpierw dodane do koszyka i tam złożone zamówienie.

Możesz po prostu napisać „Dodaj do koszyka”, usuwając słowo „dodaj”. Znajdą się przeciwnicy takiego uproszczenia, powiedzą, że bez czasownika wezwanie do działania jest gorsze. Wybór należy do Ciebie.

Przycisk „Zamów” nie wzbudzi żadnych pytań, jeśli sklep internetowy posiada produkty zarówno na stanie magazynowym, jak i na zamówienie. Następnie umieść przycisk „Kup” przy produktach „w magazynie”, a „Zamów” przy tych, które są tylko na zamówienie.

Ten przycisk jest również odpowiedni dla witryn zamawiania jedzenia. Ponieważ zwyczajowo mówi się „zamówmy pizzę”, wówczas na odpowiedniej stronie internetowej całkiem możliwe jest użycie przycisku „Zamów” zamiast „Kup”. Ale przyciski „Kup” i „Dodaj do koszyka” również będą działać równie dobrze.

Nie przejmuj się zbytnio tym, co i kiedy napisać na przycisku „Kup”. Nie słuchaj ekspertów, którzy, aby lepiej kupić u nich konsultacje i kursy, zawyżają wagę każdego najmniejszego szczegółu.

Dawno już minęły czasy, gdy zakupy w sklepie internetowym wydawały się niebezpieczne. Być może gdzieś w lasach Syberii żyją plemiona dzikich użytkowników i psychologicznie trudniej jest im kliknąć „Kup” niż „Dodaj do koszyka”, ale nie zostało to udowodnione przez naukę, a pojedyncze przypadki opisane w Internecie nie wzbudzaj zaufania.

Polecam przeczytać artykuł o automatycznej optymalizacji kart produktów w zależności od określonych zdarzeń. W szczególności mówi się o zmianie tekstu na przycisku w zależności od tych zdarzeń.

„Dodaj do koszyka”, „Dodaj do koszyka”, „Wyślij do koszyka”, po prostu „Dodaj do koszyka”, „Kup”, „Zamów” - jeden chrzan (roślina z rodziny Brassica).

Skoro już uporządkowaliśmy tekst przycisku, przejdźmy do koloru.

Idealny kolor przycisku zakupu

Jeśli wpiszesz w Google, znajdziesz wyniki A–B testy, w których autorzy twierdzą, że zielone przyciski działają lepiej, pomarańczowe też są dobre, a czerwone są złe. Googlując trochę więcej, możesz znaleźć przeciwne punkty widzenia. Nie ma co brać tych stwierdzeń na wiarę i bezmyślnie przekolorowywać guziki.

Można pójść jeszcze dalej i zacząć testować nie tylko kolor, ale i fakturę przycisków. Guziki imitujące drewno sprzedają produkty naturalne lepiej niż błyszczące plastikowe. Guziki z brutalnego metalu doskonale nadają się do produktów dla mężczyzn, a miękkie różowe guziki są o 5% bardziej prawdopodobne, że przystojni faceci zostaną kliknięci.

Testowanie koloru przycisku w odniesieniu do grupy docelowej to ten sam nonsens, co testowanie tekstury przycisku.

Myślisz, że wielu Twoich potencjalnych klientów nie zauważy niebieskiego przycisku „Dodaj do koszyka” na białym tle? A jeśli sprawisz, że będzie zielone, ilu z tych, którzy nie kupili za pomocą niebieskiego przycisku, pomyśli:

"O! Ci goście mają zielony przycisk, czuję się spokojny, zielony kolor mówi mi, że można bezpiecznie u nich kupować.

Czy naprawdę myślisz, że kolor przycisku „Kup” jest jedyną ostatnią barierą, która uniemożliwia odwiedzającym dokonanie zakupu? Napraw najpierw inne ważne problemy, a potem zajmij się takimi drobnostkami. Pisałam o tym w artykule o nieprawidłowych priorytetach w pracy ze sklepem. Przeczytaj, może to Twój przypadek.

Jeśli gość przychodzi do Twojego sklepu internetowego z zamiarem zakupu (a nie szuka opisów nowych gadżetów czy zdjęć fajnych dziewczyn w bikini – to zależy od produktu), będzie zadowolony z ceny, czasu dostawy, Twojego sklepu nie będzie mu to wyglądało na oszustwo, menadżer będzie online i będzie w stanie poprawnie odpowiedzieć na wszystkie pytania - wtedy klient kupi, niezależnie od koloru przycisku.

Biały przycisk z białym tekstem na białym tle działa gorzej niż przycisk dowolnego koloru kontrastującego z tłem - nie idź do wróżki (przetestuj lub nie). :-)

Poważnie, czerwony przycisk będzie działał gorzej, gdy obok niego znajduje się zielony przycisk. Myślę, że nie trzeba wyjaśniać dlaczego.

Przykład dwóch przycisków obok siebie. Czerwony i zielony. Który kliknąłbyś bez zastanowienia?

To samo, jeśli na przykład jeden przycisk jest czerwony, a drugi obok niego jest szary, a nazwa przycisku jest napisana na szaro - szary będzie wyglądał jak „Wyłącz” - nieaktywny, nie działa i odpowiednio , mniej osób w to kliknie.

Przykład szarego przycisku. Czy kliknąłbyś na to?

Swoją drogą szare przyciski z szarym tekstem to częsty problem w sklepach internetowych. Na szczęście główny przycisk „kup” zwykle nie jest używany w ten sposób, ale przyciski pomocnicze („Dodaj do ulubionych”, „Szybkie zamówienie”, „Porównaj”) są bardzo powszechne. Projektant stara się, aby było pięknie, poprawnie rozmieścił akcenty, ale zapomina o standardzie, do którego wszyscy są przyzwyczajeni podczas pracy z systemem operacyjnym - szare przyciski z szarym tekstem (a także checkboxy i pola radiowe) to elementy, które nie są dostępne do klikania i wybierania.

Niektóre zwierzęta udają martwe, aby uniknąć zauważenia i zjedzenia. Podobnie szare przyciski z szarym tekstem udają, że są nieaktywne, więc nikt ich nie klika.

Jeśli chcesz, aby przyciski klikały, nie twórz takich przycisków w swoim sklepie internetowym:

Niedostępny przycisk w systemie operacyjnym, do którego wszyscy są przyzwyczajeni

Jeśli przycisk „Kup” jest wystarczająco duży i kontrastowy, to jego kolor jest prawie nieistotny. Prawie dlatego, że są wyjątki, z których dwa przytoczyłem powyżej. Z pewnością można przytoczyć więcej.

Dlatego też, gdy sklepy prowadzą Testy A-B uzyskują różne wyniki. Niektórzy lepiej radzą sobie z naciśnięciem czerwonego przycisku, inni lepiej z zielonym itd. Nie chodzi tu o sprzedawany produkt, nie o odbiorców, ale o wygląd sklepu i kontekst wokół przycisku.

Kiedy potrzebujesz przycisku „Zamówienie jednym kliknięciem” lub „Szybkie zamówienie”?

Czy warto zrobić taki przycisk? Przycisk jest przydatny i warty zrobienia. Ale, podobnie jak w wielu innych sprawach, ma to również swoje niuanse (sam znajdź anegdotę na temat niuansów).

Zakupy za pomocą jednego kliknięcia są potrzebne, jeśli zamówienia często obejmują nie więcej niż jeden produkt lub produkty są dość drogie.

Jeśli jednak w zamówieniu jest zwykle więcej niż jeden produkt, wówczas przycisk ten można pominąć. Jeśli nacisk na to w projekcie jest większy niż na głównym, ta funkcjonalność może zmniejszyć średnią kwotę czeku (ponieważ „Zamów jednym kliknięciem” oznacza złożenie zamówienia, a nie wysłanie przedmiotu do koszyka) i skomplikuje pracę menedżerów – będą musieli spędzić więcej czasu na telefonie, podając dane kupującego.

Dlatego jeśli chcesz zrealizować szybkie zamówienie i uniknąć niepotrzebnych komplikacji, musisz pamiętać o umieszczeniu akcentów w projekcie strony w taki sposób, aby główny przycisk „Dodaj do koszyka” był priorytetem, a „Zamów w 1” kliknięcie” jest mniej zauważalne.

Częstym błędem w działaniu przycisku „Zamów jednym kliknięciem” jest to, że zamówienie złożone za pomocą takiego przycisku nie wpada na ogólną listę zamówień przyjętych poprzez koszyk, ale na inną listę lub na maila menadżera. W rzeczywistości ten przycisk działa jak „Oddzwoń”, co jest nieprawidłowe.

Ten błąd jest zwykle popełniany z prostego powodu - nie ma wystarczającej ilości danych w szybkim zamówieniu automatyczne tworzenie pełnoprawne zamówienie, więc umieszcza się je w bloku informacyjnym lub po prostu wysyła się e-mailem do kierownika. Wszystkie zamówienia, niezależnie od sposobu ich otrzymania, należy dodać do listy ogólnej. Ułatwia to pracę i nie tworzy zbędnych etapów w procesach biznesowych sklepu.

Kolejny częsty problem— zmuszaj użytkownika do wpisania swojego imienia i nazwiska oraz numeru telefonu za każdym razem, gdy kliknie przycisk „Szybkie zamówienie”. Jeśli użytkownik jest autoryzowany lub wpisał już swoje imię i nazwisko oraz numer telefonu, nie zmuszaj go do ich ponownego wpisania - wprowadź je automatycznie. Kupujący musi jedynie kliknąć przycisk „Złóż zamówienie”. Nawiasem mówiąc, „szybkie zamówienia” od jednego użytkownika można połączyć w jedno. Jeśli zastosujesz takie klejenie, częściowo rozwiążesz problem z zamówieniami od jednego użytkownika, który chce kupić kilka produktów, ale z jakiegoś powodu składa zamówienie nie przez koszyk, ale poprzez przycisk „Kup jednym kliknięciem”.

Kiedy przycisk „Dodaj do koszyka” potrzebny jest tylko na karcie produktu, a kiedy także na liście produktów?

To kolejne popularne pytanie dotyczące przycisku „Kup”. Jest ono bardzo podobne jak w przypadku przycisku „Szybkie zamówienie” – zależy od produktów, które sklep sprzedaje. Jeżeli przed zakupem konieczne będzie wybranie kilku parametrów produktu, których nie można wyświetlić na liście produktów (rozmiar, kolor, waga itp.), wówczas przycisk „Dodaj do koszyka” nie zostanie dodany do listy produktów.

Zgadzam się, będzie to wyglądać dziwnie, jeśli przycisk „Dodaj do koszyka” znajduje się w sklepie odzieżowym, ale nie można wybrać rozmiaru i koloru ubrań. A nawet jeśli to możliwe, czy będzie możliwość natychmiastowego spojrzenia na tabelę zgodności między rozmiarami europejskimi a rozmiarami rosyjskimi itp., Informacje ważne przy wyborze?

Inna sprawa, jeśli w sklepie sprzedaje się np. chemię gospodarczą. Produkty te są kupowane regularnie, często ich charakterystyka jest już znana kupującemu, zadaniem nie jest wybór, ale znalezienie tego, czego potrzebujesz, dodanie tego do koszyka i szybkie złożenie zamówienia. Jeśli witryna sugeruje taki schemat zakupów, bardzo pożądane jest umieszczenie przycisku „Dodaj do koszyka” na liście produktów. W tym wypadku oczywiście należy podać na tej samej liście, nad przyciskiem „Dodaj do koszyka”, możliwość wyboru pożądanych parametrów produktu. W przypadku chemii gospodarczej może to być waga, kawałki, zapach itp.

Przycisk „Do kasy” w koszyku

Skoro już zaczęliśmy mówić o głównych przyciskach sklepu internetowego, przejdźmy do koszyka.

Sklepy internetowe często posiadają dwa koszyki. Ta mała, która zwykle znajduje się w prawym górnym rogu, bardziej służy do poinformowania o zapełnieniu koszyka i koszyka głównego, w którym składane jest zamówienie.

Pożądane jest więc, aby w małym koszyku przycisk przejścia do dużego koszyka nie nazywał się tak samo, jak przycisk na karcie produktu. Może to spowodować drobne, ale niepotrzebne zamieszanie. Oznacza to, że jeśli na karcie produktu przycisk nosi nazwę „Dodaj do koszyka”, to w małym koszyku przycisk nie powinien nazywać się tak samo.

Przyciski o różnych funkcjach nazywane są tak samo - jest to nieprawidłowe.

W dużym koszu wszystko jest proste. Jeżeli prowadzisz proces krok po kroku, czyli składanie zamówienia podzielone jest na kilka małych kroków, to napis na przycisku przejścia do kolejnego kroku powinien informować Cię, co będzie dalej. Przykład: koszyk jest podzielony na 5 kroków:

Taki koszyki krok po kroku Są rzadkie w nowoczesnych sklepach, ale nadal można je znaleźć, działają i działają całkiem dobrze.

W dzisiejszych czasach koszyk składa się zazwyczaj z jednej strony, na której znajduje się zarówno lista produktów znajdujących się w koszyku, jak i pola umożliwiające złożenie zamówienia. Na przykład dokładnie to robi się w standardowej implementacji sklepu w 1C-Bitrix.

Zasada jest tu taka sama jak w powyższym przykładzie. Etykieta na przycisku powinna wskazywać akcję, która zostanie wykonana po jego naciśnięciu. Jeśli nagle każdy posiadany przycisk nazywa się „Dalej”, to pod nim musi znajdować się wskazówka, dokąd prowadzi ten przycisk.

Jeśli sklep posiada jednostronicowy koszyk, to znajdujący się w nim przycisk powinien nosić nazwę „Złóż zamówienie” (jeśli posiadasz pośrednią stronę z podziękowaniem) lub „Przejdź do płatności”, jeśli nie ma strony z podziękowaniem.

Dodaj przycisk dramatu

Oczywiście to bajan, ale jeśli go nie widziałeś, będzie ciekawie.

Wokół projektowania przycisków toczy się wiele kontrowersji i badań. Kiedy jednak odwiedzamy inną stronę internetową, czasami mamy wrażenie, że marketing działa w oderwaniu od designu, a wezwanie do działania pełni zupełnie odwrotną funkcję. To tak, jakby krzyczał do gościa: „Nie rób tego!” Nikt nie wie, jaki jest sekret udanego CTA (prawdopodobnie w końcu potrzeba produktu). Spędziliśmy jednak dużo czasu na badaniu tego problemu i znaleźliśmy wybór interesujących witryn zawierających skuteczne wezwanie do działania.

MailChimp

Na stronie znajduje się wiele przycisków, ale okno „Przygotuj się do uruchomienia” umożliwiające utworzenie firmy e-mailowej robi chyba największe wrażenie. Wykonany z humorem, pokazuje proces i przyciąga swoją niezwykłością.

Nawet gdyby nie było tekstu, animowana dłoń szympansa umieszczona nad czerwonym przyciskiem komunikuje, co odwiedzający powinien zrobić.

ZarządzajWP

Przycisk CTA wypełnia całą głośność strona główna. Tytuł i krótki opis mówią dokładnie, czym zajmuje się dana usługa. Zapytanie o adres dyskretnie proponuje rozpoczęcie korzystania z usług po wejściu. Oprawa wizualna jest ciekawa, a treść sprytnie zredukowana do pożądanej akcji.

Niebieski fartuch

Strona główna to tak naprawdę seria CTA. W tej sekcji informacje są przekazywane odwiedzającemu w łatwym do odczytania formacie. Nawet mała ikona bezpłatnej dostawy jest miłym akcentem. Idealnie wykorzystali tło świeżych produktów, aby wyrazić swoją opinię. Patrząc na niego, zaczynasz odczuwać głód.

Spotify

Podobnie jak Blue Apron, Spotify pokazuje swój główny punkt sprzedaży w CTA. Ale dzięki nim jest to łatwiejsze i bardziej dostępne dla zwiedzającego. Najważniejsze informacje o suwaku ważne informacje na temat usługi strumieniowego przesyłania muzyki, ale przede wszystkim zachęca do klikania po więcej szczegółowe informacje. Nie starają się przytłaczać, ale ułatwiają rejestrację lub uzyskanie informacji.

Zillow

Zillow to witryna wyszukiwania nieruchomości. I już na samym początku odwiedzający znajdzie obszar CTA, który pozwoli mu podjąć pożądaną akcję. Wszystko jest zlokalizowane w taki sposób, że nie trzeba szukać. Prostota i minimalizm.

B&O Play

Spora dawka pięknego industrialnego designu wraz z zaproszeniem do obejrzenia kolekcji lub rozpoczęcia procesu zakupu tych słuchawek. Brak zbędnych informacji i efektowny design czynią akcję atrakcyjną.

Korpus Miłosierdzia

Kiedy masz do czynienia z trudnymi sytuacjami życiowymi, nie ma czasu do stracenia. Mercy Corps stwarza poczucie pilności. Zdjęcie w połączeniu z odważnym, poważnym nagłówkiem gwarantuje, że odwiedzający zrozumieją powagę sytuacji. Pomagają nam dostrzec ludzi dotkniętych nieszczęściem i pozwalają podjąć działania.

Gniazdo

Strona główna znanej firmy produkującej termostaty NEST ogłasza „Dzień Ziemi” zbiegający się z ich energooszczędnym produktem. Migoczące gwiazdy w środku tło w połączeniu z fotografią produktową naprawdę robi wrażenie (sprawia wrażenie planety unoszącej się w przestrzeni). Jednocześnie strona nie jest zaśmiecona niepotrzebnymi elementami i tworzy przestrzeń.

Skagena

To duńska firma zajmująca się sprzedażą minimalistycznych zegarków wraz z innymi modowymi dodatkami. Ich CTA pokazuje wyjątkowe wykorzystanie koloru i prostotę marki. Zdają się mówić – jeśli masz unikalny produkt, po prostu pozwól mu mówić sam za siebie.

Patagonia

Jest to firma specjalizująca się w odzieży sportowej i outdoorowej. Suwak na ich stronie głównej – łączący produkty i przyczyny – to pięknie renderowany obraz promujący film przyjazny środowisku. Obraz jest duży i wyraźny. Starają się przenieść na ekran odrobinę dzikości. Jest to prawidłowe z punktu widzenia docelowej grupy odbiorców.

Wezwanie do działania

Dobre CTA powinno definiować odbiorców i pożądany efekt doświadczenia użytkownika. Kolor i grafika powinny odzwierciedlać markę i pomagać w przekazywaniu jej przesłania. Tekst powinien być krótki i precyzyjny.

Wezwania do działania przede wszystkim świetnie radzą sobie z prowadzeniem użytkownika we właściwym kierunku w prosty sposób. Wszystkie te przykłady pokazują, że nie ma potrzeby komplikować rzeczy. Wystarczą proste, ale jasne słowa, aby przekonać ludzi do działania.

Na podstawie materiałów ze speckyboy.com.

______________________________________________________________________

Materiał stworzyła agencja content marketingu Textoteka.

Chcesz samodzielnie wdrożyć content marketing w swoim biznesie? Subskrybuj naszą społeczność

© 2024 ermake.ru - O naprawie komputerów PC - Portal informacyjny