Domov › Telefon › Jak vypadá dobrý akční hovor? Call to action (CTA) - příklady převzaté z praxe. Typy hovorů - online

Jak vypadá dobrý akční hovor? Call to action (CTA) - příklady převzaté z praxe. Typy hovorů - online

Dnes budeme hovořit o tlačítkách „Výzva k akci“ a poté o CTA. Prvky CTA, jak název napovídá, vybízejí uživatele k nějaké akci na webu. Návrháři se k nim však často chovají s despektem. Zatímco pochopení principů v této věci zvýší účinnost hotového produktu. Z tohoto materiálu se dozvíte, jak správně vytvořit tlačítko CTA.

Důležité je mít min obecná myšlenka o tom, jak barva, velikost, obsah a další faktory ovlivňují konverzi tlačítka CTA. Samotné principy jsou poměrně jednoduché, ale je třeba je aplikovat ve fázi plánování návrhu webu.

Účel tlačítek výzvy k akci

CTA tlačítka mohou nést různé funkce. Koneckonců, „výzva k akci“ může znamenat cokoliv. Ale hlavní princip tlačítka, která přinutí uživatele, který navštíví váš web, aby provedl akci. Například přidat produkt do košíku, něco stáhnout, poskytnout informace atd.

Vzhledem k tomu, že výzva může být pro jakoukoli akci, při vytváření tlačítka musíte vzít v úvahu jak akci samotnou, tak typ webu a cílové publikum.

Typy tlačítek s výzvou k akci

Existují různé typy tlačítka CTA. Níže naleznete nejběžnější typy seřazené podle typu akce, ke které uživatele vybízejí.

1. Přidejte do košíku

Internetové obchody obvykle používají řadu tlačítek CTA, ale nejoblíbenější jsou tlačítka „Přidat do košíku“. Tato tlačítka jsou obvykle umístěna na produktových stránkách a vybízejí uživatele ke koupi konkrétního produktu. Obvykle jsou navrženy s krátkým textem s výzvou „Koupit“ nebo „Vložit do košíku“ a ikonou bankovní karta nebo košíky.

2. Stáhnout

Tlačítka „Stáhnout“ jsou podobná předchozímu typu v tom, že nabízejí uživateli převzít navrhovanou položku, to znamená stáhnout ji. V případě tohoto typu tlačítka designéři také preferují dát uživateli více informací, přidáním například verze produktu a velikosti souboru.

3. Zkušební verze

Některé stránky se snaží klienta zaujmout tím, že mu nabídnou zkušební verzi produktu. Může být zdarma ke stažení nebo účet zdarma, v závislosti na typu nabízené služby nebo produktu. Někteří designéři se snaží být při návrhu CTA tlačítek tohoto typu struční, jiní naopak tlačítku štědře poskytují doplňující informace.

4. Zjistěte více

Tlačítka „Další informace“ jsou často umístěna na konci bloku informací s upoutávkou. Obvykle jsou to jednoduchá tlačítka, ale stačí velká velikost k upoutání pozornosti uživatele.

5. Registrace

Registrační tlačítka najdeme nejčastěji ve dvou verzích. V prvním případě tlačítko vede k registračnímu formuláři, ve druhém funguje jako tlačítko „Přidat do košíku“, které nabízí zaplacení účtu a jeho použití v budoucnu.

Existují další typy tlačítek CTA, ale většina z nich je podobná těm, které jsou uvedeny výše. A zásady, které platí pro tlačítka popsaná výše, budou s největší pravděpodobností platit i pro většinu ostatních.

Práce s negativním prostorem

Pravděpodobně chcete, aby tlačítka CTA na vašem webu vyčnívala z ostatního obsahu a přitahovala pozornost uživatele. K tomu použijte záporný prostor kolem tlačítek. Vytvořte vzduch mezi tlačítky obsahu a CTA. V některých případech (jako u tlačítek „Přidat do košíku“) lze toto pravidlo ignorovat, ale nejčastěji to přidá vašemu návrhu efektivitu.

Důležité je nezapomínat na rovnováhu. Musíte vypočítat záporný prostor tak, aby vypadal úměrně velikosti tlačítek. Chceme, aby tlačítka a obsah vypadaly jako jedna kompozice, i když je od sebe oddělujeme. Někdy si tedy možná budete muset pohrát se vzdáleností.

