Příklady výzvy k akci. Stovky tlačítek na prodejních stránkách světových značek Jaká barva tlačítka je nejlepší pro převod?

Domov / Záchrana dat

„Skutečné rozhodnutí se měří podle skutečnosti, že jste provedli novou akci. Pokud nedojde k žádné akci, ve skutečnosti jste se ještě nerozhodli."

Tony Robbins

Zní to přesvědčivě, že?

Zamyslete se nad tím, kdy jste naposledy něco kupovali online. Tento nákup mohl být uskutečněn za účasti sociálních sítí. Tato metoda je dnes poměrně populární a marketéři se snaží ze všech sil obohatit obsah sociálních médií, aplikovat základy a posílit „stupeň přesvědčivosti“ různými způsoby.

Je pravděpodobné, že vaše rozhodnutí o nákupu online bylo učiněno na základě výzvy k akci, která vás ovlivnila v podobě malého tlačítka doprovázejícího příspěvek.

Je to jen malé tlačítko, ale může to být rozdíl mezi vaším rozhodnutím a skvělým nástrojem pro společnost, která vás chce přeměnit na zákazníka.

Je to tak snadné vytvořit a správně umístit přesvědčivý výzva k akci? Proč některá světlá a velká tlačítka nezískají důvěru a nesbírají prokliky, zatímco hovory na sociálních sítích, které jsou na první pohled zcela nepřesvědčivé, mohou přinést nebývalé prodeje?

V tomto článku se pokusíme zjistit, jaká je síla a výhody tohoto magického marketingového nástroje, který dokáže přilákat více uživatelů, zvýšit prodeje a generovat potenciální zákazníky.

Začněme však od úplných základů...

Co je CTA a co s ní dělat

"Čas jednat je nyní." Nikdy není pozdě s něčím začít."

Antoine de Saint Exupery

Výzva k akci neboli CTA (call to action) motivuje čtenáře k akci. Tento hovor jim pomáhá připojit se, stahovat, nakupovat, účastnit se, zaregistrovat se a provádět mnoho dalších akcí. Jedná se o jakousi marketingovou páku přesvědčování, kterou velmi často přináší pozitivní výsledky značky.

Jak se výzvy k akci na sociálních sítích liší od ostatních výzev k akci?

Nic. Nebo prakticky nic. Na sociálních sítích nejčastěji stačí jen „zabalit“ svůj přitažlivost do konkrétní šablony, nebo zapojit fantazii k vytvoření nové. Většina populární pohled CTA na sociálních sítích je tlačítko.

Kde je nejlepší místo pro umístění CTA na sociální média?

To je dost diskutabilní záležitost a záleží na různých faktorech (například na délce textu nebo jeho tématu). Nejčastěji jej autoři přidávají na konec příspěvků nebo uvnitř obrázků na sociálních sítích. Hovor může být zobrazen jako tlačítko, textový odkaz nebo může být celý jako obrázek.

Jak CTA ovlivňuje po analýze

Proč je důležité přidávat ke svým příspěvkům výzvu k akci?

CTA pomáhá dosáhnout 3 hlavních obchodních cílů:

  • kliknutí
  • prodeje
  • účast

Příspěvky CTA můžete snadno sledovat pomocí analytiky KUKU.io.

Můžete experimentovat s tvarem tlačítka a barevnými schématy, což zvýší konverzi. Příspěvek může jednoduše vyvolat pozitivní emoce a příjemné komentáře, ale výzva k akci pomůže podniku dosáhnout jeho cílů.

Jak vytvořit efektivní výzvu k akci: Základy

Nejprve musíte jasně pochopit, koho oslovujete a po čem voláte.

Samozřejmě, že zpočátku bude ve vaší hlavě spousta nestrukturovaných myšlenek: Jaké volání? K jaké akci? Cíle, motivy, rozsah...

12 vzorců pro vytvoření efektivní výzvy k akci na sociálních sítích

  1. Vytvořte nebo přizpůsobte výzvy k akci pro každou sociální síť zvlášť

Způsob fungování sociálních sítí je odlišný, zejména pokud jde o CTA. Facebook navrhuje používat reklamy s tlačítky s výzvou k akci, na která můžete kliknout a sledovat je. Na Instagramu můžete přidat vlastní tlačítko na konec sponzorovaného obsahu.

  1. Nabídněte skutečnou hodnotu

Pokud chcete upoutat pozornost svých čtenářů a přimět je k akci, musíte nabídnout něco, co má skutečnou hodnotu. Přemýšlejte o silných pobídkách a věcech, které mohou skutečně změnit. Vaši čtenáři by měli jasně pochopit, proč vaši nabídku potřebují.

  1. Nabídněte možnost zdarma

