výzva k akci. Jaká je síla výzvy k akci? CTA: co to je a jak zlepšit její účinnost

Jak napsat výzvu k akci, která zvýší konverzi (s příklady)

• Dřevěná místnost

Co potřebujete pochopit o CTA

Tvar a barva jsou důležitými vizuálními vodítky a pomáhají přitáhnout pozornost k umístění tlačítek. Ale v tom posledním kritickém okamžiku, kdy se klient musí rozhodnout, je to text tlačítka, se kterým bude interagováno.

Malá změna na stránce = významný dopad na konverzní poměr

Zde je příklad z případové studie, kdy změna jednoho slova v CTA na B2B (wiki) stránce vedla k 38,26% nárůstu konverzí.

Zákazník měl portál, přes který podnikatelé nacházeli kanceláře k pronájmu. Stránka poskytla potenciálním kupcům k nahlédnutí tisíce kanceláří. Když klienti našli vhodnou kancelář, museli kliknout na hlavní CTA (naleznete ji na všech stránkách), aby dostali více informací o nabídce pronájmu e-mailem.

To znamená, že kliknutí na výzvu k akci jsou kritickým cílem konverze a každé další kliknutí může znamenat více peněz na vašem účtu.

Všechno je to o hodnotě a relevanci

Odpověď je v tlačítku odeslat. "Objednávka" zdůrazňuje, co musíte udělat - ne to, co dostanete. V tomto případě "Získat" zdůrazňuje to, co se chystáte získat, spíše než to, co musíte udělat, abyste to získali. Jinými slovy, interpretace textu odráží význam.

Ale reflexe významu není vždy dostačující. Aby bylo dosaženo plného účinku, musí být text vašeho tlačítka také odůvodněn konkrétním scénářem konverze, ve kterém se zákazník bude nacházet, když na tlačítko klikne.

Chcete-li to ukázat, podívejte se na příklad, kde CTA, která odráží pouze význam, funguje výrazně hůře než tlačítko, které odráží význam i jeho relevanci.

Zde je zákazník oblíbeným esejistickým webem. Jejich vstupní stránka (wiki) obsahuje náhled eseje a jejich cílem je přimět potenciální zákazníky, aby se proklikli na stránku odběru.

Navzdory skutečnosti, že „Get Instant Access Now“ vyjadřuje význam (dalo by se říci „Buy Access“), není srovnatelné s „Read Full Essay Now“.
Tato výzva k akci je uvedena na více než 120 000 vstupních stránkách, takže její správné použití je zásadní pro celkovou konverzi vašeho webu.

Výše je další příklad, který ukazuje, jak má přidání relevance k CTA působivý vliv na konverze – v tomto případě 68% nárůst.

Zákazník si přál zůstat v anonymitě, ale mohu říci, že ano velká síť tělocvičny ve Skandinávii. Příklad je převzat ze vstupní stránky PPC (wiki), kde je cílem přimět potenciálního zákazníka, aby se proklikal procesem pokladny, kde si může vybrat tělocvičnu a přihlásit se k členství.

Ovládací verze je již docela dobrá, protože odráží význam a zaměřuje se na to, co získáte - a ne na to, co musíte udělat, abyste to získali. To je však velmi obecné, „Získat členství“ lze aplikovat na jakoukoli situaci, kdy je členství implikováno.

Udělal jsem malý průzkum a zjistil jsem, že poloha je velmi důležitým faktorem při rozhodování, zda se k něčemu připojit. V tomto případě tedy můžete CTA učinit relevantnější pro konkrétní scénář konverze a zvýšit konverze přidáním „Najít tělocvičnu“ (První krok v procesu pokladny zahrnuje kompletní seznam umístění tělocvičny).

Závěry z analýz: 4 roky výzkumu vyústily v jeden jednoduchý princip optimalizace

Veškerý výzkum, který jsem provedl, lze shrnout do jednoho jednoduchého principu optimalizace:
Význam + Relevance = více konverzí

Je to opravdu velmi jednoduché. Čím větší význam a relevanci dokážete prostřednictvím své CTA sdělit, tím více konverzí pravděpodobně získáte. Samozřejmě je důležité nezklamat své potenciální zákazníky nestoudnými tvrzeními, která nemůžete podložit. Udělejte tedy své psaní relevantní a zaměřte se na výhody ťukání – ale nepřehánějte to.

co bys teď měl dělat?

Když najdete CTA, pro kterou chcete optimalizovat, položte si dvě otázky:
- Jaká je motivace zákazníka stisknout toto tlačítko?
- Co klient získá, když na něj klikne?

Odpovědi na tyto dvě otázky budou tvořit základ nového textu tlačítka. Samozřejmě, že strávíte čas jeho vylepšováním a zdokonalováním, než bude připraven na testy, ale tyto otázky jsou skvělá cesta začít.

Vezměte si příklad členství ve sportovním klubu:
- Motivací klienta je stát se členem místní tělocvičny.
- Když stiskne tlačítko, bude moci najít tělocvičnu a připojit se k ní.

Text tlačítka: „Najít pokoj a získat členství“

Nějaká inspirace pro další CTAs

Je čas začít s optimalizací!

CTA (Call to Action) je výzva, která motivuje uživatele k provedení té či oné akce (jít, vyplnit formulář, zavolat, koupit, zjistit atd.). Call to Action je posledním krokem v klasickém modelu AIDA. Dobře sestavená CTA by měla upoutat pozornost, zájem a povzbudit člověka k akci. Účinnost prvku CTA je důležitý ukazatel která musí být neustále sledována. Sledujte, kolik lidí se dostalo na vaši vstupní stránku a kolik z nich provedlo akci. Li daná hodnota příliš nízká znamená, že s prvkem CTA není něco v pořádku.

Prvek CTA může být tlačítko, obrázek, formulář nebo dokonce text, který vyžaduje nějakou akci. Dá se použít všude, v jakémkoli obsahu, například ve stejných prezentacích, webinářích, bannerech atd. I hlas v rádiu, který volá zavolat nebo přejít na web rozhlasové stanice, je Call to Action.

Jak zlepšit výkon CTA

Existuje několik technik, které mohou zvýšit účinnost CTA.

1. Výzva k akci by měla být vždy viditelná. Někdy má smysl ho umístit domovská stránka stránky (na které se návštěvník soustředí), aby po prokliku mohl okamžitě začít nakupovat, objednávat, vyplňovat formulář atd.
2. CTA by měla být co nejjednodušší. Čím jednodušeji a srozumitelněji vysvětlíte podstatu, tím lepší bude výsledek. Na celou stránku můžete napsat, proč by měl člověk kliknout na toto tlačítko, nebo můžete napsat jednu frázi. S největší pravděpodobností ve druhém případě bude více přechodů.
3. Barva je to, co umožňuje vaší výzvě k akci upoutat pozornost. Používejte barvy, které budou vystupovat z pozadí ostatních prvků webu, ale zároveň zapadnou do celkového designu stránky a stylu firmy.
4. Upoutejte více pozornosti zvětšením velikosti tlačítka CTA. Udělejte ji širší, větší než zbytek prvků, aby vynikla. Jde hlavně o to, aby to zapadlo do celkového designu webu, aby to nevypadalo směšně.
5. Mezery pomáhají zvýraznit tlačítko nebo jej svázat s nějakým prvkem (například s textem, který odhaluje podstatu tlačítka).
6. Vždy používejte slova jako „zavolat“, „stáhnout“, „objednat“, „koupit“, „naučit se“, „číst více“ atd. Uživatel by měl mít pocit srozumitelnosti. Bez jakýchkoliv pochybností. Musí přesně vědět, co se stane po stisknutí tlačítka.
7. Sdělte klientovi, co získá, jaký je jeho přínos, místo popisování jeho předností a funkčnosti. Koneckonců, lidi vždy lákala možnost získat výhody, slevy atp.
8. Využijte termín. Výzva k akci by vás měla vyzvat, abyste něco udělali hned, ne později. Ukažte, že doba akce je omezená, nabídka platí do určité doby. Termín je důležitou součástí téměř každé CTA.
9. Vyzkoušejte různé možnosti výzvy k akci. Používejte různé strategie, nabídky, design, umístění atd. Sledujte výkon každé výzvy k akci a vyberte ty, které mají největší konverzi.