Ujistěte se, že je kolem tlačítka dostatek místa volné místo a v designu není místo pro nepořádek.
Zkuste při určování velikosti záporného prostoru použít pravidlo třetin nebo zlatého řezu.
Ujistěte se, že negativní prostor umožňuje tlačítku vyniknout od zbytku obsahu a být od něj oddělen.

Velikost a barva

Velikost tlačítka CTA je velmi důležitá. Příliš velké tlačítko zastíní zbytek obsahu; příliš malé tlačítko se ztratí mezi okolním obsahem. Potřebujeme, aby naše tlačítko vyčnívalo z pozadí ostatních prvků, ale zároveň je vizuálně nepotlačovalo.

Barva musí být použita ve spojení s velikostí. Pro velká tlačítka zvolte barvu, která se méně liší od hlavní barvy vašeho návrhu, ale přesto by se měla lišit od pozadí. Pro tlačítka menší velikost použijte jasné barvy, které kontrastují s hlavní barvou. Dejte si ale pozor, aby v každém případě barva tlačítka zapadla do celkového designu a byla kombinována s dalšími prvky.

Tlačítka CTA by v ideálním případě měla být největšími tlačítky na stránce.
Pro zvýraznění malého tlačítka použijte kontrastní barvy.
Pro vizuální zmírnění velkého tlačítka použijte barvy, které jsou méně kontrastní s hlavní barvou.
CTA tlačítka by měla přitahovat pozornost, ale nepřetěžovat design.

Text

Přesné znění, které použijete v textu tlačítka, může být rozdíl důležitou roli. Porovnejte výzvu „Koupit nyní“ s výzvou „Přidat do košíku“. První možnost vypadá mnohem naléhavěji a dokonce rušivě. Důležitá je také velikost textu. V případě potřeby lze například text „Vyzkoušet službu zdarma“ nahradit kratší verzí „Zkušební verze“.

Text, který použijete k návrhu tlačítek, by měl být co nejjednodušší a nejjasnější. Je nutné, aby uživatel na první pohled pochopil, co ho po stisknutí tlačítka čeká. Pokud má pochybnosti kvůli nejednoznačnosti, můžete velmi dobře přijít o konverze.

Nezapomeňte na velikost textu. Písmo by mělo být velké a znatelné, ale samozřejmě kombinovat s velikostí samotného tlačítka. Ujistěte se, že text má dostatečný kontrast a je dobře čitelný.

Používejte jednoduchý, srozumitelný jazyk.
Použijte velké, viditelné písmo.
Ujistěte se, že text skutečně vyzývá k akci.

Vytvořte naléhavost

Chceme, aby návštěvníci našich stránek provedli požadovanou akci co nejrychleji. A přestože návštěvníka nikdo neoklame, než více možností pro zamyšlení a srovnání jim dáte, tím vyšší je pravděpodobnost obdržení záporné odpovědi.

Naším cílem je zapůsobit na uživatele, že musí jednat právě teď. Musíte je povzbudit, aby jednali okamžitě, spontánně. A ať všechna tlačítka CTA nefungují takto (zejména pokud mluvíme o o koupi drahého výrobku), levné popř bezplatné akce by měl v ideálním případě provést uživatel bez váhání.

Povzbuďte uživatele, aby okamžitě jednal
Nedávejte uživateli žádný důvod k přemýšlení.
I když je efekt naléhavosti důležitý, nikdy neuvádějte uživatele v omyl.

Další informace

V případě potřeby dejte uživateli další informace o tom, co obdrží kliknutím na tlačítko CTA. Nejčastěji se to týká tlačítek „Vyzkoušet“ nebo „Stáhnout“. V těchto případech jsou obvykle zveřejňovány informace o tom, jak dlouho je zkušební verze platná, kolik váží soubor, který se chystáte stáhnout, nebo jakou verzi programu stáhnete.

Když na tlačítko umístíte další informace, ujistěte se, že hlavním tématem zůstává samotná výzva k akci. Zvětšete text výzvy a doplňte informace méně nápadné.