Chcete-li přesvědčit své čtenáře, aby jednali určitým způsobem (stáhněte si knihu, přihlaste se k odběru e-mail, koupit produkt atd.) – nabídnout bezplatnou verzi.

„Vyplňte přihlašovací formulář a získejte volný přístup na webinář"

Tlačítko: „Získat zdarma“

  1. Používejte slova invokace

Pamatujte, že vaším hlavním cílem je motivovat čtenáře k jasné akci. Můžete je k tomu povzbudit pomocí užitečných akčních sloves. Udělejte si vlastní průzkum a vytvořte seznam takových sloves. Vyhněte se vágním nebo obscénním slovům, žargonu nebo lidové mluvě.

  1. Dotkněte se svých emocí

Ve svých apelech se snažte přiblížit pocitům a emocím svých čtenářů. Neměli by zůstat lhostejní. Používejte jasná slova a výzvy, testujte různé možnosti. I malé tlačítko vám pomůže získat spoustu sledujících na Instagramu, Facebooku, Twitteru a dalších sociálních sítích.

  1. Připomeňte mi únavu

Lidé bývají z mnoha věcí frustrovaní a určitě ocení řešení jejich problému, které jim ztěžuje cestu k úspěchu.

„Už vás nebaví neúčinné diety? Kupte si náš nový proteinový komplex a vytvořte si tělo svých snů za 3 měsíce!”

Tlačítko: „Koupit nyní“

  1. Nastavte časové limity

Vaše odvolání tak bude konkrétní a jasné. Například „Zkuste hned“ je přesvědčivější než jednoduše „Zkuste to“.

  1. Zjednodušit

Čím jednodušší a jasnější je váš text CTA, tím rychleji se dostane k příjemcům. Čtenář nemusí procházet spoustou myšlenkových pochodů a logických úkolů, aby vaši větu pochopil. Po přečtení textu jednou by příjemci zprávy měli pochopit, co mají udělat a udělat to.

  1. Oslovte konkrétního příjemce zprávy

Tím, že mluvíte přímo s konkrétním čtenářem, budujete důvěru a povzbuzujete k akci. Je důležité, aby čtenáři cítili, že vám na nich záleží.

Použijte slova jako „vy“, „vaše“, „vy“ atd., abyste interakci dodali intimitu. Například „Vyzkoušejte svou bezplatnou sadu.“

  1. Zapojit

Nabídněte, že budete pokračovat v komunikaci a zjistěte více.

  1. Připomeňte si zážitek celebrity

„Proč Madonna používá naši kosmetiku“

tlačítko „Chci to zkusit“.

  1. Testujte různé výzvy k akci

Nezapomeňte sledovat své výsledky CTA. Můžete určit, které motivační příspěvky fungují lépe a která tlačítka nebo odkazy nepřitahují pozornost. Přizpůsobte je, přesuňte a vyleštěte je k dokonalosti. Tato analýza vám umožní hledat varianty a optimalizovat tlačítka CTA. Pamatujte, že můžete snadno použít analytické nástroje ze služeb jako Buffer nebo KUKU.io ke sledování výkonu příspěvků pomocí užitečných metrik.

Nyní byste neměli mít problém vytvářet účinné výzvy k akci.

Použijte výše uvedené vzorce a výhody svých návrhů. A samozřejmě nezapomeňte vše procházet prizmatem svých klientů, brát v úvahu jejich touhy a představovat si sebe v jejich kůži. Pozor na design tlačítek, barevná schémata a velikost písma. Hodně štěstí s vaší výzvou k akci!

Řeknu vám o prvních faktorech, které podle mého názoru ovlivňují účinnost tlačítka CTA (call to action), známého také jako „koupit“ v komerčních projektech.
Žádná rada ani rada, screenshoty jsou pouze pro ilustraci textu. Každý si může vytvořit své vlastní hypotézy a testovat je pomocí dělených testů.

1) Umístění

První obrazovka je vše. V závislosti na projektu až 50 % uživatelů neposouvá stránku dolů. Tedy pokud máme hlavní tlačítko na druhé obrazovce my sami vlastníma rukama snižujeme konverzi.
Je to snadné: Podíváme se, na kterém pixelu je tlačítko nahoře, a porovnáme ho s výškou obrazovek uživatelů podle GA. Pokud má například spodní okraj tlačítka 900 pixelů, 30 % uživatelů jej (nebo jeho část) dostane na druhou obrazovku.
Tedy v obecný případ, čím vyšší je tlačítko CTA, tím lépe. Tradičně je její místo vpravo, protože Uživatelé jsou praváci a obsah na většině webů je vlevo.


Příklad: Na webu Lamoda nejsou na první obrazovce vidět všechny boty, ale tlačítko je na svém místě.

2) Velikost