Výzva k akci je spouštěč, který uživatele vyzve k akci. A čím originálnější a zajímavější tato spoušť bude, tím více lidí na ni klikne.

Měli jste někdy potíže přesvědčit návštěvníky vašeho webu, aby provedli požadovanou akci? Možná byste chtěli, aby se přihlásili k odběru vašeho newsletteru nebo zanechali žádost o demo produktu, ale z nějakého důvodu veškeré vaše úsilí nevedlo k požadovanému výsledku.

Můžete najít několik důvodů vysvětlujících toto chování návštěvníků a dokonce o tom napsat celou knihu, ale tento článek se bude zabývat možná jedním z nejčastějších: neúčinnými výzvami k akci.

Ale místo „nahé“ teorie, 15 inspirativních a účinná odvolání k akci, která na svém příkladu ukáže, jak generovat potenciální zákazníky.

Připomeňme, že výzva k akci (CTA, call-to-action) je tlačítko nebo odkaz umístěný na stránce, jehož účelem je naznačit cílovému návštěvníkovi, jakou akci má na stránce dále provést. další krok interakce zdrojů.

V příchozím marketingu CTA obvykle vedou k vstupní stránky, kde uživatel může vyplnit webový formulář a stát se leadem.

Jak používat CTA při generování potenciálních zákazníků

Tlačítka s výzvou k akci můžete umístit kamkoli na svůj web, ale je důležité, abyste to udělali správně.

Hlavní je, aby výzva skutečně zaujala návštěvníky a byla natolik přesvědčivá, že málokdo odolal a neklikl na kýžené tlačítko.

Udělejte svým návštěvníkům nabídku, která se nedá odmítnout. Měl by být nejen vizuálně atraktivní, ale také dostatečně významově přesvědčivý.

Aby hovory zvládly úkol, který jim byl přidělen, neměli byste zapomínat na takový faktor, jako je (cesta kupujícího - trasa, kterou potenciální klient sleduje před uzavřením obchodu).

Pokud hovor, který plánujete přidat na stránku, neuspokojí potřebu v určité fázi cesty, pak se žádná magie nestane a člověk od něj neprovede očekávanou akci.

Aby byly vaše hovory efektivní při získávání potenciálních zákazníků, dodržujte tyto osvědčené zásady:

1. Výzvy by měly být zaměřeny na akci.
2. Text musí být přesvědčivý.
3. Výzva musí být vizuálně přitažlivá.
4. Použijte faktor naléhavosti (omezte čas na rozhodnutí).
5. CTA by měla být na stránce dobře viditelná.

Zveme vás, abyste se seznámili s 15 exemplárními výzvami k akci, které vás jistě inspirují k vytvoření vlastních mistrovských děl.

Text výzvy ke službě Netflix není jen přesvědčivý. Nejenže vám nabízí měsíc bezplatného sledování filmů a seriálů, ale také vám dávají možnost využívat službu na jakémkoli zařízení a zrušit předplatné, kdykoli budete chtít, pokud náhle nebudete spokojeni s kvalitou služeb.

Titulek: „40 hodin PPC analýzy za 60 sekund. Rychle. Bezpečně. Zdarma".
CTA: „Získejte svůj bezplatný přehled ještě dnes“

WordStream používá kontrastní barvy, aby jeho výzva k akci na světle modrém pozadí ještě více vynikla. Dvakrát opakují, že jejich produkt je zdarma, abyste si jejich službu chtěli vyzkoušet.

Název: „Komplexní řešení pro analýzu webových stránek a sběr dat zpětná vazba. Hotjar je nový a snadný způsob, jak skutečně porozumět návštěvníkům vašeho webu pro počítače a mobilní zařízení. OTEVŘENO nejlepší příležitosti pro dnešní růst. Není potřeba kreditní karta."
Nápis na CTA: "Vyzkoušejte to zdarma."

Hlavní stránka služby Hotjar se liší tím, že má dvě totožné výzvy k akci vedoucí na stejnou stránku. Díky povedenému barevnému provedení a umístění tlačítek jsou celkem snadno rozpoznatelná i při zběžném pohledu na stránky.

Název: " Výkonné nástroje kteří napumpují každý krok vašeho prodejního procesu.“
CTA: "Začněte zdarma."

Trik s HubSpot spočívá v tom, že před obrázek obchodníka staví docela přesvědčivou prodejní prezentaci a výzvu k akci, takže návštěvníci jsou okamžitě v pokušení vyzkoušet jejich prodejní nástroje v akci.

Prezentace obrázků souvisejících s nabídkou za CTA pomáhá lidem představit si, že produkt používají, a kliknutí na tlačítko je působivější.

HubSpot také používá nezávadný text na tlačítku volání, což z něj dělá jakousi výzvu k zahájení používání jejich produktu.

Nadpis: „Posílejte e-maily, které vaši zákazníci nemohou ignorovat. Snadno použitelný, profesionální nástroj pro e-mailový marketing a automatizaci pro dnešní rychle rostoucí podniky.“
CTA: "Začněte zdarma"

Tlačítko CTA služby Monitor kampaně se nachází nahoře video na pozadí a natřené jasnou barvou, takže je těžké si toho nevšimnout. Umístěním ikony živého chatu do rohu stránky vám společnost dá vědět, že pokud máte nějaké dotazy nebo obavy, nápověda je dostupná pouhým kliknutím.

Název: „Nejvýkonnější analytický nástroj, který vám pomůže porozumět chování kupujících a podpoří obchodní růst.“
CTA: "Vyzkoušejte Kissmetrics."

Chcete, aby vaše volání bylo skutečně motivující? Přidejte pole pro zadání e-mailu vedle tlačítka, aby žádný z návštěvníků neopustil stránku, aniž by opustil svůj kontakt! Příklad Kissmetrics je v tomto ohledu obzvláště úspěšný.

Název: "Hudba pro každého."
CTA: „Používejte Spotify zdarma“, „Připojte Spotify Premium“.

Spotify je velmi vynalézavý, pokud jde o navrhování CTA. Stránka obsahuje dvě výzvy najednou, vzájemně si konkurující – jedna vede k možnost zdarma služba a druhá - za placenou.

Spotify dává naprosto jasně najevo, že jejich službu lze využívat za poplatek (to je jejich konečný cíl), a zároveň chápe, že ti, kteří službu vyzkouší zdarma, se nejprve stanou platícími zákazníky. Oba hovory jsou proto umístěny na stejné stránce.

Titulek: „Trello vám může pomoci zlepšit vaše společná práce a dokončit další úkoly. Plochy, seznamy a mapy usnadňují organizaci a prioritizaci práce na projektech.“
CTA: Přihlásit se k odběru. Je to zdarma".

Tím, že stránka zůstává bez obsahu a používá kontrastní barvy, Trello zajišťuje, že jejich působivý text výzvy k akci a samotné tlačítko nezůstanou uživateli bez povšimnutí. Nic vás neruší od dalšího kroku – přihlaste se.

9. Lyft

Titulek pro cestující: "Jízda za pár minut." CTA: "Přihlaste se k odběru."
Nadpis pro řidiče: "Sedněte si za volant." CTA: Staňte se řidičem s Lyftem.

Když vaše společnost nabízí dvě služby současně, jako například v případě Lyft, je důležité zajistit, aby se nabídky a hovory vzájemně nesnižovaly. Různé texty tlačítka („Přihlásit se nyní“ a „Staňte se řidičem Lyftu“) sdělují návštěvníkům, jakou akci by měli podniknout dále. Jasně růžová barva tlačítka CTA okamžitě upoutá pozornost uživatelů, takže je nelze přehlédnout.

Titulek: „Ukažte práci, kdo je tady velí. Schopnost rychle spolupracovat volný přístup vzdálená plocha, neomezené nahrávání zvuku, videokonference. Registrace není nutná."
CTA: "Zahájit schůzku."

