CTA (Call to Action)
CTA neboli Call to Action (výzva k akci) je prvek na webové stránce – typicky tlačítko, odkaz nebo formulář – který návštěvníka vybízí ke konkrétní akci, například k registraci, nákupu nebo stažení souboru. Jde o klíčový konverzní prvek, který přemosťuje pasivní prohlížení obsahu a aktivní zapojení uživatele. Dobře navržené CTA jasně komunikuje, co uživatel získá a co má udělat.
CTA je jeden z prvků s největším měřitelným dopadem na konverze. I drobná změna textu, barvy nebo umístění může výrazně ovlivnit výsledky:
- Personalizované CTA konvertují o 202 % lépe než generické verze. HubSpot analyzoval přes 330 000 CTA za šest měsíců a zjistil, že CTA přizpůsobené podle chování návštěvníka dosahují konverzních poměrů 25–45 %, zatímco běžné CTA se pohybují mezi 1–7 % (HubSpot – Personalized CTAs Research, 2024)
- Změna jediného slova v textu tlačítka zvýšila CTR o 90 %. A/B test provedený Michaelem Aagaardem (ContentVerve) na landing page Unbounce porovnával „Start your free 30-day trial“ vs. „Start my free 30-day trial“. Přechod z druhé osoby na první osobu vedl k výraznému nárůstu prokliků (ContentVerve / Unbounce – First-person CTA A/B test)
- Kontrastní barva tlačítka zvýšila konverze o 21 %. Performable (dnes HubSpot) provedl A/B test na přibližně 2 000 návštěvách, kde se na identické stránce lišila pouze barva CTA tlačítka (červená vs. zelená). Červená výrazně vyhrála – nikoliv proto, že je „lepší barva“, ale protože na stránce se zeleným designem vynikala kontrastem (HubSpot / Performable – Button Color A/B Test, 2011)
- Obsah nad ohybem stránky dostává 74 % pozornosti. Eye-trackingová studie Nielsen Norman Group analyzovala přes 130 000 fixací od 120 účastníků a potvrdila, že uživatelé tráví většinu času v horní části stránky (NNGroup – Scrolling and Attention, 2018)
Časté dotazy
Jaký text na CTA tlačítku funguje nejlépe?
Konkrétní, akčně orientovaný text výrazně překonává obecné fráze jako „Odeslat“ nebo „Klikněte zde“. Data ukazují, že texty formulované v první osobě (např. „Chci nezávaznou konzultaci“ místo „Získejte konzultaci“) zvyšují proklikovost – ve zmíněném testu ContentVerve až o 90 %. Unbounce Conversion Benchmark Report (2024, analýza 41 000 stránek a 464 milionů návštěvníků) navíc potvrzuje, že jednodušší jazyk konvertuje o 56 % lépe než složitější texty (Unbounce – Conversion Benchmark Report, 2024).
Kde na stránce by mělo CTA být?
Primární CTA by mělo být viditelné bez scrollování (above the fold), protože tato oblast přitahuje nejvíce pozornosti. Zároveň je důležité dodržovat princip blízkosti – NNGroup upozorňuje, že akční prvky umístěné příliš daleko od souvisejícího obsahu uživatelé přehlížejí (NNGroup – Closeness of Actions and Objects, 2024). Na delších stránkách je vhodné CTA opakovat v kontextu klíčových sekcí.
Záleží na barvě CTA tlačítka?
Barva samotná není rozhodující – klíčový je kontrast vůči okolí. Test Performable/HubSpot (2011, cca 2 000 návštěv) ukázal, že kontrastní barva zvýšila konverze o 21 %. Podobně SAP dosáhl zvýšení konverzí o 32,5 % změnou na oranžové tlačítko, které na jejich stránce výrazně vynikalo (CXL – Which Color Converts Best).
Zdroje:
- HubSpot – Personalized Calls-to-Action Research (2024) – analýza 330 000+ CTA za 6 měsíců
- ContentVerve / Unbounce – CTA Button A/B Tests – A/B testy textu CTA tlačítek
- HubSpot / Performable – Button Color A/B Test (2011) – A/B test barvy tlačítka na cca 2 000 návštěvách
- Nielsen Norman Group – Scrolling and Attention (2018) – eye-trackingová studie, 130 000+ fixací, 120 účastníků
- Unbounce – Conversion Benchmark Report (2024) – analýza 41 000 landing pages, 464M návštěvníků
- CXL – Which Color Converts the Best – přehled A/B testů barvy tlačítek včetně případové studie SAP
%201.webp)