Velikost je akcent, důraz je prioritou, priorita je co? Ano – kdo to tady řídí? Pokud chceme prodávat, tak tlačítko CTA by mělo být to hlavní, tedy rozměrově velké.
Ale ne moc velký, aby nevypadl z designu a nezabíral půl obrazovky.


Na webu Yoox není pochyb o tom, který prvek rozhraní je tím hlavním.

3) Barva

Co to tady máme. Je dobré, když je kontrastní, to znamená, že se liší od barvy hlavních prvků webu. Ale jeho vynechání v designu vytváří pocit arogance. Odstíny červené/oranžové proto nepovažuji za univerzální a nejlepší (což je u odborníků na použitelnost běžné). Ale v některých případech opravdu fungují, vše závisí na designu webu.


Na webu Wildberry tlačítko kontrastuje s designem a je z nějakého důvodu oranžové.

4) Text (obsah)

Tohle je můj oblíbený moment. Můžete vidět zoo možností na webových stránkách jako text uvnitř tlačítka. Věřím, že text v tlačítku by měl být:
  • přesně odrážet akci, specifikovat ji. V tomto smyslu „koupit“ nic neznamená.
  • zahrnovat . Například „Přidat do košíku“
  • obsahovat výzvu k akci, nebýt neutrální.
Zde: Šipka se speciálním symbolem (→) v tlačítku, pokud po jeho stisknutí dojde k přechodu, a její absence, pokud přechod není.


Na webu Utkonos se rozhodli obejít se úplně bez textu. Dobré rozhodnutí? Nemysli.

5) Tvar

V tomto bodě existuje silná vazba na design webu, ale obecně lze považovat obdélníkový tvar za výhodnější, je nejběžnější a pro uživatele nejpohodlnější.


Na webu Bosco je tlačítko kulaté, což je neobvyklé. Otestoval bych to na účinnost.

6) Interaktivita/taktilita

Je tak příjemné si někdy pohrát s tlačítkem myši. Jednou, dvakrát, třikrát jste na to namířili a teď už jste to stiskli. Vzácný případ? Ne, funguje to. Změníme tedy barvu pomocí overlay, zvětšíme písmo, nebo nějak změníme tlačítko. A je to tak!
Můžete také poskytnout nápovědu, která je také interaktivní.


Booking.com vás vyzve, abyste klikli na tlačítko pro přechod na nový krok.

A samozřejmě, pokud je tlačítko konvexní, pak je při stisknutí lepší stisknout, to je hmatatelnost. Proto je obvykle vhodnější trojrozměrné tlačítko se stínem než ploché.

7) Opakování

Pokud máme list obsahu (například vstupní stránku), je dobré tlačítko zopakovat. Proč? Abyste na něj nemuseli příliš rolovat, abyste na něj klikli. A také připomenout uživateli, proč mu to všechno na stránce ukazujeme – aby nakoupil.


Na webu Onlinetours je tlačítko v horní části stránky a totéž v dolní části.

8) Dílenské zpracování

Samostatný bod, který je již jasný, ale ne vždy implementován. Na nevzhledné, křivé tlačítko se kliká méně často, i když celý web stále nic. To je bariéra, kterou nikdo nepotřebuje a kterou snadno odstraní každý chytrý designér.
Kromě, dobré tlačítko je kolem něj odsazení, což zvyšuje jeho nezávislost a nechává vyniknout z veškerého obsahu. Špatné - lepí se na hrany a jiné předměty.


Vybledlá, šablonová tlačítka z 90. let na webu Nix jednoznačně vyrobili programátoři.

9) Proměnlivost

Když restartujete nebo posunete dolů, tlačítko změní barvu. V jednu chvíli se přilepí na obrazovku. Koho to zajímá? - Nikdo. Přitahuje to pozornost? - Ano.
Tato technika je vhodná pro dělený test, zkusme to.

10) Vztah k ostatním tlačítkům CTA

Nejtěžší okamžik. Nemohu dát pravidla, ale pokud máme další vedle hlavního tlačítka, pak se navzájem ovlivňují a to je třeba vzít v úvahu. Není nic horšího než dva podobné vedle sebe, oba to pesimizuje a snižuje jejich CTR.


Na stránkách BEBAKIDS jsou velikostně mírně odlišné, ale velmi podobné.

Závěr

Faktorů je mnoho (popsal ty hlavní), všechny ovlivňují samostatně a jejich kombinace působí společně. Myslím, že každý chápe, jak to ovlivňuje konverzi – přímo a přímo. Díky tomu jsem ji zvýšil 1,5krát nebo více. V každém případě stojí za to na tom tvrdě pracovat.

Funkční tlačítka pro každého!

Co je prvek CTA? Výzva k akci(CTA) – výzva k akci, která uživatele vybízí k provedení určitého kroku (nákup, předplatné, stažení) zamýšlený vývojářem stránky. Graficky je taková výzva zvýrazněna světlým tlačítkem (nejčastěji) s nápisem-call: „buy now“, „download“, „register“.