Text na tlačítku volání Join.Me říká, že službu můžete začít používat během několika sekund. Není nic horšího, než být v práci a celé hodiny čekat na začátek schůzky. Join.Me chápe, jak je to nepohodlné, a nabízí řešení. Jasně oranžová barva tlačítka dělá toto CTA ještě efektivnější.

11. IKEA

Vyskakovací výzvy k akci fungují fantasticky. Obvykle se jedná o pozvánku k odběru newsletteru nebo blogu společnosti, ke stažení jakýchkoli materiálů. Přesně taková je situace na webu nábytkářského gigantu IKEA. Pro design tlačítek jsou zvoleny firemní barvy a doprovodný text vám dá vědět, co se bude dít po zadání požadovaných informací.

Název: Čteme. Dozvíte se to nejdůležitější. theSkimm nabízí jednodušší způsob, jak být chytřejší. Zkusme se probudit společně."
CTA: "Připojte se k milionům dalších."

TheSkimm ve své pop-up výzvě k akci dává jasně najevo, co je smyslem jejich nabídky. Kromě toho podporují hovor silnými sociálními důkazy a přesvědčují lidi, aby se připojili ke službě, jak to již udělaly miliony dalších.

13.CHLADÍ

Název: „Pojď. Přihlaste se k odběru a získejte skvělé nabídky od předních prodejců oblečení.“
CTA: "Připojit se".

Ve své výzvě k akci se COOLS silně spoléhá na vizuální prvky. Malebná fotografie stylově oblečeného páru líbajícího se uprostřed ulice spolu s extrémně výrazným titulkem „GET IT“ (Take it) bezpochyby upoutá vaši pozornost.

Titulek: „Jsme hrdí na naše produkty a chceme, abyste je osobně ohodnotili. 10% sleva na první nákup. K dispozici do 48 hodin."
CTA: „Ano, prosím. Pošlete mi kupón." "Ne, díky. Nezajímá mě to".

Při pokusu o konverzi návštěvníků využívá služba Ugmonk , který před uživatelem vyskočí ve chvíli, kdy se snaží stránku zavřít. Zpravidla je to poslední šance firmy přesvědčit člověka, aby zůstal a nakoupil, takže nabídka musí být skutečně zisková. V tomto příkladu Ugmonk dává potenciálnímu zákazníkovi 10% slevu na jeho první objednávku, která však platí po určitou dobu, což vytváří pocit naléhavosti.

Dalším pozoruhodným aspektem této výzvy k akci je, že dává uživateli na výběr: přijmout nabídku a kliknout na „Ano“ nebo odmítnout a vybrat „Ne“. Tím, že ponechává lidem možnost odstoupit od nabídky, nutí Ugmonk lidi, aby si dvakrát rozmysleli, zda opravdu chtějí odstoupit od smlouvy. Je zřejmé, že samotná společnost chce, abyste si vybrali první možnost, což naznačuje skutečnost, že barva textu nabídky a tlačítka „Ano“ jsou stejné.

Název: „Učte se. Posouzení. Sdílejte s ostatními. Připojte se nyní a získejte přístup k milionům recenzí produktů a zprávám o spotřebitelském trhu."
CTA: "Připoj se."

Volání Influenster se poněkud liší od celého seznamu.

Při první návštěvě webu v horním rohu webu si všimnete pouze malého tlačítka s textem „Připojit se nyní“ (Připojit se nyní), ale po 30 sekundách se objeví větší CTA, ze kterého je zřejmé, že společnost skutečně chce, abyste se ke službě přece jen připojili.

Závěr

Všechny uvedené společnosti se při vývoji svých výzev k akci řídily osvědčenými postupy a technikami, a proto jsou jejich výzvy k akci skutečně účinné a generují potenciální zákazníky. Pokud chcete dosáhnout stejného výsledku - víte, co dělat.

Materiál Vám zašleme:

Prvky CTA (Call To Action) jsou prvky, které vyzývají k akci na vstupní stránce. Mnoho lidí stále podceňuje vliv prvků rozhraní na konverzi dat. V tomto článku vám ukážeme, co je potřeba k vytvoření tlačítka výzvy k akci (CTA Button), které 100% upoutá pozornost návštěvníků a může výrazně zvýšit generování potenciálních zákazníků a míru konverze.

Z tohoto článku se dozvíte:

1. Co jsou prvky CTA
2. Vytvoření tlačítka výzvy k akci
3. 4 doporučení, aby vaše výzva k akci (fráze) byla účinná

Co jsou prvky CTA

Účelem prvku CTA je povzbudit návštěvníka stránky k akci, kterou vývojář očekává – registraci, stažení něčeho, nákup, přihlášení k odběru atd. Tato akce vede ke konverzi, která následně zvyšuje prodej a propagaci vašeho produktu.

Nejběžnějším prvkem CTA je interaktivní tlačítko, které spouští proces (registrace, stahování, nákup atd.). Stává se, že takové tlačítko přesměruje uživatele do jiné sekce webu, například do sekce s dalšími informacemi. Obvykle jsou taková tlačítka označena nápisy: „Zjistit nyní“, „Získat informace“ a podobně.

Tlačítka CTA se skládají z několika prvků – designu a textu. Oba ovlivňují konverze, ale každý z nich má svou vlastní roli.

1. použití vizuálního signálu přitahuje potenciální zákazníky k akci. Tento návrh ukazuje klientovi, kam kliknout.
2. Textříká, co se stane po stisknutí tlačítka. Odpovídá tak na otázku, proč by měl klient kliknout.

Nejnešťastnějším návrhem prvku CTA je pobídka jako „Zavolejte nám“. Tento typ je přísně nepřijatelný. Mnohem lepší je navrhnout CTA tlačítko formou zajímavé nabídky pro uživatele. Může to být předplatné užitečného newsletteru nebo tlačítko pro stažení potřebného softwaru nebo dokumentu, knihy, učebnice.

Prvky CTA naznačují možnost neustálého experimentování s cílem zvýšit jejich klikatelnost. Změnit můžete nejen tvar CTA prvku, ale také jeho design nebo umístění na stránce. Přes určitý čas ukáže se, co nefunguje a co úspěšně sbírá přechody.

Jaké jsou cíle prvků CTA?

Prvky CTA mají širokou škálu funkcí. Ve skutečnosti může mít výzva k akci poměrně širokou škálu významů. Hlavní věc je, že uživatel stiskne tlačítko CTA a provede akci.

Při vytváření prvku CTA musíte vzít v úvahu jak akci, kterou vyžaduje, tak cílová skupina a typ webu. Níže pokryjeme nejběžnější typy tlačítek CTA.

1. Přidejte do košíku

Internetové obchody využívají různé CTA prvky a nejběžnější jsou tlačítka „Přidat do košíku“. Tyto prvky CTA jsou umístěny na stránce prodávaného produktu a slouží jako výzva k jeho nákupu. CTA tlačítka tohoto typu jsou zdobena ikonou košíku nebo karty s malým vyzývacím textem „Přidat“ nebo „Koupit“.

2. Stáhnout

Tento typ tlačítka CTA je podobný předchozímu, protože vám umožňuje převzít požadovanou položku. Text tohoto prvku CTA je obvykle informativnější než ten předchozí. Například v případě stahování programu mohou návrháři na tlačítko umístit informace o jeho verzi a velikosti.

3. Soud

Některé stránky nabízejí potenciálním zákazníkům zkušební přístup k informacím (zkušební účet) nebo zkušební verzi produktu, aby zvýšili zájem. Návrháři těchto CTA tlačítek mohou poskytnout prvku co nejvíce detailů. nezbytné informace a zařiďte to zdrženlivější.

4. Další informace

Tyto prvky CTA jsou obvykle umístěny na konci bloku informací upoutávky. Design těchto tlačítek je jednoduchý a přitahuje pozornost díky velké velikosti.

5. Registrace

Obecně existují dva typy prvků CTA spojených s registrací. První z nich se převádí přímo do registračního formuláře, druhý také plní funkce prvku CTA z prvního odstavce, zobrazující formulář platby na účet pro další použití.