Do tlačítek přidávejte pouze informace, které budou pro uživatele jednoznačně užitečné.
Další informace jsou vhodné pouze pro některé typy tlačítek CTA (například „Zkušební verze“ a „Stáhnout“).
Ujistěte se, že samotná výzva k akci je stále nejvýraznějším textem na tlačítku.

Přednost

Pokud je na stránce více než jedno, je nutné upřednostnit tlačítka. Důležitost prvku můžete zdůraznit různými způsoby, ale nejčastěji se tak děje pomocí barvy a velikosti.

Použijte barvu, která kontrastuje s hlavní barvou designu, abyste zdůraznili důležitost tlačítka. Použijte méně kontrastní barvy, abyste vizuálně snížili důležitost tlačítka. Stejný příběh s velikostí. Zvýrazněte důležitost tlačítka jeho zvětšením a zmenšením pro snížení jeho priority.

Ikony a obrázky

Návrh tlačítek CTA s ikonami může také pomoci zvýšit konverzi. Příkladem může být ikona košíku na tlačítku „Koupit“ nebo šipka na tlačítku „Stáhnout“. Můžete také použít jedinečné ikony a obrázky, ale ujistěte se, že přesně vyjadřují účel tlačítka a neuvádějí uživatele v omyl.

Ujistěte se, že obrázek umístěný na tlačítku pomáhá pochopit jeho účel a nemá uživatele zmást.
Snadno rozpoznatelné ikony mohou uživateli okamžitě sdělit význam tlačítka.
Nebojte se používat méně oblíbené ikony, ale ujistěte se, že jejich význam je jasný.

Příklady

Níže naleznete příklady úspěšných návrhů tlačítek CTA. A přestože některé z nich nejsou navrženy podle všech výše uvedených zásad, většina Pravidla jsou stále dodržována a tlačítka fungují efektivně.

Lodní deník
Použití různých barev pro tlačítka Stáhnout a Koupit je odděluje od sebe a zdůrazňuje důležitost tlačítka Koupit.

CTA (Call to Action) je výzva, která motivuje uživatele k provedení konkrétní akce (jít, vyplnit formulář, zavolat, koupit, zjistit atd.). Výzva k akci je konečná fáze PROTI klasický model AIDA. Dobře postavené CTA by mělo přitáhnout pozornost, zájem a motivovat člověka k akci. Účinnost prvku CTA je důležitý ukazatel, která musí být neustále sledována. Sledujte, kolik lidí přišlo 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 v prezentacích, webinářích, bannerech atd. I hlas v rádiu vyzývající k zavolání nebo přechod na web rozhlasové stanice je výzvou k akci.

Jak zefektivnit CTA

Existuje několik technik, které mohou zvýšit efektivitu vaší CTA.

Výzva k akci by měla být vždy viditelná. Někdy má smysl ho umístit domovskou stránku stránky (v místě, kde je návštěvník zaměřen), aby člověk při navigaci mohl ihned začít nakupovat, objednávat, vyplňovat formulář atp.
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 stisknout 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ů.
Barva je to, co umožňuje vaší výzvě k akci upoutat pozornost. Používejte barvy, které se budou odlišovat od zbytku webu, ale zároveň zapadnou do celkového designu stránky a firemního stylu.
Přitahovat více pozornosti zvětšením velikosti tlačítka CTA. Udělejte ji širší, větší než ostatní prvky, aby vynikla. Jde hlavně o to, aby to zapadlo do celkového designu webu, aby to nevypadalo směšně.
Mezery pomáhají zvýraznit tlačítko nebo jej propojit s nějakým prvkem (například s textem, který odhaluje podstatu tlačítka).
Vždy používejte slova jako „zavolat“, „stáhnout“, „objednat“, „koupit“, „zjistit“, „číst více“ atd. Uživatel by měl mít pocit srozumitelnosti. O tom není pochyb. Musí přesně vědět, co se stane po stisknutí tlačítka.
Sdělte klientovi, co dostane, jaké jsou jeho výhody, místo abyste popisovali své přednosti a funkčnost. Ostatně vždy lidi lákala možnost získat výhody, slevy atp.
Použijte termín. Výzva k akci by vás měla povzbudit, 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.
Vyzkoušejte různé možnosti výzvy k akci. Použití různé strategie, nabídky, design, rozvržení atd. Sledujte výkon jednotlivých CTA a vyberte ty, které nejvíce konvertují.

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