Někdy kliknutím na takové tlačítko přejdeme na jinou stránku s podrobný popis zboží nebo služby. Pak by bylo tlačítko vhodně označeno „dozvědět se více“, „zjistit více“.

Pozor: CTA tlačítko by mělo být vždy v barevném provedení celého designu stránky, mělo by být kombinované a působit esteticky. ALE vyniknout.

Jak zvýraznit tlačítka CTA

Tvar tlačítka je protáhlý, jeho okraje jsou zaoblené. Tlačítko kopíruje tvar horního menu. Jeho barva je zelená a celá stránka je vyvedena v modrých tónech. Ale barevná kombinace je v souladu s obecným rozsahem. Tlačítko je světlé, ale odpovídá zbytku grafiky.

Odvolací nápis „křičí“ o úsporách, které lze získat použitím tohoto programu. Znaky písmen mají stejnou barvu jako zbytek textu.

Volání tlačítka úzce souvisí s prvkem slevy. Zobrazí se nabídka a poté tlačítko s možností tuto nabídku využít. Zde je tlačítko logickým bodem.

Volací tlačítko má obecný charakter

Pozor: tlačítka s obecnými nápisy týkajícími se software, například „nahrát“, „stáhnout“, nejsou vhodné pro vstupní stránky. Nejsou na nich žádné informace o tom, kdo je vývojář nebo kdo vlastní program. To způsobuje nedůvěru a odmítnutí ze strany uživatelů.

Podívejme se na příklad obecného tlačítka pomocí aplikace Internet Explorer jako příklad.


Tlačítko je světlé, obrysy jsou jasné, tvar je obdélníkový. Barva odpovídá logu prohlížeče.

Na tlačítku nejsou žádná vysvětlení, obecné volání je „Stáhnout“. Ale tady je to docela vhodné, protože značka je dobře známá. Barva výzvy je v kontrastu s barvou tlačítka, ale v kombinaci s textem stránky.

Pozor: pokud je stahování programu placené, pak by bylo vhodné umístit podmínky použití vedle tlačítka. Jak to udělala značka Apple.


Po prostudování pouze tlačítka již můžete pochopit význam navrhované služby.

Velikost tlačítka je poměrně velká, barevné schéma se liší od zbytku stránky. Barva knoflíku je zelená, to je barva důvěry a klidu. Dobrý psychologický tah.

Výzva k akci je velmi jasná a ekonomické výhody jsou okamžitě viditelné – „zdarma“. Jazyk programu je okamžitě uveden.

Nalezení tlačítka CTA v horní části stránky

Podívejme se na příklady z Googlu.

Volací tlačítka na obou stránkách jsou velmi podobná, což není překvapivé. Obě tlačítka mají klasický charakter (stín, hlasitost). Tlačítka jsou umístěna na ostrůvcích stejného barevného schématu s přidaným textem.
Picasa má na tlačítku jasnou zprávu oznamující, že je k dispozici ke stažení nejnovější verze.

Jak vylepšit prvek CTA

Nezapomeňte, že prvek CTA pro vstupní stránku je nejdůležitější. Slouží k soustředění pozornosti uživatele, ke konečné akci – nákupu.

Pokud je stránka přetížená textem a obrázky, tlačítko na ní se jednoduše ztratí.

Při vytváření prvku CTA platí určitá pravidla:

1. Pokud je to tlačítko, mělo by to vypadat jako tlačítko.

2. Barva by měla být jasná, ale v souladu s celkovým schématem.

3. Velikost tlačítka by neměla být malá.

4. Můžete použít prvek, jako jsou šipky, které ukazují na tlačítko, ale nenechte se unést.

5. Text odvolání musí být promyšlený.

6. Použijte kontrast pro prvek CTA.

7. Písmo textu stránky a textu CTA prvku musí být stejné.

8. Barevné schéma celé stránky by nemělo obsahovat více než 4 barvy.

9. Vyzkoušejte různé varianty prvků a vyberte tu nejlepší.

Pojďme si probrat „naléhavé“ otázky týkající se tlačítek pokladny v internetovém obchodě.

Co je lepší napsat na tlačítko „Koupit“?

Rada, která vám ušetří spoustu času, je neobtěžovat se. Jestliže před 4-5 lety bylo ještě poněkud důležité, co bylo na tomto tlačítku napsáno, nyní na něj nelze psát vůbec nic, stačí ukázat ikonu s košíkem a bude to stačit.

Většina lidí je na internetu už dlouho. Chápou, že „Koupit“ je k ničemu nezavazuje a „Přidat do košíku“ nemá nic společného s odpadkovým košem. Vědí, že když kliknou na „koupit“, peníze nebudou automaticky strženy z jejich karty, a když „přidají do košíku“, produkt nezmizí navždy. Není proto třeba ztrácet čas a divit se, ani ta nejsprávnější odpověď, na kterou ve vašem obchodě nic výrazně nezlepší.