6. Hledat

Poměrně často se na různých stránkách vyskytují pole označená ikonou lupy. Tato vyhledávací pole platí také pro prvky CTA stránky.

Toto není úplný seznam tlačítek CTA, ale většina z nich je funkčně podobná těm výše. Principy popsané pro uvedené prvky CTA jsou docela vhodné pro další výzvy k akci, jejichž příklady jsme nezmínili.

Jak vypadají prvky výzvy k akci – příklady

Existuje řada způsobů, jak vytvořit CTA prvky, pomocí kterých můžete naprosto upoutat pozornost návštěvníka a povzbudit ho k navrhované akci. Dále se podíváme na takové metody vývoje a jako příklad použijeme oblíbené internetové projekty.

Při vývoji prvku CTA je důležité vzít v úvahu, že by měl být v souladu s hlavním designem vstupní stránky a webu jako celku. Prvek CTA by měl sice vyčnívat z pozadí ostatních grafických prvků, ale musí zůstat detailem celkové kompozice, aniž by se z ní vymanil.

Odešlete přihlášku

Tlačítko, které uživateli poskytuje maximum informací o tom, co kliknutím na něj obdrží

Příkladem kvalitního (možná lepšího) provedení CTA prvků jsou stránky Skype a Mozilly. Pokud odstraníte veškerý text a grafické informace, pro návštěvníka by bylo snadné zjistit vše potřebné pouhým pohledem na tlačítko.

• Provedení tohoto prvku CTA je kombinováno s gama hlavního menu webu. Přestože je tlačítko méně nápadné, toto provedení udává tón celkovému stylu. Za povšimnutí stojí i sémantické propojení textu prvku CTA s kompozicí: na fotografii je muž s telefonem, na tlačítku výzva ke stažení programu pro komunikaci.
• O prvku CTA jsou některé informace: ikona a logo.
• Zobecněná povaha prvku CTA ke stažení. Výhoda nemusí být uživateli jasná, přestože je produkt zdarma.

Prvky CTA webu Mozilla mají podobné parametry, ale existuje několik rozdílů:

• Velikost prvku CTA je velká a okamžitě upoutá pozornost díky barvě, která je odlišitelná od obecné stránky. Zelený prvek CTA je považován za „bezpečný“ a „klidný“, což zvyšuje důvěru návštěvníků.
• Prvek CTA má kompletní informace pro potenciálního klienta: jméno, hovor a akční cena.
• Výzva k akci je jasná – „Stahujte zdarma“. Vyjasňuje také hodnotu nabídky.

Obecné tlačítko

Pokud vaše vstupní stránka nabízí stažení nějakého softwaru, pak by prvek CTA neměl obsahovat pouze obecné volání (například „stáhnout“ nebo „stáhnout“). Je nutné uvést informace o vývojáři tohoto softwaru, protože to zvýší míru důvěry ze strany návštěvníků a sníží počet bounces na stránce.

Zvažte stránky ke stažení nejznámějších internetových produktů: prohlížeče IE od společnosti Microsoft a aplikace iTunes společnosti Apple.

• Prvek CTA kontrastuje s hlavním gamutem stránky s jasnějším odstínem zelené. Navzdory tomu tlačítko dobře zapadá do celkového gamutu webu.
• Prvek CTA je proveden stručně a zachovává si pouze funkční význam. V tomto případě nejsou podrobné informace o produktu potřeba kvůli široké popularitě značky.
• Barva textu na prvku CTA kontrastuje s barvou samotného prvku, ale je stejná jako u nadpisu. Písmo je podobné hlavnímu písmu textu na stránce.

Podobná situace s prvkem CTA na webu Applu

• CTA prvek v modré „značkové“ barvě se dobře vyjímá na bílém podkladu a samotné tlačítko má jednoduchý tvar.
• Text prvku CTA je také obecný, s ikonou stahování. Barva textu odpovídá barvě pozadí stránky, písmo na prvku CTA je stejné jako u zbytku obsahu.

Vzhledem k tomu, že software je komerční, jsou vedle prvku CTA umístěny odkazy na "Prohlášení o důvěrnosti" a formulář pro vyjádření souhlasu s licenční smlouvou.

CTA prvek, který obsahuje výzvu, která zdůrazňuje výhody nabídky

V této části uvedeme jako příklad stránky Mail.ru a Frendi.ru (bývalý Groupon).

• Prvek CTA na této stránce je jasně zelený, což vytváří dobrý kontrast s bílým pozadím, ale přesto s ním dobře ladí a nevede k nevyváženosti.
• Volání prvku CTA otevřeně demonstruje výhody kliknutí na něj a vybízí návštěvníka, aby to udělal „hned teď“. Písmo na prvku CTA je normální, stejné jako zbytek textu na stránce.

Je důležité si uvědomit, že stránka obsahuje pomocný prvek „Volání zdarma“, který odkazuje na volání na tlačítku. Jeho design přitahuje pohledy, díky čemuž bude uživatel hledat, jak takové získat zisková nabídka. Účinnost tohoto prvku CTA bude navrch, protože toto tlačítko je logickým závěrem návštěvy stránky.

Stránky Frendi používají jinou techniku:

Skvělá kombinace textu a tlačítka v prvku CTA, který upoutá pozornost a vybízí k akci.

• Prvek CTA je světlý, podlouhlý a jeho barva se liší od celkového rozsahu webu. Přesto vyplnění okna barevnými obrázky pomáhá vyhnout se nerovnováze a jejich dekorativní efekt je „trik“, který neodvádí pozornost uživatele od funkční části.
• Výzva na prvek CTA jasně souvisí s kontextem nabídky a funguje jako „konečné slovo“, takže její obecné znění je vcelku přijatelné. Barva textu kontrastuje s tlačítkem a je použito tučné písmo, které psychologicky propojuje text na CTA prvku s nadpisem.

Tlačítko výzvy k akci se nachází v horní části stránky

Pro ilustraci této části si vezměme Ozon a Pinterest. Designy na jejich CTA vstupních stránkách jsou velmi podobné.

• Prvek CTA je proveden v "přísném" modrá barva, s klasickým tvarem tlačítka (s efekty stínů a hlasitosti). Pro kontrastní zvýraznění tlačítka bylo použito „lemování“ mezitónu pod tlačítkem. Také v této oblasti byly výzvy pro uživatele - "Vyberte" a "Vyhledejte".
• Nápis na prvku CTA je jednoznačný, vyrobený ve stejném stylu, liší se pouze přítomností důrazu. Barva textu kontrastuje s barvou tlačítka a odpovídá barvě pozadí.

Pozor na barevné provedení stránky Ozone, které je spíše „skromné“, bez přemíry barev. Taková "psychologická" technika byla vyrobena záměrně - uživatelé v tom vidí určitou spolehlivost a absenci touhy vývojáře upoutat pozornost jasným pozlátkem. Pro usnadnění vnímání informací slouží obrázky zobrazující provoz služeb.

Jak vytvořit tlačítko výzvy k akci

Krok 1. Vyberte místo, kde bude tlačítko umístěno.

Každý majitel webu chce, aby prvky CTA dobře vynikly a dokázaly rychle upoutat pozornost návštěvníka. Chcete-li dosáhnout tohoto efektu, musíte použít negativní prostor kolem tlačítek. Mezi obsahem stránky a prvkem CTA by měl být „vzduch“. Někdy je toto pravidlo volitelné, jako v případě tlačítek Přidat do košíku, ale obvykle tato technika zvyšuje efektivitu.

Zároveň je třeba pamatovat na rovnováhu. Pokud je naším cílem spojit CTA a obsah do jediné kompozice, měl by být negativní prostor úměrný velikosti tlačítek. K dosažení přijatelného výsledku může trvat několik pokusů.

1. Odhadněte velikost prostoru kolem prvku CTA. Návrh by se neměl skládat z hromady prvků.
2. K určení velikosti záporného prostoru použijte zlatý řez nebo pravidlo třetin.
3. Negativní prostor by měl prvek CTA odlišit od hlavního obsahu stránky.