Pravidelní čtenáři našeho blogu dobře vědí, co je to „tlačítko výzvy k akci“ na vstupní stránce a jak důležitá je role tohoto prvku webového rozhraní v podnikání.

V našem nový článek Provedeme vás, jak vytvořit vysoce efektivní tlačítko s výzvou k akci, které zaručeně upoutá pozornost návštěvníků a maximalizuje váš konverzní poměr a .

Pamatujte! Tlačítko CTA by mělo působit jako legitimní, přirozený a harmonický prvek architektury vaší vstupní stránky. CTA prvek, který vypadá „narychlo připojený“, bude návštěvníkovi mimovolně naznačovat neprofesionalitu svých vývojářů.

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živatelů na příkladu vstupní stránky od Lifetree Creative.

Porovnejme tedy velikost tlačítka CTA s velikostí jiného důležitý prvek stránky - logo 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 umístěno 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í nápadně vyčnívá mezi ostatními prvky vstupní stránku.

Příklad 2: Pokud má vaše 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 výzvy k akci vzhledem 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 vyzývající návštěvníka k výraznému přihlášení k odběru newsletteru větší velikost než tlačítko, které uživateli „umožňuje“ pokračovat ve čtení blogu. Konverzní cíl této stránky je jasný a jasný – předplatné!

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

Místo, kde umístíte CTA na vstupní stránku, je rozhodující pro upoutání pozornosti návštěvníků.

Umístění tlačítek s výzvou k akci na prominentní místa, například v horní části webové stránky, může vést ke zvýšení počtu konverzí, protože uživatelé si s větší pravděpodobností všimnou prvku návrhu a podniknou kroky na podporu konverze.

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

Jednoduché, ale extrémně efektivní způsob 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 jakoby „létá“ nad ostatními prvky stránky (diagramy). 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 se návštěvníkovi jistě dostal do zorného pole.

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

Dalším vhodným místem pro umístění tlačítka CTA je „vizuální centrum“. Chcete-li upozornit na tlačítko - umístěné přesně uprostřed vodorovného rozměru stránky - můžete použít další designové prvky, které jej lemují.

Tato metoda fungovala skvěle pro stránku PicsEngine, ale nezapomeňte, ž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í bílých znaků (prázdného nebo "mrtvého" prostoru) funguje skvěle pro tyto typy situací. vstupní stránky ah, kde je mnoho dalších prvků umístěných poblíž tlačítka CTA.

Příklad 1: Použijte bílé místo k vizuálnímu zvýraznění vaší výzvy k akci.

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

Příklad 2: Snižte množství bílého místa, abyste označili logický vztah mezi dvěma prvky stránky.

Čím větší je prostor mezi tlačítkem s výzvou k akci a libovolným z okolních prvků stránky, tím méně nápadný logické spojení mezi nimi. Pokud používáte jiné prvky vstupní stránky k přesvědčování uživatele, aby provedl požadovanou akci, zmenš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 získá. 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 díky jasnému logickému 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é. Většina spolehlivým způsobem upoutejte pozornost – použijte barvy, které jasně kontrastují s prvky obklopujícími tlačítko CTA a pozadím stránky.

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

Zde skvělý příklad pomocí této techniky na vstupní stránce služby Notepod: všechny okolní prvky stránky jsou černé, zatímco výzva k akci je jasně modrá. Nejnepozornější uživatel nepřehlédne požadované tlačítko. :)

Příklad 2: Použijte kontrast mezi barvou tlačítka a barvou jeho okolního pozadí.

Tato metoda je jednoduchá a účinná: umístěte tlačítko podtržené jasná barva(například spektrální žlutá) přes černou a bílou nebo monochromatickou 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 pokojně 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 tvorbě vstupních stránek je nejlepší držet se osvědčené zásady: „Jedna vstupní stránka, jeden prvek výzvy k akci“.

Například před přihlášením k odběru webové služby může uživatel chtít získat více podrobné informace o stávajících cenách a způsobech platby za služby.

Dejte mu tuto příležitost tím, že na stránku nainstalujete další tlačítko CTA, které návštěvníkovi umožní například zhlédnout video vysvětlující cenová politika této služby.

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