Nicméně pokud si o tom chcete popovídat, vytáhněme selský rozum, rozbalte logiku a zkusme na to přijít.

Bylo by logické napsat text „Koupit“ do produktové karty na nákupním tlačítku, pokud po kliknutí bude produkt přidán do košíku a uživatel je okamžitě přesměrován na stránku pro zadání objednávky. Tedy v případech, kdy je v internetovém obchodě málokdy zakoupeno více produktů.

Existuje názor, že tlačítko „Koupit“ je méně konvertující než tlačítko „Přidat do košíku“, protože „Koupit“ je již učiněné rozhodnutí a „Přidat do košíku“ je stále jen proces, který nevyžaduje právo rozhodnutí. teď. Nemá smysl se hádat, možná je to tak. Musíte se ale rozhodnout, do čeho počítat v tomto případě konverze. Pokud je přidání produktu do košíku požadovanou konverzí, pak by se tlačítko mělo jmenovat tak, ale pak se nedivte opuštěným košíkům. Pokud jako konverzi počítáte dokončenou objednávku, pak se nemusíte bát napsat „Koupit“.

Tlačítko „Přidat do košíku“ ve svém významu znamená nákup více produktů, kdy se všechny nejprve vloží do košíku a tam se zadá objednávka.

Můžete jednoduše napsat „Přidat do košíku“ a odstranit slovo „přidat“. Najdou se odpůrci takového zjednodušení, řeknou, že bez slovesa je výzva k akci horší. Volba je na vás.

Tlačítko „Objednat“ nevyvolává žádné dotazy, pokud má internetový obchod produkty jak na skladě, tak na objednávku. Poté na produkty „skladem“ vložte tlačítko „Koupit“ a na produkty, které jsou pouze na objednávku, „Objednat“.

Toto tlačítko je také vhodné pro stránky pro objednávání jídla. Vzhledem k tomu, že je obvyklé říkat „objednejme si pizzu“, je na příslušném webu docela možné použít tlačítko „Objednat“ místo „Koupit“. Ale stejně dobře budou fungovat také tlačítka „Koupit“ a „Přidat do košíku“.

Nedělejte si příliš starosti s tím, co a kdy napsat na tlačítko Koupit. Neposlouchejte odborníky, kteří pro lepší nákup konzultací a kurzů u nich nafukují důležitost každé maličkosti.

Dávno pryč jsou doby, kdy se nakupování v internetovém obchodě zdálo nebezpečné. Možná, že někde v lesích Sibiře žijí kmeny divokých uživatelů a je pro ně psychicky obtížnější kliknout na „Koupit“ než na „Přidat do košíku“, ale to nebylo vědecky prokázáno a ojedinělé případy popsané na internetu nevzbuzují důvěru.

Doporučuji přečíst si článek o automatické optimalizaci produktových karet v závislosti na určitých událostech. Konkrétně hovoří o změně textu na tlačítku v závislosti na těchto událostech.

„Přidat do košíku“, „Vložit do košíku“, „Odeslat do košíku“, jednoduše „Vložit do košíku“, „Koupit“, „Objednat“ - jeden křen (rostlina z čeledi Brassica).

Nyní, když jsme vytřídili text tlačítka, přejděme k barvě.

Ideální barva tlačítka Koupit

Když si to dáš do Googlu, najdeš výsledky A-B testy, ve kterých autoři tvrdí, že zelená tlačítka fungují lépe, oranžová tlačítka jsou také dobrá a červená tlačítka jsou zlo. Když budete trochu více googlit, můžete najít opačné názory. Není třeba brát tato prohlášení na víru a bezmyšlenkovitě přebarvovat tlačítka.

Můžete jít ještě dál a začít testovat nejen barvu, ale i texturu tlačítek. Knoflíky s dřevěným efektem prodávají přírodní produkty lépe než lesklé plastové. Brutální kovové knoflíky se dobře hodí k pánským produktům a jemné růžové knoflíky mají o 5 % vyšší pravděpodobnost, že na ně kliknou roztomilí kluci.

Testovat barvu tlačítka ve vztahu k cílové skupině je stejný nesmysl jako testovat texturu tlačítka.

Myslíte si, že si mnoho vašich potenciálních zákazníků nevšimne modrého tlačítka „Přidat do košíku“ na bílém pozadí? A pokud to uděláte zelené, kolik z těch, kteří nekoupili pomocí modrého tlačítka, si pomyslí:

"O! Tihle kluci mají zelený knoflík, cítím se klidně, zelená barva mi říká, že je bezpečné u nich nakupovat.“