Krok 2. Rozhodněte se o velikosti a barvě.

Velikost prvku CTA - důležitý parametr. Pokud je tlačítko příliš malé, ztratí se mezi ostatními informacemi na stránce a nebude fungovat. Pokud je prvek CTA příliš velký, zastíní ostatní obsah na stránce. Ideálně, když je tlačítko viditelné na pozadí ostatních prvků, ale zároveň je nepotlačuje.

Výběr barvy závisí na velikosti knoflíku. Pokud je prvek CTA plánován jako velký, musíte zvolit barvu, která se příliš neliší od obecného rozsahu, ale kontrastuje s pozadím. Na malé tlačítko se dobře hodí jasná barva, která bude kontrastovat s hlavním gamutem. Ale v tomto případě by barva prvku CTA neměla příliš vyčnívat z designu stránky v kombinaci s jejími dalšími prvky.

1. Prvek CTA by měl být největší na stránce.
2. Malý knoflík potřebuje kontrastní odstíny.
3. Pro velký CTA prvek se hodí méně kontrastní barvy.
4. CTA prvky by na sebe měly upozorňovat, ale nekazit celkový vzhled.

Krok 3. Vymýšlení textu.

Účinnost celého prvku CTA může záviset na znění textu na něm. Například fráze „Kup teď“ může na uživatele vyvíjet tlak, být vlezlá. Neutrálnější „Přidat do košíku“ takové negativní konotace postrádá. Měli byste také věnovat pozornost velikosti textu. Kratší nápis „Zkušební verze“ bude lepší než dlouhý nápis „Vyzkoušejte službu zdarma“.

Text na prvcích CTA by neměl být složitý a matoucí. Návštěvník stránky by měl na první pohled pochopit, co se stane po kliknutí na tlačítko. Pokud lze textu porozumět dvěma způsoby, negativně to ovlivní konverzi. Písmo na prvku CTA je lepší použít velké, ale mělo by být v souladu s velikostí tlačítka a dobře čitelné.

1. Text musí být jasný.
2. Písmo je lepší zvolit větší a nápadnější.
3. Nápis na prvku CTA by měl skutečně vyzývat k akci.

Krok 4. Dáváme návrhu šťavnatost.

Naším úkolem je povzbudit návštěvníka vstupní stránky, aby co nejrychleji provedl požadovanou akci. Není třeba potenciálního klienta klamat, nicméně čím déle přemýšlí a porovnává, tím vyšší je pravděpodobnost, že dostane negativní odpověď.

Je potřeba, aby návštěvník ve stejnou chvíli pocítil potřebu akce. Musí okamžitě stisknout tlačítko CTA. Samozřejmě ne všechny CTA prvky by takto měly fungovat, zvláště pokud se prodává drahý produkt, ale návštěvník by měl na bezplatné či levné nabídky reagovat bez přemýšlení.

1. Pobídněte návštěvníka k okamžité akci.
2. Odstraňte možné důvody váhání.
3. S ohledem na důležitost rychlosti je nepřijatelné uvádět potenciálního klienta v omyl.

Krok 5. Přidání dalších informací.

V případě potřeby by měl uživatel obdržet další informace o důsledcích kliknutí na prvek CTA. To platí zejména pro tlačítka „Vyzkoušet“ a „Stáhnout“. V těchto případech je třeba zadat velikost souboru, dobu platnosti zkušební doba, verzi stahovaného programu.

Při zveřejňování takových informací bychom neměli zapomínat, že výzva k akci by měla být středem pozornosti. Obvykle se za tímto účelem text CTA trochu zvětší a text doplňujících informací je menší.

1. Prvek CTA by měl obsahovat pouze informace, které uživatel potřebuje.
2. Dodatečné informace není vyžadován každý prvek CTA. Je vhodnější pro tlačítka Stáhnout nebo Vyzkoušet.
3. Přímá výzva k akci by měla být nejviditelnějším textem na prvku.

Krok 6. Stanovte si priority.

Pokud je na stránce více než jeden prvek CTA, musíte mezi nimi stanovit prioritu. Důležitost prvku lze zvýraznit různými způsoby, ale nejčastěji používané zvýraznění je barva a velikost.

Kontrastnější odstíny vzhledem k hlavní barvě význam prvku CTA zvyšují, méně kontrastní jej snižují. Podobně je to s velikostí - pro důležitější tlačítka větší velikost, pro méně důležitá menší.

Krok 7. Přidání obrázku.

Pokud prvek CTA ozdobíte ikonou, můžete zvýšit konverzi. Například je vhodné zobrazit ikonu nákupního košíku na tlačítku „Koupit“ nebo ikonu šipky na tlačítku „Stáhnout“. Ještě lepší je použít unikátní ikony, ale v tomto případě musí účel prvku CTA plně odpovídat obrázku. Uživatel nesmí být uveden v omyl.

1. Obrázek na prvku CTA by měl pomoci pochopit jeho funkci a návštěvníka nezmást.
2. Ikony s jednoduchým a srozumitelné obrázky rychle informovat uživatele o účelu prvku.
3. Můžete použít unikátní ikony, ale pouze v případě, že se jejich význam zcela shoduje s funkčností prvku CTA.

5 známek úspěšného tlačítka výzvy k akci na vstupní stránce

CTA prvek je opravdu tlačítko

Navzdory zřejmosti myšlenky je třeba říci, že tlačítko CTA musí být tlačítko, to znamená, že to není text, ani odkaz, ani animace, ani nic jiného. Tento nástroj má dostatek výkonu a účinnosti na to, aby nahradil tlačítko něčím jiným.

V otázce optimalizace konverzí nemusíte dávat volný průchod marketingové fantazii a honit se v roli trendsettera. Myšlení většiny lidí je uspořádáno tak, že nejrychleji reaguje na známé věci. Vzorce myšlení neuropsychologové nazývají také vzorce chování.

Myšlení je samozřejmě plastické, může se přizpůsobovat a rozvíjet, ale obecně je průměrný člověk otrokem zvyklostí. Pokud se vaše ranní cesta z postele do koupele náhle změní, takové změny vás zaskočí a bude pro vás těžké se zorientovat.

U CTA tlačítek je situace podobná. Uživatelé mají své známé zkušenosti s interakcí s online službami, což jim říká, že formou prvku CTA je tlačítko. A když návštěvník webu uvidí tlačítko, okamžitě pochopí, co má udělat.

Dobrá tlačítka CTA mají řadu funkcí:

• Jasné formy a hranice.
• Kontrast s ostatními prvky na stránce.
• Přítomnost textu výzvy k akci.

Nejběžnějším tvarem prvků CTA je obdélník, ale není tomu tak předpoklad. Můžete přidat stín, zaoblené a řezané okraje atd.

Text na tlačítku vybízí k akci

Zatímco design prvku CTA je důležitý, mnohem důležitější je text, který je na něm napsán. Ani zde není třeba znovu vymýšlet kolo. Nejúčinnější CTA prvky nejsou ohromující ve své komplexnosti. Nejúčinnější bude slovo „Get“ v různých obměnách.

Nedělejte frázi příliš dlouhou. Pokud obsahuje více než 10-15 slov, bude prvek přetížen textem. Klíčem k úspěchu jsou jednoduché fráze. Současně lze vytvořit dvě věty, pokud jsou krátké. Například „Zveřejnit práci. Zdarma!".

Tlačítko CTA je umístěno logicky

Jak nám říká Fittsův zákon, umístění tlačítka CTA by mělo být v cestě pohledu návštěvníka stránky. Je potřeba trochu předvídat chování uživatelů a umístit prvek CTA tam, kam chce návštěvník dále.

Tato myšlenka nenese žádnou složitost, ale z nějakého důvodu ji mnoho obchodníků ignoruje. Struktura úspěšné vstupní stránky vypadá takto:

• Titul.
• Popis výhod.
• Prvek CTA a formulář pro zachycení.

Zřejmým řešením je tedy umístit tlačítko CTA na konec, ale nad linii přeložení. To také funguje, pokud má vstupní stránka mnoho textu, protože tlačítko CTA by mělo být stále úplně dole.

