
CTA (Call to Action) je výzva k akci — prvek na webu, který návštěvníkovi říká, co má udělat dál. Tlačítko „Odeslat poptávku”, odkaz „Stáhnout zdarma”, banner s nabídkou. CTA je most mezi návštěvníkem a vaším obchodním cílem. Bez jasné výzvy k akci je web jako obchod bez pokladny — lidé se podívají, ale nic neudělají.
Proč je CTA tak důležité
Lidé na webu nepřemýšlejí. Skenují obsah, hledají vodítka a rozhodují se během sekund. Pokud jim jasně neřeknete, co mají dělat — neudělají nic.
Není to lenost. Je to způsob, jakým uživatelé prohlížejí webové stránky.
Představte si stránku řemeslníka. Krásné fotky realizací, popis služeb, ceník. Ale nikde výrazné tlačítko „Chci nezávaznou nabídku”. Návštěvník se podívá, řekne si „hezké” a odejde.
Přitom stačilo přidat jedno dobře umístěné CTA.
Jak napsat CTA, které funguje
Buďte konkrétní. „Odeslat” je slabé. „Získat nezávaznou nabídku” je silnější — návštěvník ví, co dostane. Popisujte výsledek, ne akci.
Snižte vnímaný risk. Slova jako „nezávazně”, „zdarma”, „bez registrace” odstraňují bariéry. Zákazník se bojí zavázat. Dejte mu najevo, že to nic nestojí.
Používejte první osobu. „Chci nabídku” funguje lépe než „Získejte nabídku”. Návštěvník si text přivlastní. Cítí větší kontrolu. Testy ukazují, že tohle je detail, který měřitelně zvedá konverzní poměr.
Vytvořte naléhavost, ale nepřehánějte to. „Volná místa na březen” je legitimní naléhavost. „POSLEDNÍ ŠANCE! KUPTE TEĎ!” je manipulace. Ta důvěru spíš podkopává.
Kde CTA umístit
Hlavní CTA by mělo být viditelné bez scrollování, v takzvaném „above the fold” prostoru. Ale to neznamená, že stačí jedno tlačítko nahoře.
Na delších stránkách opakujte CTA několikrát. Vždy když dokončíte logický blok argumentace.
Typické umístění: hned pod hlavním nadpisem, po sekci s benefity, vedle referencí a na konci stránky. Každé umístění zachytí návštěvníka v jiné fázi rozhodování.
Na stránkách s více možnostmi (ceník s třemi balíčky) vizuálně zvýrazněte jedno CTA jako primární. Paradox volby říká, že příliš mnoho rovnocenných možností vede k tomu, že si návštěvník nevybere nic.
Vizuální stránka CTA
Tlačítko musí vizuálně vyčnívat. Kontrastní barva vůči pozadí, dostatečná velikost, dost volného prostoru kolem. Oranžové tlačítko na bílém pozadí funguje jinak než oranžové tlačítko vedle dalších pěti barevných prvků.
Funguje taky přidání vizuálních vodítek. Šipka, pohled osoby na fotce směrem k tlačítku, kontrastní sekce. Heatmapy vám potvrdí, jestli lidé vaše CTA skutečně vidí a klikají na něj.
Víc o tom, jak vytvořit CTA, které konvertuje, jsem sepsal v článku Dobré CTA není náhoda.
CTA je víc než tlačítko
Samotné tlačítko nestačí. CTA je součástí celého příběhu stránky. Pokud předchozí obsah nepřesvědčil návštěvníka, sebevíc výrazné tlačítko nepomůže.
Ale naopak — pokud je příběh silný, stačí jednoduché „Ozvěte se mi”.
Potřebujete pomoct s tím, aby váš web lépe přesvědčoval? Napište mi a ukážu vám, co konkrétně změnit.
Často kladené otázky
Jaká barva CTA tlačítka funguje nejlíp?
Neexistuje univerzálně nejlepší barva. Důležitý je kontrast vůči pozadí. Oranžové tlačítko na bílém pozadí vyčnívá. Oranžové na oranžovém ne. Testujte pomocí A/B testů a ověřte si výsledky na heatmapách.
Kolik CTA tlačítek má být na stránce?
Na delší stránce opakujte CTA několikrát — pod nadpisem, po sekci s benefity, vedle referencí a na konci. Ale vždy jedno hlavní. Příliš mnoho rovnocenných možností vede k tomu, že si návštěvník nevybere nic.
Jaký text na CTA tlačítku funguje?
Popisujte výsledek, ne akci. „Získat nezávaznou nabídku” je silnější než „Odeslat”. Používejte první osobu — „Chci nabídku” funguje lépe než „Získejte nabídku”. A přidejte slova snižující riziko: „nezávazně”, „zdarma”, „bez registrace”.
Proč lidi neklikají na moje CTA?
Tři nejčastější důvody: tlačítko není vidět (slabý kontrast, schované pod textem), text nepřesvědčil (předchozí obsah stránky nedal důvod kliknout), nebo návštěvník nemá důvěru (chybí reference, případové studie). Řešení? Podívejte se na celý příběh stránky, ne jen na samotné tlačítko.
Zdroje
- How Users Read on the Web — Nielsen Norman Group o tom, jak lidé skenují webový obsah
- Call-to-Action Examples — CXL o efektivních CTA s konkrétními příklady a testy
- The Fold Manifesto — NNG o důležitosti obsahu nad zlomem stránky
- Call to Action Buttons: Best Practices — Smashing Magazine o designu a umístění CTA tlačítek
- Creating Effective Calls to Action — HubSpot statistiky o výkonnosti různých typů CTA