Opravdu si myslíte, že barva tlačítka „Koupit“ je poslední překážkou, která návštěvníkům brání v nákupu? Nejprve opravte jiné důležité problémy a pak přejděte k takovým maličkostem. Psal jsem o tom v článku o nesprávných prioritách při práci s obchodem. Přečtěte si to, možná je to váš případ.

Pokud do vašeho internetového obchodu přijde návštěvník s úmyslem nakoupit (a nehledat popisy nových vychytávek nebo fotky cool holek v bikinách - záleží na produktu), bude spokojen s cenou, dodací lhůtou, vaším obchodem nebude mu to připadat jako podvod, manažer bude online a bude schopen správně odpovědět na všechny otázky - klient pak nakoupí bez ohledu na barvu tlačítka.

Bílé tlačítko s bílým textem na bílém pozadí funguje hůř než tlačítko jakékoli barvy, která kontrastuje s pozadím – nechoďte ke kartářce (ať už to otestujete, nebo ne). :-)

Vážně, červené tlačítko bude fungovat hůř, když je vedle něj zelené tlačítko. Myslím, že není třeba vysvětlovat proč.

Příklad dvou tlačítek vedle sebe. Červená a zelená. Na kterou byste klikli bez přemýšlení?

Totéž, pokud je jedno tlačítko například červené a druhé vedle něj je šedé a název tlačítka je napsán šedou barvou - šedé bude vypadat jako „Zakázat“ - neaktivní, nefunkční, a podle toho , klikne na něj méně lidí.

Příklad šedého tlačítka. Klikli byste na to?

Mimochodem, šedá tlačítka s šedým textem jsou častým problémem internetových obchodů. Naštěstí se hlavní tlačítko „koupit“ takto obvykle nepoužívá, ale pomocná tlačítka („Přidat k oblíbeným“, „Rychlá objednávka“, „Porovnat“) jsou velmi běžná. Návrhář se snaží udělat to krásné, správně umístit akcenty, ale zapomíná na standard, na který je každý při práci s OS zvyklý - šedá tlačítka s šedým textem (stejně jako zaškrtávací políčka a přepínače) jsou prvky, které nejsou k dispozici pro kliknutí a výběr.

Některá zvířata předstírají, že jsou mrtvá, aby si jich nevšimli a nesnědli. Stejně tak šedá tlačítka s šedým textem se tváří jako neaktivní, aby na ně nikdo neklikal.

Pokud chcete, aby tlačítka klikala, nevytvářejte ve svém internetovém obchodě taková tlačítka:

Nepřístupné tlačítko v OS, na které je každý zvyklý

Pokud je tlačítko „Koupit“ dostatečně velké a dostatečně kontrastní, pak je jeho barva téměř nedůležitá. Téměř proto, že existují výjimky, z nichž dvě jsem citoval výše. Jistě lze citovat více.

Proto, když obchody chování A-B testování dostávají různé výsledky. Někteří umí lépe stisknout červené tlačítko, jiní lépe stisknout zelené tlačítko atd. Není to o prodávaném produktu, ne o publiku, ale o designu obchodu a kontextu kolem tlačítka.

Kdy potřebujete tlačítko „Objednávka jedním kliknutím“ nebo „Rychlá objednávka“?

Vyplatí se vyrobit takové tlačítko? Tlačítko je užitečné a stojí za to ho udělat. Ale jako v mnoha jiných záležitostech, i toto má své vlastní nuance (najděte si anekdotu o nuancích sami).

Nákup jedním kliknutím je nutný, pokud objednávky často neobsahují více než jeden produkt nebo jsou produkty poměrně drahé.

Pokud je však v objednávce obvykle více než jeden produkt, lze toto tlačítko vynechat. Pokud je na ni v designu kladen větší důraz než na hlavní, může tato funkce snížit průměrnou částku šeku (protože „Objednat jedním kliknutím“ znamená zadat objednávku, nikoli odeslat položku do košíku) a zkomplikovat práci. manažerů - budou muset strávit více času telefonováním a upřesněním údajů o kupujícím.

Pokud tedy chcete realizovat rychlou objednávku a vyhnout se s ní zbytečným komplikacím, je třeba pamatovat na umístění akcentů v designu webu tak, aby prioritou bylo hlavní tlačítko „Vložit do košíku“ a „Objednat za 1“. kliknutí“ je méně patrné.

Častou chybou ve fungování tlačítka „Objednat jedním kliknutím“ je, že objednávka zadaná prostřednictvím takového tlačítka nespadá do obecného seznamu objednávek přijatých přes košík, ale do jiného seznamu nebo do e-mailu manažera. Ve skutečnosti toto tlačítko funguje jako „Zpětné volání“, což je nesprávné.