Tlačítko CTA spojené s předchozí akcí

Výzva k akci prvků CTA je dána i tím, že se nacházejí na trajektorii pohledu a na dráze akcí uživatele.

Mnoho vstupních stránek se snaží využít efekt paralaxy. Části stránky provádějí určité akce a při posouvání stránky dolů se návštěvník setká s prvky CTA. K setkání s podněcujícími prvky tedy dochází až po rolování, což je příklad spojení CTA prvků s předchozí akcí návštěvníka na stránce.

Tlačítka CTA nekonkurují prvkům uživatelského rozhraní

Jak bylo uvedeno výše, kolem prvku CTA by měl být definován volný prostor. Tlačítko by nemělo konkurovat jiným prvkům stránky.

Jaký by měl být design tlačítka výzvy k akci

Podívejme se v rychlosti na příklad velkého internetového obchodu, který prodává ručně malovaný porcelán. Změnou tvaru a barvy CTA prvku dokázali marketéři zvýšit nejen míru prokliku, ale i tržby o 35,81 %.

Tento příklad dobře ukazuje, jak můžete zvýšit konverzi změnou designu prvků CTA.

Moderní pohled na teorii optimalizace konverzí a designu nepovažuje za možné umístit čtvercová a plochá tlačítka. Pokud váš web obsahuje značné množství takových prvků CTA, doporučujeme je změnit.

Tlačítka CTA přicházejí v široké škále velikostí, barev a tvarů. Nelze identifikovat pouze jednu věc - univerzální princip, jehož použití poskytne zaručený výsledek v různých situacích.

Mnoho pseudoodborníků rádo pronáší výroky typu „Nepoužívejte v CTA červenou, je to zakazující barva“ nebo „Zelená je nejlepší řešení!“. Taková zobecnění mohou znít docela směrodatně, ale jejich problémem je, že mají malý vztah k realitě.

Praxe ukazuje, že při implementaci stejného řešení za různých okolností se výsledky značně liší. Je to ovlivněno celkovým designem stránky a hromadou dalších, velmi odlišných okolností, podmínek a proměnných.

Výše jsme uvedli příklad, kdy zelené tlačítko fungovalo lépe než modré, ale to není důvod k prohlášení o absolutní převaze prvního nad druhým. Existuje mnoho výsledků rozdělených testů, kde modrá nebo červená tlačítka dávala nejlepší konverze než ty zelené.

Níže uvádíme několik tipů, které vám pomohou vytvořit prvek CTA zvyšující prodej.

• Vždy zvýrazněte tlačítko

Hlavním pravidlem při optimalizaci prvku CTA je, aby byl kontrastní. Tlačítko by mělo být na vstupní stránce umístěno tak, aby jej návštěvník okamžitě viděl. Pokud je barevné schéma vaší stránky v zelených tónech, nebude prvek CTA schopen správně fungovat a zvýšit konverze. Důvodem bude, že návštěvník nebude moci rychle najít tlačítko, které splývá s obecným pozadím.

Chcete-li zjistit pracovní "recept" na konkrétní stránce, musíte provést dílčí test.

Pokud použijete zdravý rozum a použijete kontrastní barvy, bude to tak nejlepší řešení. K tomu vám pomůže tzv. „strabismus test“. Musíte udělat pár kroků od monitoru, přimhouřit oči a pokusit se vidět svůj CTA prvek.

Jedním z obecných doporučení odborníků je rada zvolit pro prvek CTA oranžovou nebo zelenou barvu. Je to založeno na dobré výsledky testování těchto barev. Neměli byste zde hledat žádné hluboké psychologické kořeny, protože oranžové a zelené barvy jen vysoce viditelné na většině vstupních stránek.

• Přidat do tlačítka vizuální efekty

Na klikatelnost prvku CTA mají přímý vliv jeho vizuální efekty. Při jejich používání je však třeba dávat velký pozor. I malý efekt může velmi ovlivnit výsledek a tento efekt není vždy pozitivní.

Vezměme si jako příklad jeden realitní web. Jeho prvek CTA byl původně hnědý. Po změně na oranžovou a přidání ikony zelené šipky k prvku se konverze výrazně zvýšila. Návrhář byl ale proti novému prvku CTA a řekl, že kombinace oranžové a zelené na tlačítku vypadá „ošklivě“.

Specialista na optimalizaci se proti tomu ohradil zelený šíp na tlačítku zvyšuje viditelnost prvku, což se promítá do větší aktivity uživatelů a v důsledku toho i do zvýšení konverze.

Tento spor byl vyřešen A/B testováním, které zjistilo, že se návrhář mýlil. Po odstranění šipky z tlačítka klesl konverzní poměr o 12,3 %.

Existuje další příklad. Vývojáři jednoho webu navrhli změnit barvu nápisu na zeleném tlačítku z černé na žlutou. Taková změna měla podle plánu zvýšit viditelnost tlačítka, a tedy zvýšit míru prokliku. Prognózy však nebyly předurčeny k naplnění, protože míra prokliku po aplikaci těchto změn klesla o 18,01 %.

V tomto příkladu mělo zvýšení kontrastu negativní účinek, zatímco méně jasné řešení fungovalo mnohem lépe. Obecně platí, že ve většině případů jednodušší tlačítka (která uživatel vnímá jen jako „tlačítka“) s jasným textem vykazují lepší výsledky než „kreativní“ možnosti.

• Velikost tlačítka „větší“ nemusí vždy znamenat „lepší“

Poměrně častou chybou návrhářů je vytvořit prvek CTA, který je v dokonalém souladu s celkovým designem stránky, ale je tak malý, že nemůže mít pozitivní dopad na konverzi. Prvek CTA by měl být dostatečně velký, aby vynikl jako hlavní interaktivní prvek vstupní stránky. V tomto případě však „více“ není synonymem pro „lepší“.

Pokud je velikost tlačítka příliš velká, prvek přitáhne příliš mnoho pozornosti a uživatelé to budou považovat za formu psychického útoku. Je zřejmé, že v takové situaci nebude konverze schopna růst. Při volbě velikosti prvku CTA se nevzdávejte testů, protože jim to jen prospěje.

• Velmi důležitý je také text na tlačítku.

Přibližně 99 % návštěvníků stránky čte pouze titulek samotné stránky a text na CTA prvku na vstupní stránce. Proto, protože text na tlačítku je zahrnut v tomto malém seznamu čitelných řádků, musí být složen velmi kompetentně. Je důležité si uvědomit, že zde nejsou žádné maličkosti.

Je potřeba konkrétnost, protože vágní fráze „Odeslat“, „Odeslat“ návštěvník stránky neporozumí. Pro jasnější definici použijte slovní spojení „Odeslat přihlášku“, „Objednat frontu“, „Stáhnout knihu“, „Objednat zpětný hovor" atd.

4 tipy, jak zefektivnit vaši výzvu k akci (fráze).

1. Nepoužívejte otravná slova a výrazy.

Taková slova mají profesionální marketéři následující definice: "výrazy, které si lidé spojují s prací, kterou nemají rádi, ztrátou nebo závazkem." Seznam tedy obsahuje něco, co musíte udělat velmi neochotně.

Úkolem marketingového specialisty je přimět potenciálního klienta, aby projevil zájem o jeho texty a materiály. Pak upoutá pozornost klienta a může ho nabídka zaujmout. Proto je velmi důležité zvolit znění vašich CTA prvků, protože jedna špatná fráze může zničit veškeré úsilí.

Návštěvník si spíše vybere zdroj, který nebude nadměrně používat třecí slova, kde se uživatel může cítit pohodlně. Je důležité si pamatovat, že jednodušší a přehlednější proces konverze má větší pravděpodobnost, že návštěvník provede akci (tj. čím jednodušší je konverzní akce, tím dříve k ní dojde).

Níže jsou uvedeny příklady takových slov (seznam lze rozšířit):

• Stažení.
• Poslat.
• Registrovat.
• Koupit.
• Předplatit.
• Požádejte (žádost nese možnost, že odpověď nebude přijata, proto je třeba se vyvarovat nejednoznačných výrazů).