Web OfficeVP zobrazuje dvě tlačítka s výzvou k akci vedle sebe. Tlačítka jsou vyrobena v kontrastních barvách, takže návštěvník snadno pochopí, že se jim nabízejí dva různé způsoby akce: buď se registrujte hned teď, nebo proveďte sekundární akci – získat další informace během bezplatné vzdělávací prohlídky.

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

Vstupní stránka Přenosy použila jiný přístup k umístění 2 prvků výzvy k akci vodorovně. Tlačítko primární akce – zvýrazněné kontrastní barva- umístěný za doplňkový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 spuštěna jako první, může přimět návštěvníka, aby provedl hlavní akci navrhovanou na stránce – zaplatil za plnohodnotnou verzi testovaného programu.

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

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

Poznámka: dodatečná akce je 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 byla myšlenka „uspěchat uživatele“ implementována velmi důmyslným způsobem: umístěna v těsné blízkosti tlačítka CTA s výzvou „koupit hned,“ uvádí reklama že produkty podléhají určité „vyvolávací ceně“.

Jde zde o poměrně rafinovaný mechanismus pro vytvoření „úzkostného očekávání“: když uživatel postaví vedle sebe slova „nyní“ a „počáteční cena“, začne mít podezření, že riskuje, že zaplatí více, pokud za produkt zaplatí později, když „počáteční ceny“ (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 jistě bude měnit směrem nahoru. ;)

A samozřejmě, až budete vymýšlet popisek, který umístíte na tlačítko výzvy k akci, nezapomeňte na silná „přesvědčivá“ slova: „teď“, „okamžitě“, „právě teď“ atd.

Metoda 7: Řekněte uživatelům, že akce, kterou navrhujete, je snadná a snadno proveditelná.

Váhání uživatelů, zda váš návrh přijmout nebo nepřijmout, často pramení ze skutečnosti, že předpokládají, že vámi navrhovaná akce pro ně bude ztrátou č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é vytvoří důvěru vašich návštěvníků, ž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.

To je velmi důležitý bod, zkuste na to nezapomenout: při „navrhování“ titulku pro váš CTA prvek nezapomeňte zmínit 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: Otevřeně a důkladně vysvětlete uživatelům, co získají použitím vašeho tlačítka CTA.

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

Specialisté Mozilla Firefox, například dokázali na plochu tlačítka pro stažení aplikace umístit všechny informace nejpotřebnější pro uživatele: informace o ceně produktu (zdarma), informace o verzi nabízeného produktu (verze webového prohlížeče 3.5 .3, určený pro OS Windows s anglickým rozhraním) a velikost ke stažení instalační soubor(7,7 MB).

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 na americkém trhu jsou jednoduše „posedlé“ testováním svých internetových zdrojů. Pochopení, že 0,5% nárůst konverzí může vygenerovat další tisíce dolarů v ročním zisku, je skvělou motivací pro optimalizaci konverzního poměru vstupní stránky/webu.

Každý, kdo se zabývá online prodejem, zná pojem „Call-to-action“, což znamená „výzva k akci“. Každá stránka webu, která něco prodává, by měla mít tento prvek. Jak ji správně vytvořit, kam ji umístit, aby efektivně fungovala, se dozvíte v tomto článku.

Co je výzva k akci nebo výzva k akci?

CTA je grafický prvek, který motivuje a povzbuzuje návštěvníky webu ke konkrétní akci, například: nákup, stažení, přihlášení k odběru newsletteru atd. CTA vám přesně říká, co by měl návštěvník udělat a co od něj vývojář této stránky očekává. Tlačítko může „nabízet“ k zadání objednávky na službu nebo produkt, k registraci nebo k přijímání bezplatných analýz: například s pomocí (na webových stránkách marketingových služeb) atd.

Cílená akce zvyšuje konverzi, zvyšuje prodej a usnadňuje propagaci produktu.

Prvky pro web v podobě tlačítka CTA by měly být na stránce patrné, vyniknout tak, aby na ně člověk okamžitě obrátil svou pozornost.

Nejoblíbenějšími prvky CTA jsou tlačítka, která mají na sobě text, který vysvětluje, co se stane po kliknutí na ně. Například: „Registrace“, „Stáhnout“, „Získat slevu“ nebo tlačítko „Koupit“ atd. Akce volání může klienta přesměrovat na jinou stránku, kde získá podrobnější informace. Pak je vhodný nápis „Zjistit více“, „Získat informace“ atd.