K této chybě obvykle dochází z jednoduchého důvodu – v rychlé objednávce není dostatek údajů automatické vytváření plnohodnotnou objednávku, takže jsou vloženy do informačního bloku nebo jednoduše zaslány e-mailem manažerovi Všechny objednávky, bez ohledu na to, jak byly přijaty, by měly být přidány do obecného seznamu. To zjednodušuje práci a nevytváří zbytečné kroky v obchodních procesech obchodu.

Další častý problém— donutit uživatele zadat své jméno a telefonní číslo pokaždé, když klikne na tlačítko „Rychlá objednávka“. Pokud je uživatel autorizován nebo již zadal své jméno a telefonní číslo, nenuťte jej znovu je zadávat – zadávejte je automaticky. Kupujícímu stačí pouze kliknout na tlačítko „Objednat“. Mimochodem, „rychlé objednávky“ od jednoho uživatele lze sloučit do jedné. Pokud takové lepení implementujete, částečně to vyřeší problém s objednávkami od jednoho uživatele, který chce koupit několik produktů, ale z nějakého důvodu zadá objednávku nikoli prostřednictvím košíku, ale prostřednictvím tlačítka „Koupit jedním kliknutím“.

Kdy je potřeba tlačítko „Přidat do košíku“ pouze na produktové kartě a kdy také v seznamu produktů?

Toto je další oblíbená otázka o tlačítku „koupit“ Je to stejné jako v případě tlačítka „Rychlá objednávka“ – záleží na produktech, které obchod prodává. Pokud před nákupem potřebujete vybrat několik parametrů pro produkt, který nelze zobrazit v seznamu produktů (velikost, barva, hmotnost atd.), tlačítko „Do košíku“ se do seznamu produktů nepřidá.

Souhlasím, bude to vypadat divně, pokud je tlačítko „Přidat do košíku“ v obchodě s oblečením, ale nemůžete si vybrat velikost a barvu oblečení. A i když je to možné, bude možnost okamžitě se podívat na tabulku korespondence evropských velikostí a ruských velikostí atd., informace důležité pro výběr?

Jiná věc je, pokud obchod prodává například domácí chemikálie. Tyto produkty jsou nakupovány pravidelně, často jsou vlastnosti kupujícímu již známé, úkolem není vybrat, ale najít to, co potřebujete, přidat to do košíku a rychle zadat objednávku. Pokud stránka takové nákupní schéma zahrnuje, je velmi žádoucí poskytnout v seznamu produktů tlačítko „Přidat do košíku“. V tomto případě samozřejmě musíte dát ve stejném seznamu nad tlačítkem „Přidat do košíku“ možnost vybrat požadované parametry produktu. V případě chemikálií pro domácnost to může být hmotnost, kusy, vůně atd.

Tlačítko "Pokladna" v košíku

Protože jsme začali mluvit o hlavních tlačítkách internetového obchodu, dotkněme se košíku.

Internetové obchody mají často dva koše. Malý, který se většinou nachází v pravém horním rohu, slouží spíše k informování o plném košíku a hlavním košíku, kde probíhá objednávka.

Je tedy žádoucí, aby se v malém košíku tlačítko pro přechod do velkého košíku nenazývalo stejně jako tlačítko na kartě produktu. To může způsobit drobné, ale zbytečné zmatky. To znamená, že pokud se na vaší produktové kartě tlačítko nazývá „Přidat do košíku“, pak v malém košíku by se tlačítko nemělo nazývat stejně.

Tlačítka s různou funkčností se nazývají stejně – to je nesprávné.

Vše je jednoduché ve velkém košíku. Pokud máte proces krok za krokem, tedy zadání objednávky je rozděleno do několika malých kroků, pak by vás nápis na tlačítku pro přechod k dalšímu kroku měl informovat o tom, co se bude dít dál. Například košík je rozdělen do 5 kroků:

Takový košíčky krok za krokem V moderních obchodech jsou vzácné, ale stále se nacházejí a pracují a fungují docela dobře.

V dnešní době se nákupní košík obvykle skládá pouze z jedné stránky, která obsahuje jak seznam položek v košíku, tak pole pro zadání objednávky. Například přesně to se provádí ve standardní implementaci obchodu v 1C-Bitrix.

Pravidlo je zde stejné jako ve výše uvedeném příkladu. Štítek na tlačítku by měl označovat akci, která bude provedena po jeho stisknutí. Pokud se najednou každé tlačítko, které máte, nazývá „Další“, pak pod ním musí být nápověda, kam toto tlačítko vede.

Pokud má obchod jednostránkový nákupní košík, pak by se tlačítko v něm mělo jmenovat buď „Odeslat objednávku“ (pokud máte přechodnou stránku s poděkováním), nebo „Pokračovat k platbě“, pokud neexistuje žádná stránka s poděkováním.

Přidat tlačítko Drama

