Co je CTA?
CTA (Call to Action) je výzva k akci – prvek na webu, který má návštěvníka navést k požadovanému kroku.
Může mít podobu:
- Tlačítka
- Odkazu
- Bloku s textem
- Formuláře
Příklady CTA:
- „Objednat konzultaci“
- „Stáhnout e-book zdarma“
- „Přihlásit se k odběru“
- „Zjistit více“
🎯 Cílem CTA je převést pasivního návštěvníka na aktivního uživatele.
Proč je CTA tak důležité?
- Zvyšuje konverzní poměr
- Řídí chování návštěvníka
- Zlepšuje uživatelskou cestu (user flow)
- Pomáhá návštěvníkům rozhodnout se co dál
Bez CTA = bez konverzí. Lidé často neudělají další krok, pokud je k tomu nevyzveš.
Typy CTA podle cíle
| Typ CTA | Příklad | Cíl |
|---|---|---|
| Primární | „Koupit nyní“ | Přímá konverze |
| Sekundární | „Zjistit více“ | Přechod do fáze zájmu |
| Newsletter | „Přihlaste se k odběru“ | Budování databáze |
| Sociální | „Sledujte nás“ | Komunitní růst |
| Lead magnet | „Stáhnout zdarma“ | Získání kontaktu |
Kde umístit CTA na webu?
✅ Above the fold
První viditelná část stránky – ideální pro hlavní CTA.
✅ Pod každou sekcí
Např. po výčtu výhod nebo referencí = logické pokračování.
✅ V patičce
Opakování výzvy pro ty, kteří dočetli.
✅ V blogu
Např. po odstavci: „Chcete znát celý postup? [Stáhněte si návod zdarma]“.
✅ V menu (sticky CTA)
Zvýrazněné tlačítko např. „Kontakt“ nebo „Ceník“.
Jak navrhnout CTA, které funguje?
🧠 1. Jasný a akční text
- „Zjistit více“ je slabé
- „Zjistit, jak zvýšit návštěvnost webu o 30 %“ = silné
🎯 2. Výhoda pro uživatele
Co tím získá? Proč by měl kliknout?
🎨 3. Vizuální kontrast
Barva CTA by měla vystupovat z ostatních prvků.
Příklad: oranžové tlačítko na modrém webu.
🖱️ 4. Velikost a umístění
Dostatečně velké, bez nutnosti přibližovat prst na mobilu.
🔁 5. Opakování a variace
Různé varianty CTA podle fáze rozhodování – např.
- nahoře: „Stáhnout zdarma“
- dole: „Začněte ještě dnes“
Chyby, kterým se vyhnout
❌ „Klikněte zde“ – neříká proč
❌ Tlačítka splývající s pozadím
❌ Žádné CTA na stránce (např. článek bez výzvy)
❌ Více CTA s protichůdným cílem
❌ Příliš obecný text („Odeslat“, „Další“)
Příklady CTA tlačítek podle účelu
| Účel | Text tlačítka |
|---|---|
| Získání kontaktu | „Získat nabídku zdarma“ |
| Prodej služby | „Začít spolupráci“ |
| Blog/obsah | „Stáhnout e-book“ |
| E-shop | „Vložit do košíku“ |
| Newsletter | „Chci tipy e-mailem“ |
Testování CTA
🧪 A/B testuj:
- Barvu
- Text
- Umístění
- Tvar (hranaté vs. zaoblené)
📈 Sleduj v GA4 nebo pomocí Hotjar/Microsoft Clarity, co funguje.
FAQ – často kladené otázky
Kolik CTA by měla mít stránka?
Ideálně jedno hlavní a maximálně 1–2 doplňková CTA. Mělo by být jasné, co je primární akce.
Jak zjistím, jestli moje CTA funguje?
Sleduj míru prokliku, konverze, scrollování a heatmapy. Vyhodnocuj v čase.
Jaká barva je nejlepší pro CTA tlačítko?
Záleží na zbytku designu. Důležité je, aby kontrastovala se zbytkem a byla viditelná.