2. Nezapomeňte se zaměřit na výhody.

Po vaší nabídce stojí návštěvník před alternativou – nabídku přijmout nebo odmítnout. Pro správnou volbu zváží váš návrh z hlediska užitečnosti, nutnosti a očekávaných nákladů. Tato volba nebude jednoduchá a abyste potenciálního klienta přesvědčili, aby pro vás zvolil kladně, upozorněte ho na výhody a výhody vaší nabídky.

To lze provést uvedením výhody v textu CTA. Bude tedy zřejmá souvislost mezi akcí (kliknutím na tlačítko) a přijetím benefitu (uvedeno v textu), což pozitivně ovlivní konverzi.

• Chci se podívat na webinář.
• Chci plný přístup.
• Chci vidět infografiku.

S tímto přístupem bude hovor směrován na potřeby návštěvníka stránky. Jestliže jsme se dříve zbavili třecích slov, nyní je třeba je nahradit vhodnějšími, která zvýší motivaci

• Nahraďte „Přihlásit se k odběru“ za „Začít nyní“.
• „Přihlaste se“ k „Připojte se k nám“.
• Běžné slovo „Stáhnout“ až „Získat (název produktu)“.

Není třeba se bát úzce cílených výzev k akci. Navíc, čím těsnější je spojení mezi vaší nabídkou a akcí, tím hmatatelnější bude přání uživatele využít vaši nabídku.

Experimentujte s novými slovesy. Stojíte před úkolem minimalizovat negativa z cílové akce a obrátit pozornost klienta na možné benefity. Pokud k tomu potřebujete nová slova a výrazy, neváhejte.

3. Zaměřte se na zákazníka.

Pro personalizovanější přitažlivost pro návštěvníky vašeho internetového zdroje nemusíte znát jejich jména. Volání „Zobrazit kontrolní seznam“ a „Další informace“ tedy můžete nahradit „Zobrazit můj kontrolní seznam“ a „Řekni mi více“.

Marketingová agentura IMPAC se v roce 2014 rozhodla optimalizovat stránku svých nejúspěšnějších e-kniha. dlouho chyběla dynamika konverzí, což přimělo obchodníky k přehodnocení přístupu. V důsledku dlouhých diskuzí bylo rozhodnuto změnit nápis na prvku CTA z „Stáhnout“ na „Ukaž mi, jak přilákat více kupujících“. Tato technika zvýšila konverze o neuvěřitelných 78,5 %.

Nejvýraznější rozdíl mezi novou verzí a předchozí je v demonstraci výhod. Návštěvníka to nemůže nechat lhostejným a probudí v něm touhu knihu zmocnit se a poznat všechny jemnosti a nuance efektivního marketingu. Návštěvníci nakonec na takovou nabídku nereagovali jako marketingový tah, ale jako přátelské gesto.

4. Používejte vizuální podněty.

V této části budeme hovořit o grafické složce prvku CTA. Vzhled tlačítka s výzvou k akci výrazně ovlivňují reakci a motivaci návštěvníka k očekávané akci.

Marketingová pravidla říkají, že grafická část prvku CTA by měla být zapamatovatelná a upoutat pozornost uživatele. Nejlepší je vymyslet něco, co se vymyká obvyklému. Umístěte například jasný čtvercový prvek CTA na obyčejnou vstupní stránku nebo umístěte čtvercové tlačítko s výzvou k akci mezi prvky vytvořené ve formě kruhu.

Vymyslet efektivní CTA prvek není příliš složité. Je však třeba si uvědomit, že techniky internetového marketingu a optimalizace konverzí mohou pomoci pouze do určitého bodu. Hlavními pomocníky bude logika, zdravý rozum a povinný dělený test. Aplikací tohoto všeho jistě vytvoříte skvělý CTA prvek.

Pravidelní čtenáři našeho blogu dobře vědí, co je to „výzva k akci“ (Call to Action Button) vstupní stránky a jak velkou roli má tento prvek webového rozhraní v podnikání.

V našem nový článek ukážeme vám, jak vytvořit vysoce výkonné tlačítko s výzvou k akci, které zaručeně upoutá pozornost návštěvníků a maximalizuje vaši míru konverze a .

Pamatovat si! Tlačítko CTA by mělo vypadat jako úplný, přirozený a harmonický prvek architektury vaší vstupní stránky. CTA prvek, který vypadá jako „narychlo upevněný“, návštěvníka bezděčně upozorní, že jeho vývojáři jsou neprofesionální.

Metoda 1: Upoutejte pozornost uživatele zvětšením velikosti tlačítka CTA.

Ve webdesignu platí nepsané pravidlo: velikost prvku stránky je přímo úměrná jeho důležitosti, jinými slovy, čím větší prvek, tím významnější je jeho role na stránce.

Příklad 1: Tlačítko výzvy k akci je větší než okolní prvky.

Ukažme si tento způsob upoutání pozornosti uživatele na příkladu landing page společnosti Lifetree Creative.

Porovnejme tedy velikost CTA tlačítka s velikostí dalšího důležitého prvku stránky – loga společnosti. Aby vývojáři upoutali pozornost návštěvníků, udělali tlačítko o 20 % širší než logo. Designéři tak dosáhli chvályhodného výsledku: přestože je logo výše než prvek CTA, oči návštěvníků jako magnet přitahuje tlačítko výzvy k akci, které svou velikostí znatelně vyčnívá z ostatních prvků vstupní stránky.

Příklad 2: Pokud má vstupní stránka více tlačítek s výzvou k akci, mělo by být důležitější tlačítko větší.

Vstupní stránka může obsahovat více prvků výzvy k akci. Chcete-li uvést relativní důležitost určité výzvy k akci ve vztahu k ostatním, můžete změnit velikost odpovídajících tlačítek.

Zde je návod, jak byl tento koncept přiveden k životu na webu paramore|redd – tlačítko, které návštěvníka vyzve k přihlášení k odběru newsletteru, mnohem větší než tlačítko, které uživateli „umožňuje“ pokračovat ve čtení blogu. Účel konverze této stránky je jasný a srozumitelný - předplatné!

Metoda 2: Upoutejte pozornost uživatele pomocí dobře známých pravidel pro umístění prvku CTA na webovou stránku.

Umístění CTA na vstupní stránku je rozhodující pro upoutání pozornosti návštěvníků.

Umístění CTA tlačítek na prominentních místech, jako jsou např nejlepší část webové stránky, může vést ke zvýšení konverzí, protože uživatelé si s větší pravděpodobností všimnou tohoto designového prvku a podniknou kroky na podporu konverze.

Příklad 1: Umístěte výzvu k akci „o úroveň výše“ než vše ostatní na vaší vstupní stránce.

Snadné, ale extrémně účinná metoda zvýrazněte prvek CTA – umístěte jej „nad povrch“ stránky. Tento nápad můžete vidět v praxi na webu dailymile, kde tlačítko výzvy k akci „létá“ nad ostatními prvky stránky (grafy). Podobného efektu lze snadno dosáhnout při rozvržení stránky pomocí kaskádových stylů (CSS).

Příklad 2: CTA v horní části vstupní stránky.

Osvědčeným, jednoduchým, ale velmi účinným způsobem, jak upoutat pozornost uživatele, je umístit prvek CTA úplně nahoře na stránce, aby jistě zapadl do zorného pole návštěvníka.

Příklad 3: CTA ve vizuálním centru.

Dalším vhodným místem pro umístění tlačítka CTA je podmíněné „vizuální centrum“. K upoutání pozornosti na tlačítko – umístěné přesně uprostřed vodorovného rozměru stránky – můžete využít další designové prvky umístěné po jeho stranách.

To fungovalo skvěle pro stránku PicsEngine, ale pamatujte, že zvolené umístění by nemělo být příliš daleko od horní části webové stránky.

Metoda 3: Použijte prázdné místo.

Použití mezer (prázdné nebo „mrtvé“ místo) funguje skvěle na vstupních stránkách, kde je v blízkosti tlačítka CTA mnoho dalších prvků.