Samozřejmě je to bayán, ale pokud jste ho neviděli, bude to zajímavé.

Kolem designu tlačítek probíhá spousta kontroverzí a výzkumů. Když ale navštívíme jiný web, někdy máme dojem, že marketing funguje odděleně od designu a výzva k akci plní zcela opačnou funkci. Jako by na návštěvníka křičel: "Nedělej to!" Nikdo neví, jaké je tajemství úspěšné CTA (pravděpodobně potřeba produktu). Strávili jsme ale spoustu času zkoumáním tohoto problému a našli jsme výběr zajímavých stránek s úspěšnou výzvou k akci.

MailChimp

Na webu je spousta tlačítek, ale okno „Připravit na spuštění“ pro vytvoření e-mailové společnosti je možná nejpůsobivější. Vyrobeno s humorem, demonstruje postup a zaujme svou nevšedností.

I kdyby tam žádný text nebyl, animovaná šimpanzí ruka umístěná nad červeným tlačítkem sděluje, co má návštěvník udělat.

Správa WP

Tlačítko CTA vyplní celý objem domovskou stránku. Název a krátký popisný text vám přesně říkají, co služba dělá. Požadavek na adresu po zadání nenápadně nabízí zahájení využívání služeb. Vizuální stránka je zajímavá a obsah je chytře zredukován na požadovanou akci.

Modrá zástěra

Domovská stránka je skutečně série CTA. Tato sekce poskytuje informace návštěvníkovi ve snadno čitelném formátu. Dokonce i malá ikona doručení zdarma je příjemným dojmem. Dokonale využili kulisu z čerstvých produktů, aby udělali pointu. Při pohledu na něj začnete mít hlad.

Spotify

Stejně jako Blue Apron, Spotify ukazuje svůj hlavní prodejní argument v CTA. Návštěvníkovi to ale usnadňují a zpřístupňují. Zvýraznění posuvníku důležité informace o streamovací hudební službě, ale hlavně vybízí ke kliknutí na další podrobné informace. Nesnaží se zahltit, ale usnadnit přihlášení nebo získání informací.

Zillow

Zillow je web pro vyhledávání nemovitostí. A hned od začátku návštěvník najde CTA oblast, která mu umožní provést požadovanou akci. Vše je umístěno tak, že není potřeba hledat. Jednoduchost a minimalismus.

B&O Play

Velká dávka krásného průmyslového designu spolu s pozvánkou k prohlédnutí kolekce nebo zahájení procesu nákupu těchto sluchátek. Absence zbytečných informací a efektní design činí akci atraktivní.

Mercy Corps

Když řešíte těžké životní situace, není času nazbyt. Mercy Corps vytváří pocit naléhavosti. Fotografie spojená s výrazným, vážným nadpisem zajišťuje, že návštěvníci chápou vážnost situace. Pomáhají nám vidět lidi postižené neštěstím a poskytují způsob, jak jednat.

Hnízdo

Domovská stránka známé společnosti NEST v oblasti termostatů oznamuje „Den Země“, aby se shodoval s jejich energeticky úsporným produktem. Uvnitř blikající hvězdy pozadí spolu s produktovou fotografií skutečně působí (vyvolává dojem planety plovoucí ve vesmíru). Zároveň není stránka zahlcena zbytečnými prvky a vytváří prostor.

Skagen

Jedná se o dánskou společnost, která prodává minimalistické hodinky spolu s dalšími módními doplňky. Jejich CTA ukazuje vynikající využití barev a jednoduchost značky. Zdá se, že říkají – když máte jedinečný produkt, nechte ho mluvit sám za sebe.

Patagonie

Jedná se o společnost specializující se na sportovní a outdoorové oblečení. Posuvník jejich domovské stránky – spojující produkty a příčiny – je krásně vykreslený obrázek propagující film šetrný k životnímu prostředí. Obraz je velký a jasný. Snaží se vnést na plátno trochu divočiny. To je správné z hlediska jejich cílového publika.

Výzva k akci

Dobrá CTA by měla definovat publikum a požadovaný výsledek uživatelské zkušenosti. Barva a obrázky by měly odrážet značku a pomáhat sdělovat poselství. Text by měl být krátký a přesný.

Výzvy k akci v první řadě skvěle navedou uživatele správným směrem jednoduchým způsobem. Všechny tyto příklady ukazují, že není třeba se snažit věci komplikovat. K tomu, aby lidi přesvědčili, aby jednali, stačí jednoduchá, ale jasná slova.

Na základě materiálů z speckyboy.com.

______________________________________________________________________

Materiál vytvořila obsahová marketingová agentura Textoteka.

Chcete sami implementovat obsahový marketing do svého podnikání? Přihlaste se k odběru naší komunity

© 2024 ermake.ru -- O opravě PC - Informační portál