CTA (Call to Action)

CTA je výzva k akci – prvek (tlačítko, odkaz, formulář), který vede uživatele k dalšímu kroku jako je nákup, registrace, stažení souboru nebo kontakt.

Co znamená „CTA (Call to Action)“

CTA (výzva k akci) je jasný pokyn, který říká uživateli, co má udělat dál. Účinná CTA je viditelná, pochopitelná a relevantní k obsahu stránky.

CTA bývá nejčastěji tlačítko, ale může to být i textový odkaz, banner, odrážka v seznamu nebo inline formulář.

Kam CTA umístit

  • Nad přehyb (above the fold) pro rychlou akci u známých nabídek.
  • Po vysvětlení hodnoty – u komplexních služeb až po benefitech a důkazech (recenze, reference).
  • Opakování CTA – dlouhé stránky mohou mít CTA vícekrát (hero, uprostřed, závěr).
  • Kontextová CTA – jiná CTA na landing page, jiná v článku blogu.

Jak psát CTA texty (microcopy)

  • Buďte konkrétní: „Stáhnout ceník“ místo „Odeslat“.
  • Doplněk hodnoty: „Začít zdarma“ Bez rizika.
  • Vyvolávejte akci slovesem v rozkazovacím způsobu.
  • Držte se 2–5 slov, vyhněte se žargonu.

Příklady: „Získat nabídku“, „Založit účet“, „Rezervovat termín“, „Přidat do košíku“.

Design a přístupnost

  • Kontrast tlačítka vůči pozadí i textu (WCAG). Velikost minimálně ~44×44 px.
  • Stavové styly (hover, focus, disabled) a jasný vizuální hierarchie.
  • Jedna primární CTA na obrazovce; sekundární CTA vizuálně méně výrazná.
  • Aria popisky pro čtečky, smysluplný button label.
<button class="btn btn--primary" aria-label="Přidat produkt do košíku">Přidat do košíku</button>

Měření a testování CTA

  • GA4: měřte kliky na CTA jako událost (event) a sledujte míru prokliku a konverze na lead.
  • A/B testování: testujte text, barvu, umístění, velikost a počet CTA.
  • Konzistence: stejná CTA na stránce => jeden jasný cíl.
<script>
// příklad události GA4
gtag('event', 'cta_click', {
  cta_label: 'Získat nabídku',
  page_location: window.location.href
});
</script>

FAQ – často kladené otázky

Kolik CTA mám na stránce použít?
Jednu hlavní (primární) a případně jednu vedlejší (sekundární). U delších stránek primární CTA několikrát opakujte.
Má barva CTA vliv na konverze?
Ano, ale neexistuje „magická“ barva. Důležitý je kontrast, hierarchie a relevance. Ověřujte A/B testy.
Je lepší tlačítko nebo odkaz?
Akce jako odeslání formuláře či nákup patří na tlačítko; navigační přechody často stačí odkaz.

Příklad použití (mini‑case)

Na landing page se změnil text CTA z „Odeslat“ na „Získat nabídku“ a přidal se mikrotext „Bez závazků“. Po A/B testu stoupla míra prokliku o 18 % a počet leadů o 12 %.