Příklad 1: Použijte mezery k vizuální definici výzvy k akci.

Na příkladu vstupní stránky služby IconDock je snadné vidět, jak účinná je tato metoda: malé tlačítko ve skromné ​​světle šedé barvě pevně přitahuje pozornost.

Příklad 2: Omezte mezery, abyste označili logický vztah mezi dvěma prvky stránky.

Jak více místa, který existuje mezi tlačítkem výzvy k akci a kterýmkoli z okolních prvků stránky, tím méně viditelná je logická souvislost mezi nimi. Pokud používáte jiné prvky vstupní stránky, abyste uživatele přesvědčili, aby provedl požadovanou akci, snížení bílého prostoru pomocí těchto prvků a tlačítka CTA je chytrý tah.

Například na stránce společnosti Nástroje dárců je vedle tlačítka výzvy k akci seznam výhod, které předplatitel obdržel. Zmenšením mezery mezi seznamem výhod a CTA jsou tyto dva prvky spojeny do vizuální skupiny, která zvyšuje dopad výzvy prostřednictvím jasného logického spojení „akce – získané výhody“.

Metoda 4: K vytvoření a zvýraznění CTA použijte barvy s vysokým kontrastem.

Určitě se sami rozhodněte, jaké barvy použijete – to je velmi důležité. Nejjistější způsob, jak upoutat pozornost, je použít barvy, které jasně kontrastují s prvky obklopujícími CTA a pozadím stránky.

Příklad 1: Použijte barvy, které kontrastují s okolními prvky stránky.

Zde je skvělý příklad toho na vstupní stránce Notepodu: všechny okolní prvky stránky jsou černé, zatímco výzva k akci je jasně modrá. Nejnepozornější uživatel nepřehlédne pravé tlačítko. :)

Příklad 2: Použijte kontrast mezi barvou tlačítka a barvou pozadí, které jej obklopuje.

Tato metoda je jednoduchá a účinná: umístěte tlačítko podtržené Světlá barva(například spektrální žlutá) přes černobílý nebo monochromatický obrázek na pozadí, jak to udělali například tvůrci této stránky.

Metoda 5: Pozvěte návštěvníka, aby použil další / alternativní tlačítko výzvy k akci.

Na webové stránce může v klidu koexistovat několik prvků výzvy k akci. V praxi se může stát, že budete muset návštěvníkovi nabídnout ještě jednu dodatečnou akci, abyste ho přesvědčili k provedení hlavní požadované akce později.

Tato technika se používá hlavně na webových stránkách. Při vytváření vstupních stránek je nejlepší držet se osvědčeného principu: „Jedna vstupní stránka, jeden prvek výzvy k akci.“

Uživatel může například před přihlášením k odběru webové služby chtít získat podrobnější informace o stávajících cenách a platebních metodách za služby.

Poskytněte mu tuto možnost instalací dalšího CTA tlačítka na stránku, které návštěvníkovi umožní například zhlédnout video vysvětlující cenovou politiku této služby.

Příklad 1: umístění sekundárního prvku vedle hlavního tlačítka CTA.

Web OfficeVP zobrazuje dvě tlačítka s výzvou k akci vedle sebe. Tlačítka jsou vyrobena v kontrastní barvy, což umožňuje návštěvníkovi snadno pochopit, co jim dva nabízejí různé cesty akce: buď se zaregistrujte hned teď, nebo proveďte sekundární akci – získat dodatečné informace během bezplatné studijní cesty.

Upozornění: zde je tlačítko hlavní požadované akce umístěno v souladu s klasickým pravidlem vnímání informací - řádek čte uživatel zleva doprava, což znamená, že první slovo v řádku (v našem případě tlačítko) získá maximální pozornost návštěvníka.

Na vstupní stránce programu Transmissions byl aplikován jiný způsob horizontálního umístění 2 call-to-action prvků. Hlavní akční tlačítko – zvýrazněné kontrastní barvou – se nachází za sekundárním prvkem CTA. Toto uspořádání prvků je však plně oprávněné: dodatečná akce (stažení zdarma zkušební verze aplikace), pokud je provedena na prvním místě, může návštěvníka přimět k provedení hlavní akce navržené na stránce – zaplacení plnohodnotné verze testovaného programu.

Příklad 2: Umístění sekundární výzvy k akci pod hlavní tlačítko výzvy k akci.

Tento typ umístění se může hodit, pokud chcete posílit vizuální oddělení vašich primárních a sekundárních výzev k akci.

Vezměte prosím na vědomí, že dodatečná akce je také zvýrazněna použitím „tmavšího“ (ve srovnání se zbytkem místa na stránce) pozadí.

Metoda 6: Urychlete návštěvníka své stránky.

Nechte svá tlačítka s výzvou k akci „mluvit“ sebevědomým, rázným „velitelským tónem“. Uživatel si musí myslet, že pokud okamžitě nezareaguje na vaše volání, přijde o jedinečnou možnost využít vaši nabídku.

Například na stránce tap tap tap.com byl nápad „uspěchat uživatele“ implementován velmi důmyslným způsobem: reklama umístěná v bezprostřední blízkosti tlačítka CTA „koupit nyní“ říká, že na produkty platí určitá „vyvolávací cena“.

Jde zde o poměrně subtilní mechanismus pro vytváření „úzkostného očekávání“: při porovnání slov „nyní“ a „počáteční cena“ začíná mít uživatel podezření, že riskuje, že zaplatí více, pokud za produkt zaplatí později, při „počátečních cenách“ (které si kupující podvědomě spojuje se začátkem nejjednoduššího odpočítávání od malých po velká čísla: 1, 2, 3…) se určitě bude měnit směrem nahoru. ;)

A samozřejmě při vymýšlení štítku, který umístíte na tlačítko výzvy k akci, nezapomeňte na silná „vynucovací“ slova: „teď“, „okamžitě“, „právě teď“ atd.

Metoda 7: Dejte uživatelům vědět, že vámi navrhovaná akce je snadná a jednoduchá.

Nejistota uživatelů, zda vaši nabídku přijmout či nikoli, často pramení z toho, že předpokládají, že vámi navrhovaná akce se pro ně ukáže jako ztráta času, úsilí a peněz. Tento problém však můžete vyřešit umístěním textu na tlačítko CTA, které mezi návštěvníky vytvoří důvěru, že vámi navrhovaná akce bude snadná a jednoduchá.

Například na vstupní stránce Basecampu text na tlačítku s výzvou k akci jasně uvádí dobu, po kterou se uživatel zaregistruje (60 sekund), a vysvětluje, že 30denní zkušební předplatné je zdarma.

Toto je velmi důležitý bod, zkuste na to nezapomenout: při „návrhu“ nápisu pro váš CTA prvek nezapomeňte uvést bezplatné verze produkty nebo termíny registrace, pokud existují, a přesvědčit uživatele, že registrace na vašem zdroji mu nezabere mnoho času.

Metoda 8: Jasně a podrobně vysvětlete uživatelům, co dostanou z vašeho tlačítka CTA.

Zde je poslední rada, poslední na seznamu, ale v neposlední řadě důležitá: Získejte důvěru návštěvníků tím, že jim podrobně a otevřeně řeknete, co získají tím, že odpoví na vaši nabídku.

Specialisté na Mozilla Firefox například dokázali na plochu tlačítka pro stažení aplikace umístit všechny nejnutnější informace pro uživatele: informace o ceně produktu (zdarma), informace o verzi nabízeného produktu (verze webového prohlížeče 3.5. instalační soubor(7,7 Mb).

Zhruba takto vypadá opravdová péče o návštěvníka vaší vstupní stránky.

A nezapomeňte na to hlavní: otestujte každou změnu, kterou uděláte.

Je známo, že všechny více či méně známé značky amerického trhu jsou prostě „posedlé“ testováním svých internetových zdrojů. Pochopení, že 0,5% nárůst konverzí může přinést další tisíce dolarů v ročním zisku, je skvělou motivací pro optimalizaci konverze vaší vstupní stránky/webu.