Jak správně napsat CTA

Je to výzva k akci, která motivuje potenciálního zákazníka, aby se stal skutečným kupujícím. Pokud se kupující neodvážil zadat objednávku a opustil web, stanou se nástrojem pro jeho návrat (10x levnější než přitahování nových potenciálních zákazníků).

Jak správně formulovat Výzva CTA, kam jej umístit a jak ověřit jeho účinnost?

V ideálním případě bude stránka obsahovat několik výzev, které povedou kupujícího od výběru k nákupu produktu.

Nejprve se musíte rozhodnout, na kterých objektech provedete výzvu k akci.

Může se jednat o zboží nebo produkty, exkluzivní zboží nebo jedinečné služby.

Můžete také studovat chování uživatelů, kam chodí po návštěvě vaší stránky a nabídnout jim tyto informace v CTA. Tyto statistiky lze zobrazit v Google Analytics. Na stránku, kde poděkujete zákazníkovi za nákup, můžete umístit CTA tlačítko nabízející odběr novinek na webu nebo informace o slevách.

Slevy a akce si můžete dodatečně připomenout – například pomocí .

Existují určitá pravidla, jak vytvořit efektivní CTA:

Výzva by měla být jasná a stručná, vyzývat pouze k jedné akci (nákup, stažení, objednávka atd.);
Výzva by se měla lišit od zbytku obsahu stránky a měla by být zvýrazněna jasným tlačítkem, textem, odkazem nebo bannerem.
CTA by měla být v zorném poli návštěvníka. Proto se nedoporučuje umisťovat jej dole nebo vpravo;
Odvolání musí být relevantní pro fázi nákupu uživatele.

Je důležité správně sestavit text CTA. Jak to udělat?

Text CTA by měl uvádět hodnotu produktu a vysvětlovat, proč jej uživatel potřebuje;
Text by měl být „naléhavý“, to znamená, že uvede sezónnost a dobu platnosti nabídky. Například: „Pouze dnes“, „Pouze do konce prosince“ atd.
Do textu napište, kolik lidí již využilo vašich služeb a uveďte recenze od spokojených klientů;
Nahraďte některé hovory jinými. Například: uživatel se zaregistroval. Pošlete e-mail s poděkováním za registraci a možnost stáhnout si něco zdarma;
Používejte zprávy, fotografie celebrit, sloupek drbů a to vše uveďte jako příklad v CTA (je snazší prodat džíny, které má Angelina Jolie na fotce, když jde po ulici);
Text pište uctivě, neptejte se a neobjednávajte. Dáte člověku, co potřebuje.

Kam umístit výzvy k akci?

Na hlavní stránku vašeho webu musíte umístit alespoň tři CTA. Je také dobré umístit CTA na vstupní stránku, kde uživatele přímo vedete k nákupu, registraci atd. Z této stránky je potřeba odstranit vše, co by mohlo rozptylovat klienta (bannery, odkazy, recenze). Výzvy k akci by měly být relevantní k obsahu samotné stránky. Pokud se jedná o stránku prodávaného produktu, je lepší umístit výzvu „Otestujte produkt zdarma“ na ni, nikoli na hlavní stránku.

Na všech stránkách je třeba myslet na CTA tak, aby uživatele nasměrovaly, kam na vašem webu jít dál a co může získat. Jedná se o jakýsi průvodce webem: aby se člověk na webu zdržel, neopustil ho, zavřel a už si na něj nikdy nevzpomněl.

Pokud se uživatel přihlásil k odběru vašeho newsletteru, stáhl si pokyny nebo se přihlásil do kurzu, jeho interakce s vašimi CTA by tím neměla končit. Umístěte CTA do všech materiálů, které posíláte uživateli. Vaše aktivita je klíčem k úspěchu.

Základní pravidla

Aby tlačítko CTA upoutalo pozornost, musíte dodržovat určitá pravidla umístění:

CTA by měla zapadat do celkového designu webu, ale zároveň efektivně vystupovat na pozadí ostatních prvků;
Tlačítko by mělo vypadat jako tlačítko a mělo by být uživateli známé;
Musí být optimální velikost. Nezabírejte půl stránky, ale nebuďte ani neviditelní;
Barva CTA by měla být jasná, ale zároveň vhodná pro barevné schéma webové stránky;
Používejte značky, šipky, které ukazují na CTA;
Použijte kontrastní pozadí jak pro samotné tlačítko, tak pro text na něm;
Písmo textu by mělo být stejné jako to, co je již na stránce. Můžete to udělat tučným nebo zdůrazněným;
Při navrhování CTA nepoužívejte více než 4 barvy.

Málokterý uživatel bude rolovat po stránce dolů, takže tlačítko CTA je potřeba umístit na první obrazovku, jinak snížíte konverzi.

Podívejte se, na kterém pixelu nahoře se vaše tlačítko nachází, a porovnejte jej s výškou obrazovek uživatelů Google Analytics. Li spodní okraj tlačítko se nachází na 900. pixelu, třetina uživatelů jej pak obdrží na druhé obrazovce. Musíte pochopit, že čím vyšší je tlačítko CTA, tím lépe. Vzhledem k tomu, že většina lidí je praváků, mělo by být tlačítko mírně vpravo od středu obrazovky.

Pravidla pro efektivní CTA (+ příklady)

Faktory, které ovlivňují účinnost CTA:

Umístění tlačítka na stránce, jak je uvedeno výše.
Velkou roli hraje velikost tlačítka. Taky by neměla být malá velikost nebo velký, neměl by zabírat polovinu obrazovky. Je nutné, aby bylo hned jasné, že je to hlavní na stránce. Tlačítko by mělo být informativní, velké, kontrastní a obsahovat potřebné informace pro uživatele a mají jasnou výzvu k akci.
CTA by měla vystupovat z pozadí stránky, ale neměla by vypadávat z celkového designu. I když někdy kreativita samotného designu a tlačítka vytváří příznivý dojem, jako na tomto webu.
Text v tlačítku by měl být konkrétní, přesně označovat akci a obsahovat výzvu.
Důležitou roli hraje také tvar tlačítka. Mělo by to být uživateli známé. Nejčastěji má tlačítko obdélníkový tvar, ale někdy jej návrháři dělají kulatým, oválným nebo podlouhlým. V tomto případě by tlačítko CTA mělo jasně odpovídat designu stránky.
Dotykové tlačítko funguje efektivněji. Musíte to udělat konvexní, kvůli stínu.
Při generování potenciálních zákazníků je lepší zopakovat tlačítko CTA, aby se osoba nemusela znovu pohybovat po stránce nahoru. Nikdy není na škodu znovu uživateli připomenout, proč je na této stránce.
Tlačítko by mělo být krásné, světlé, správná forma. Na tato tlačítka se kliká častěji. Pamatujte, že je lepší svěřit to zkušenému designérovi než programátorům. Níže je názorný příklad neúspěšných tlačítek:
Technika výměny tlačítka zvyšuje efektivitu. Osoba například posouvá stránku dolů a v tuto chvíli tlačítko změní barvu. To pomáhá přitáhnout pozornost uživatele.
Pokud umístíte více CTA tlačítek na jednu stránku, pak je nutné, aby se od sebe lišila. Dva podobná tlačítka v okolí snížit jejich CTR. Níže je dobrý příklad různých tlačítek:

Všechny tyto hlavní faktory mají obrovský vliv na konverze, proto byste si umístění tlačítek s výzvou k akci měli dobře rozmyslet.
CTA tlačítko s voláním „ generál“, například „Stáhnout“, „Nahrát“. Takové tlačítko není vhodné pro vstupní stránky, protože může v uživateli vyvolat nedůvěru.

Na webu wincdemu je tlačítko světlé a zapadá do barevného schématu webu. To je přijatelné pro dobře propagovanou značku, když to není nutné další informace a reklama.
CTA tlačítko, které zdůrazňuje jedinečnost a ziskovost nabídky, například slev.

Je zde jasný apel, který uživateli ukazuje přínos a říká: „Proč čekat? Začněte hned teď!
Tlačítko CTA, které se nachází v horní části stránky v podobě trojrozměrného klasického tlačítka. Samotný nápis na tlačítku označuje konkrétní pokyny ke stažení.