CTA neboli Call to Action je krátký prvek, který rozhoduje o tom, jestli návštěvník opustí stránku nebo se z něj stane lead, registrace či zákazník. Zní to možná přehnaně, ale data tomu odpovídají: studie HubSpotu uvádí, že personalizovaná CTA konvertují o 202 % lépe než univerzální. V tomto průvodci se dozvíte, jak CTA tlačítko správně napsat, navrhnout, umístit a otestovat tak, aby reálně zvedalo konverzní poměr.
Co je CTA a proč na něm tolik záleží
CTA (Call to Action) je výzva k akci – nejčastěji tlačítko, odkaz nebo banner, který návštěvníka navádí k jednomu konkrétnímu kroku: koupit, stáhnout, registrovat, kontaktovat, rezervovat. Bez funkční CTA se z webu stává jen pasivní vizitka. I dobrá kopie a krásná grafika minou účinkem, pokud uživatel netuší, co má udělat dál.
Sílu tohoto malého prvku ilustruje studie agentury KlientBoost: 90 % návštěvníků webu čte jen nadpisy a texty CTA. Skenují stránku, zachytí pár klíčových bodů a CTA tlačítko – a podle toho se rozhodují. Pokud má vaše tlačítko nejasný text, špatný kontrast nebo se schovává v patičce, prohrajete bitvu o pozornost dřív, než vůbec začnete.
CTA se navíc netýká jen e-shopů. Najdete ji v e-mailových kampaních, na landing pages, v PPC reklamách, v bannerech, v contact formulářích, v blogových článcích i ve vyskakovacích oknech. Všude, kde chcete, aby uživatel udělal něco konkrétního.
Anatomie účinné výzvy k akci
Funkční CTA stojí na třech pilířích, které musí fungovat dohromady. Když selže jeden, klesá výkon celého tlačítka.
1. Text – co tlačítko říká
Text je první věc, kterou si návštěvník přečte. Ideální délka jsou 2–5 slov, drtivá většina top performujících tlačítek se vejde do čtyř slov. Začínejte silným slovesem v rozkazovacím způsobu a pokud možno doplňte konkrétní benefit:
- Slabě: Odeslat / Klikněte zde / Více informací
- Lépe: Stáhnout zdarma / Začít zdarma / Získat 20% slevu
Slovo „Odeslat“ je zabiják konverzí. Uživatel z něj nevyčte, co se stane, a podvědomě to vnímá jako úkol pro sebe (něco musím dát někomu jinému) místo přínosu (něco získám). Zaměřte se na výsledek pro uživatele – co konkrétně mu klik přinese.
2. Vizuál – jak tlačítko vypadá
Žádná univerzální „nejkonverznější“ barva neexistuje. To, co rozhoduje, je kontrast vůči pozadí a okolním prvkům. Tlačítko musí být nepřehlédnutelné, ale zároveň ladit s vizuální identitou webu.
Konkrétní pravidla, která fungují:
- Tvar: zaoblené rohy působí přívětivěji a přístupněji než ostré hrany. Mozek je má spojené se „tlačítky“, takže reaguje rychleji.
- Velikost: dostatečně velká pro snadný klik (minimálně 44×44 px na mobilu podle Apple Human Interface Guidelines), ale ne tak velká, aby působila agresivně.
- Bílé místo okolo: tlačítko potřebuje „dýchat“. Stísněné tlačítko v záplavě dalších prvků se ztrácí.
- Konzistence: pokud máte jednotný vizuální jazyk (např. modré primární tlačítko), držte ho. Uživatel se učí.
3. Umístění – kde tlačítko najdete
Tlačítko musí být tam, kde ho návštěvník očekává a kde je ve správné fázi rozhodování připraven kliknout. Pravidla, která se osvědčují:
- Nad přehybem (above the fold) – primární CTA by mělo být viditelné bez scrollování.
- Po hodnotném obsahu – druhé CTA umístěte tam, kde už uživatel dostal důvod kliknout (po popisu produktu, po referencích, na konci článku).
- V hlavičce – fixní tlačítko v menu zachycuje uživatele kdykoli během procházení.
- U dlouhých stránek – CTA opakujte. Pokud je stránka dlouhá 5 obrazovek, mělo by mít tlačítko 3–4 výskyty.
Pravidlo o jednom hlavním CTA na stránce má sice základ v psychologii rozhodování (paradox volby), ale neznamená to jedno tlačítko. Znamená to jednu hlavní akci, kterou ale můžete v rámci jedné stránky komunikovat několikrát.
Psychologie – proč na některá CTA klikáme automaticky
Účinné CTA využívá několik dobře zdokumentovaných kognitivních principů. Pokud je znáte, neformulujete tlačítko pocitem, ale vědomě.
Princip naléhavosti a vzácnosti
Slova „nyní“, „dnes“, „už jen 3 kusy“ nebo „akce končí o půlnoci“ aktivují obavu z promeškání (FOMO). Studie shrnutá Whitehat SEO ukazuje, že autentická naléhavost zvedá konverze až o 332 %, odpočítávací časovače přidávají kolem 9 % a samotná slova jako „now“ nebo „today“ v kontrolovaných testech zvyšují konverzi zhruba o 14 %.
Pozor – naléhavost musí být pravdivá. Falešná scarcita („zbývají poslední 2 kusy“ u digitálního produktu, který má neomezené zásoby) krátkodobě sice funguje, ale dlouhodobě ničí důvěru a může mít i právní dopady.
První osoba a efekt vlastnictví
Drobná změna formulace dokáže výrazně zvýšit prokliky. ContentVerve testem zjistil, že tlačítko v první osobě („Začít moji bezplatnou zkušební verzi“) konvertuje o 90 % lépe než druhá osoba („Začněte vaši bezplatnou verzi“). Důvod je psychologický – první osoba spouští endowment efekt: uživatel má pocit, že akci už začal, že produkt je „jeho“.
V češtině to funguje hůře kvůli slovosledu, ale princip lze využít: místo „Stáhněte si e-book“ zkuste „Chci e-book zdarma“. Klient se hlásí o něco, co cítí, že mu patří.
Sociální důkaz pod tlačítkem
PPC specialista Ryan Scollon udělal experiment: pod CTA tlačítko přidal jednoduchý widget s recenzemi. Výsledkem byl nárůst konverzního poměru o 68 %. Princip je jednoduchý – v okamžiku rozhodnutí má uživatel pochybnost, a sociální důkaz („tohle už zkusilo 12 000 firem“, hvězdičky, citace) ji rozpouští.
Snižovače třecích bodů
Uživatel váhá, protože si představuje, co všechno bude muset udělat. Drobný text pod tlačítkem typu „Bez platební karty“, „Zrušíte kdykoli“ nebo „Trvá 30 sekund“ odstraňuje konkrétní obavu. Takzvané „doubt removery“ jsou jeden z nejlevnějších způsobů, jak CTA zvednout.
Konkrétní formulace, které prokazatelně fungují
Místo abstraktních pravidel – tady je konkrétní inventář formulací podle situace. Každá z nich má za sebou data nebo case study.
Místo „Odeslat“ zkuste
- Získat nabídku
- Chci konzultaci zdarma
- Spočítat cenu
- Stáhnout PDF (24 stran)
Místo „Více informací“ zkuste
- Jak to funguje
- Zobrazit ceník
- Podívat se na ukázku
Místo „Registrovat“ zkuste
- Začít zdarma
- Vyzkoušet 14 dní zdarma
- Vytvořit účet (zdarma)
Reálný příklad: B2B platforma PartnerStack zvedla konverzní poměr na hlavní stránce z 6,66 % na 14,09 % (nárůst o 111 %) jen tím, že „Book a Demo“ změnili na „Get Started“. Důvod podle nich: „Get Started“ působí jako pomoc s problémem, „Book a Demo“ jako tlak na sales hovor.
Mobilní specifika, na která se zapomíná
Mobilní zařízení dnes generují většinu prvních návštěv, ale konvertují podstatně hůř než desktop. Podle Whitehat SEO se desktop pohybuje na 4,3–5,1 % konverzního poměru, mobil jen 1,6–2,9 % – téměř dvojnásobný rozdíl. CTA jsou na mobilu klíčové: tlačítka tu konvertují o 200 % lépe než textové odkazy.
Co ošetřit konkrétně:
- Velikost tap targetu: minimálně 44×44 px (Apple) nebo 48×48 dp (Google). Menší tlačítko znamená proklepy a frustrace.
- Sticky CTA: pevné tlačítko zafixované u dolního okraje obrazovky. Drží se v zorném poli při scrollování.
- Jeden palec: tlačítko má být dosažitelné palcem ruky držící telefon (zhruba spodní polovina displeje).
- Délka textu: na mobilu drží pravidlo 2–3 slov mnohem přísněji – delší tlačítko se zalamuje a vypadá levně.
A/B testování – jak ze CTA dostat maximum
Žádné CTA není „hotové“. To, co fungovalo loni, dnes konvertovat nemusí. Drobná textová úprava může přinést dvouciferný nárůst – nebo propad. Bez systematického testování se to nedozvíte.
Co testovat (v tomto pořadí)
- Text – nejvyšší pravděpodobnost dopadu. Začněte zde.
- Umístění – above-the-fold vs. po sekci s benefity vs. v patičce.
- Vizuál – barva, velikost, ikona, mikrokopie pod tlačítkem.
- Počet CTA – jedno hlavní vs. primární + sekundární.
Jak test správně postavit
Aby výsledek nebyl náhoda, dodržujte pár pravidel, která doporučuje Nielsen Norman Group:
- Měňte jen jeden prvek – pokud změníte text i barvu zároveň, neuvidíte, co zafungovalo.
- Vydržte do statistické signifikance – minimálně 100 konverzí na variantu, ideálně 95% confidence level.
- Nechte test běžet alespoň 1–2 týdny – kratší období zachytí náhodný den, ne reálný trend.
- Definujte cíl předem – nejen CTR tlačítka, ale i finální konverzi (nákup, registraci). Vyšší CTR neznamená vyšší tržby.
Reálná case study: webinářová platforma Demio testovala větší a tmavší CTA na thank-you stránce. Po 13 dnech testu konverze stoupla z 1,59 % na 2,53 % – nárůst o 57,79 %. Jediný rozdíl byl ve velikosti a kontrastu tlačítka.
Časté chyby, které okrádají o konverze
V průběhu auditů webů narazíte stále na stejné problémy. Tady jsou ty nejčastější – a často i nejjednodušší k opravě.
- Generický text typu „Odeslat“, „OK“ nebo „Klikněte zde“. Nezní akčně, neslibuje benefit, neříká, co se stane.
- Tlačítko bez kontrastu – splývá s pozadím. Test: mžurka. Když přimhouříte oči a tlačítko nevidíte na první pohled, máte problém.
- Tři a víc primárních CTA na jedné obrazovce. Uživatel se nerozhodne pro nic.
- CTA pohřbené v dlouhé stránce bez opakování. Pokud má landing page 6 obrazovek a tlačítko je jen jedno (a vespod), 80 % uživatelů ho nikdy nedoscrolluje.
- Nesoulad mezi CTA a cílovou stránkou. Tlačítko slibuje „Zdarma stáhnout e-book“, ale na další stránce je formulář na 12 polí. Důvěra padá.
- Mobilně nepoužitelné tlačítko – malé, blízko jiných odkazů, schované pod cookie lištou.
- Falešná naléhavost. „Zbývá posledních 5 kusů“, které tam jsou trvale. Uživatel to pozná dřív než si myslíte, a důvěru ztratíte natrvalo.
- Žádné měření. Bez analytiky netušíte, jestli vaše CTA funguje, nebo umírá v zapomnění.
Checklist před spuštěním CTA
Než tlačítko nasadíte na ostrý web, projděte si těchto deset bodů:
- Text začíná silným slovesem v rozkazovacím způsobu (nebo první osobě).
- Délka je 2–5 slov, ideálně 4.
- Z textu je jasné, co se po kliku stane.
- Komunikuje benefit pro uživatele, ne úkol pro něj.
- Má dostatečný barevný kontrast vůči pozadí.
- Velikost vyhovuje minimálně 44×44 px na mobilu.
- Je nad přehybem stránky (případně i v hlavičce).
- Pod tlačítkem je drobná podpora (sociální důkaz nebo doubt remover).
- Cílová stránka splňuje slib z tlačítka (žádný bait & switch).
- Tlačítko má nastavené měření a je připravené na A/B test.
Nejčastější otázky
Jaký text na CTA tlačítku konvertuje nejlépe?
Univerzální odpověď neexistuje, ale platí pravidla: krátký text (2–5 slov), silné sloveso v rozkazovacím způsobu nebo první osobě, jasný benefit. Místo „Odeslat“ volte „Získat nabídku“, místo „Více informací“ zkuste „Zobrazit ceník“. Konkrétní vítěze pro váš web odhalí jen A/B test – stejné tlačítko může mít v různých odvětvích zcela odlišnou výkonnost.
Jakou barvu CTA tlačítka zvolit?
Důležitější než konkrétní barva je kontrast vůči pozadí a souznění s vizuální identitou webu. Žádná barva nemá magickou „nejvyšší konverzi“ – studie OptinMonster, kde červené tlačítko porazilo zelené, fungovala proto, že firma měla zelené logo a červená v kontextu vynikla. Vybírejte barvu, která je výrazná, neutrálně vnímaná cílovkou a v rámci stránky se objevuje primárně u CTA.
Kolik CTA tlačítek má být na jedné stránce?
Jedna hlavní výzva (akce) je pravidlo, ale to neznamená jedno tlačítko. U dlouhých landing pages opakujte CTA 2–4× v různých částech stránky – uživatelé se rozhodují v různých momentech. Vyhněte se ale třem různým primárním CTA, které soutěží o pozornost. Doplňková sekundární CTA („Zjistit víc“, „Stáhnout brožuru“) vizuálně utlumte oproti hlavnímu tlačítku.
Jak dlouho má běžet A/B test CTA?
Minimálně 1–2 týdny a do dosažení statistické signifikance – obvykle alespoň 100 konverzí na variantu při 95% confidence level. Kratší testy zachytí náhodné výkyvy (pondělí vs. pátek, kampaně, sezónní vlivy) a vedou k chybným rozhodnutím. Pokud máte malý traffic, počítejte spíše s několika týdny než dny.
Jaký je rozdíl mezi primárním a sekundárním CTA?
Primární CTA reprezentuje hlavní cíl stránky – nákup, registraci, demo, kontakt. Vizuálně dominuje (výrazná barva, větší velikost, plné tlačítko). Sekundární CTA nabízí měkčí variantu pro nerozhodnuté uživatele („Stáhnout brožuru“, „Jak to funguje“) a vizuálně je tlumenější (často jen ohraničení, bez výplně). Funguje jako záchranná síť pro ty, kteří ještě nejsou připraveni na hlavní akci.
Funguje naléhavost a FOMO i v B2B segmentu?
Ano, ale jinak než v B2C. „Akce končí o půlnoci“ v B2B působí lacině. Funguje ale autentická naléhavost svázaná s reálnými fakty: omezená kapacita workshopu, end-of-quarter slevy, časově ohraničené pilotní programy, konkrétní deadline. Klíčové slovo je autentičnost – B2B kupující si falešnou scarcitu odhalí okamžitě a důvěru ztratíte.
Shrnutí: CTA jako konverzní motor webu
CTA tlačítko je sice malý prvek, ale rozhoduje o tom, jestli z návštěvníka udělá lead nebo zákazníka. Nejde o magii – jde o pochopení tří věcí: co uživatel chce slyšet (text), jak ho přimět tlačítko vidět (vizuál) a kde mu tlačítko nabídnout ve správný moment (umístění). Když tyhle tři pilíře doplníte o psychologii (naléhavost, sociální důkaz, snižovače třecích bodů) a systematické A/B testování, dostanete CTA, které opravdu prodává.
Začněte malými změnami – přepište nejdůležitější tlačítko z generického „Odeslat“ na konkrétní benefit, pohlídejte kontrast a umístění, pak testujte. Drobné úpravy v desítkách procent zvedají konverzní poměr častěji, než kompletní redesign webu.
Další zdroje:
- Jak navrhnout nejproklikávanější CTA tlačítko – myTimi [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.mytimi.cz/jak-na-cta-tlacitko/
- CTA tlačítka, která fungují – psychologie výzvy k akci – ImperialMedia [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.imperialmedia.cz/cta-tlacitka-ktera-opravdu-funguji-psychologie-vyzvy-k-akci/
- 5 tipů, jak optimalizovat CTA tlačítka – Modrý duch [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.blueghost.cz/clanek/5-tipu-optimalizace-cta-tlacitka/
- CTA – Shoptet slovník pojmů [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.shoptet.cz/slovnik-pojmu/cta/
- 15 Call-to-Action Statistics You Need to Know – HubSpot [online]. [cit. 7. 5. 2026]. Dostupné z: https://blog.hubspot.com/marketing/personalized-calls-to-action-convert-better-data
- Understanding CTAs: Benchmarks & Strategy – Whitehat SEO [online]. [cit. 7. 5. 2026]. Dostupné z: https://whitehat-seo.co.uk/blog/inbound-marketing-convert-calls-to-action
- A/B Testing 101 – Nielsen Norman Group [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.nngroup.com/articles/ab-testing/
- 15 call to action examples for 2025 – Unbounce [online]. [cit. 7. 5. 2026]. Dostupné z: https://unbounce.com/conversion-rate-optimization/call-to-action-examples/
- 58 Genius Call-To-Action Examples – KlientBoost [online]. [cit. 7. 5. 2026]. Dostupné z: https://www.klientboost.com/marketing/call-to-action-examples/
