Výzva k akci neboli CTA není dekorace ani povinné tlačítko na konci stránky. Je to další krok, který má návštěvníkovi dávat smysl právě ve chvíli, kdy dočetl konkrétní informaci a je připravený pokračovat.
Jiný další krok potřebuje člověk, který web teprve objevuje, jiný návštěvník porovnávající služby a jiný člověk, který už hledá termín nebo chce zadat projekt. Pokud všem nabízíte pouze Kontaktujte nás, web zbytečně přeskakuje několik fází rozhodování.
V tomto článku projdeme, kam CTA umístit, jaký text použít, kolik výzev na stránce dává smysl a jak ověřit, zda návštěvníka opravdu posouvají dál.
CTA vychází ze záměru návštěvníka
Než umístíte tlačítko, pojmenujte, co návštěvník v dané části stránky pravděpodobně řeší. Výzva má odpovídat jeho míře jistoty a ochotě udělat další krok.
Typické fáze:
- Objevuje: chce pochopit problém a zjistit, zda se ho nabídka týká.
- Porovnává: hledá konkrétní přístup, zkušenost, rozsah a cenu.
- Rozhoduje se: chce zadat projekt, domluvit termín nebo získat nabídku.
Výzva Popište nám svůj projekt je vhodná pro návštěvníka, který už chápe službu. Pro člověka na úvodní stránce může být přirozenější Prohlédnout služby nebo Podívat se na ukázky řešení.
Jedna stránka může mít více různých CTA
Více výzev neznamená automaticky zmatek. Zmatek vzniká tehdy, když mají všechny stejnou vizuální váhu a vedou k různým cílům bez vysvětlení.
Rozlišujte:
- Primární CTA: hlavní krok stránky, například odeslání poptávky.
- Sekundární CTA: bezpečnější mezikrok, například zobrazení služby nebo reference.
- Kontextové CTA: výzva navázaná na konkrétní odstavec nebo případ.
- Navigační odkaz: přesun na související informace bez prodejního tlaku.
Na stránce služby může být primární výzva Nezávazná konzultace, sekundární Prohlédnout reference a kontextový odkaz Zjistit, co je v ceně. Každá výzva má jinou úroveň závazku.
CTA v hero sekci
Hero sekce je první místo, kde návštěvník rozhoduje, zda bude pokračovat. Neměla by ale chtít po každém okamžitou poptávku, pokud ještě neví, co nabízíte.
V hero sekci obvykle funguje dvojice:
- hlavní CTA, které vede k nejdůležitějšímu obchodnímu kroku,
- sekundární CTA, které umožní bezpečně prozkoumat nabídku.
Příklad pro studio webů:
- Popište nám svůj projekt jako hlavní kontakt.
- Zobrazit služby jako měkčí krok pro návštěvníka, který se teprve orientuje.
Obě tlačítka by měla být vizuálně rozlišitelná, ale neměla by spolu soutěžit. Sekundární tlačítko může vést na službu nebo reference, ne na další stejně dlouhý formulář.
CTA po vysvětlení služby
Po sekci, která vysvětluje konkrétní službu, má návštěvník právě dost informací k dalšímu kroku. Umístěte CTA bezprostředně za popis problému, rozsahu a přínosu.
Dobrá výzva navazuje na obsah:
- po popisu e-shopu: Probrat váš e-shop,
- po vysvětlení migrace: Naplánovat migraci,
- po popisu správy: Zjistit možnosti podpory,
- po popisu automatizace: Najít místo pro automatizaci.
Vyhněte se tlačítku Více, pokud není z okolního textu jasné, co se stane po kliknutí. Popisný text pomáhá všem uživatelům a také lidem, kteří procházejí odkazy pomocí asistivních technologií. Viz [doporučení W3C k účelu textu odkazu](https://www.w3.org/WAI/WCAG21/Techniques/general/G91).
CTA u ceny a balíčků
U ceníku se návštěvník rozhoduje, zda rozsah a cena odpovídají jeho situaci. Tlačítko by mělo pojmenovat další krok, ne předstírat, že je služba okamžitě objednatelná, pokud před ní musí proběhnout konzultace.
Vhodné texty:
- Chci tento balíček
- Ověřit vhodnost řešení
- Nezávazně probrat rozsah
- Požádat o přesnou nabídku
U každého tlačítka uveďte, zda vede na formulář, rezervaci termínu, objednávku nebo e-mail. Zákazník by neměl zjistit až po kliknutí, že se od něj očekává úplně jiný typ akce.
CTA u případových studií a referencí
Reference obvykle odpovídá na otázku, zda umíte vyřešit podobný problém. Další krok proto může vést na související službu nebo na kontakt.
Propojte reference například takto:
- případová studie e-shopu → služba WooCommerce e-shopy,
- příběh automatizace → služba Automatizace a systémy,
- ukázka rezervačního systému → služba Rezervace a objednávky.
Text Zjistit více je u opakovaných karet méně užitečný, protože z něj není jasné, kterou referenci otevře. Použijte Prohlédnout řešení pro e-kolavysocina.cz nebo text doplňte názvem projektu v okolí odkazu. W3C doporučuje, aby účel odkazu byl z textu nebo kontextu jednoznačný.
CTA v článcích
Blogový článek nemusí prodávat hned. Jeho úkolem je odpovědět na otázku, vybudovat důvěru a nabídnout relevantní další krok.
Umístěte výzvu:
- po části, která popisuje problém a jeho dopad,
- po konkrétním řešení, pokud čtenář může chtít pomoc,
- na konci jako shrnutí a přirozený kontakt,
- mezi související články, pokud čtenář potřebuje další informace.
CTA v článku o pomalém WordPressu může znít Nechat prověřit rychlost webu. V článku o migraci je vhodnější Naplánovat bezpečný přesun webu než obecné Kontaktujte nás.
CTA u formuláře
Text tlačítka je poslední potvrzení toho, co se stane. Odeslat je technicky správně, ale může být méně přesvědčivé než Odeslat poptávku, pokud formulář skutečně odesílá poptávku.
U formuláře vysvětlete:
- co návštěvník po odeslání získá,
- kdy a jak odpovíte,
- které údaje potřebujete a proč,
- zda jde o nezávazný kontakt, nebo objednávku,
- co se stane při chybě nebo neúspěšném odeslání.
Formulář s tlačítkem Nezávazně popsat projekt vytváří jiné očekávání než tlačítko Objednat službu. Text musí odpovídat skutečnému procesu.
Jak psát text CTA
Dobré CTA je krátké, konkrétní a slovesné. Nemusí obsahovat marketingový tlak. Mělo by odpovědět na otázku, co návštěvník kliknutím udělá.
Příklady podle cíle:
- Informace: Prohlédnout služby, Zjistit rozsah, Přečíst postup.
- Důkaz: Prohlédnout reference, Zobrazit ukázku, Přečíst případovou studii.
- Kontakt: Popište nám projekt, Domluvit konzultaci, Požádat o nabídku.
- Objednávka: Přidat do košíku, Koupit PDF, Aktivovat předplatné.
- Rezervace: Vybrat termín, Rezervovat konzultaci, Požádat o rezervaci.
Vyhněte se textům, které slibují něco jiného než cílová stránka. Získat nabídku je matoucí, pokud následuje pouze obecný kontaktní formulář bez možnosti zadat podklady.
Výzvy podle fáze rozhodování
CTA lze plánovat jako cestu stránkou nebo celým webem:
- Objevování: Přečíst průvodce, Prohlédnout služby, Jak to funguje.
- Porovnávání: Zobrazit ceník, Prohlédnout reference, Porovnat možnosti.
- Rozhodování: Popište projekt, Domluvit termín, Požádat o nabídku.
Ne každý návštěvník musí projít všechny kroky. Nabídněte mu ale cestu, která odpovídá jeho aktuální potřebě.
Kolik CTA je příliš mnoho?
Neexistuje univerzální počet tlačítek. Rozhoduje délka stránky, počet témat a rozdílnost cílů. Dlouhá stránka služby může mít více kontextových CTA, ale pouze jedno by mělo být primární.
Varovné signály:
- každá sekce končí stejným tlačítkem bez dalšího důvodu,
- na jedné obrazovce je několik tlačítek stejné barvy a významu,
- tlačítka vedou na různé cíle, ale mají stejný text,
- uživatel se musí rozhodnout dřív, než chápe nabídku,
- CTA odvádí z článku na obecnou stránku bez vztahu k tématu.
Upravte hierarchii, ne pouze počet. Jeden dobře umístěný primární krok může být účinnější než pět opakovaných tlačítek.
CTA a mobilní zobrazení
Na telefonu se výzva může ocitnout mimo viditelnou část obrazovky nebo se může překrývat s obsahem. Každé tlačítko otestujte při reálné velikosti textu, na úzkém displeji a s klávesnicí otevřenou ve formuláři.
Kontrolujte:
- zda se text vejde bez ořezání,
- zda je tlačítko dostatečně velké pro dotyk,
- zda je mezi více tlačítky jasný odstup,
- zda sticky lišta nezakrývá další obsah,
- zda tlačítko zůstane viditelné i při zvětšení písma,
- zda po kliknutí uživatel pochopí změnu stránky nebo stavu.
Na mobilu může být vhodné umístit primární kontakt i do viditelné spodní lišty, ale pouze pokud nepřekrývá obsah a nabízí skutečně nejdůležitější akci.
Kontrast, text a přístupnost
CTA nesmí být rozpoznatelné jen podle barvy. Text musí být čitelný, účel srozumitelný a stav po aktivaci viditelný. U odkazů používejte popisný text, aby dával smysl i mimo okolní odstavec nebo v seznamu všech odkazů.
Pro ikonu bez textu přidejte přístupný název. U opakovaných odkazů Číst více doplňte kontext názvem článku nebo služby. W3C doporučuje, aby bylo možné účel odkazu určit z jeho textu nebo programově dostupného kontextu.
CTA na stránce s chybou
Chybová stránka nemá být slepá ulička. Pokud návštěvník narazí na neplatný odkaz nebo formulář selže, nabídněte mu další cestu:
- Vrátit se na úvodní stránku
- Prohlédnout služby
- Vyhledat obsah
- Kontaktovat podporu
- Zkusit formulář znovu
Text Zpět může být nejasný, zejména pokud stránka vznikla z vyhledávání nebo externího odkazu. Popisnější CTA pomůže návštěvníkovi rozhodnout se bez hádání.
Měřte skutečnou akci, ne pouze kliknutí
Kliknutí na tlačítko je užitečný signál, ale není vždy dokončená konverze. Pokud CTA vede na formulář, měřte také úspěšné odeslání. Pokud vede na telefon, kliknutí neznamená uskutečněný hovor.
Pro každé CTA si definujte:
- zobrazení výzvy,
- kliknutí,
- otevření cílové stránky,
- dokončení hlavní akce,
- kvalitu výsledného kontaktu.
V analytice používejte název, který rozliší umístění a účel, například cta_service_web, cta_case_study nebo cta_contact_hero. Do měření neposílejte citlivé údaje z formuláře.
Jak vyhodnotit, že CTA nefunguje
Nízký počet kliknutí může znamenat nejasný text, špatný kontext, nízký zájem nebo technický problém. Vysoký počet kliknutí a málo odeslaných formulářů může ukazovat na problém cílové stránky.
Postupujte v pořadí:
- ověřte, že tlačítko funguje na mobilu i počítači,
- zkontrolujte, zda vede na správný cíl,
- porovnejte text CTA s obsahem před ním,
- ověřte rychlost a použitelnost cílové stránky,
- porovnejte primární a sekundární cestu,
- teprve potom měňte design nebo barvu.
Nejprve odstraňte technickou chybu a nejasnost. Barva tlačítka bývá až pozdější detail.
Časté chyby v CTA
- Jedno univerzální tlačítko na každé stránce.
- Text Více, Pokračovat nebo Odeslat bez kontextu.
- CTA se objeví dříve, než návštěvník pochopí nabídku.
- Tlačítko slibuje nabídku, ale vede na obecný e-mail.
- Všechny výzvy mají stejnou vizuální prioritu.
- Na mobilu je CTA překryté sticky lištou nebo klávesnicí.
- Po odeslání formuláře není jasné, zda data skutečně dorazila.
- CTA je měřeno jako konverze při pouhém zobrazení stránky.
- Text odkazu není srozumitelný uživatelům asistivních technologií.
Kontrolní seznam pro výzvy k akci
- Je pro každou stránku definovaný hlavní další krok?
- Odpovídá CTA záměru návštěvníka v dané části?
- Je jasné, co se stane po kliknutí?
- Rozlišuje stránka primární a sekundární akci?
- Je text konkrétní a slovesný?
- Vedou opakované CTA na očekávaný cíl?
- Je CTA viditelné na mobilu a při zvětšení písma?
- Má odkaz nebo tlačítko popisný přístupný název?
- Je formulář po odeslání potvrzený a provozně uložený?
- Měříte dokončenou akci, ne jen kliknutí?
- Je CTA navázané na relevantní službu nebo další obsah?
- Prošel cestu někdo mimo tým bez nápovědy?
CTA je součást rozhovoru se zákazníkem
Dobrá výzva k akci nevytváří tlak. Pomáhá návštěvníkovi udělat krok, který odpovídá tomu, co právě zjistil. Když je text konkrétní, cíl očekávatelný a cesta funkční, CTA podporuje důvěru i obchodní výsledek.
Projděte web stránku po stránce. U každé si napište, co návštěvník ví na konci, co ještě potřebuje zjistit a jaký další krok je pro něj přirozený. Teprve potom vyberte text, umístění a vizuální prioritu tlačítka.
Chcete zlepšit výzvy k akci na webu?
Pomůžeme vám projít strukturu stránek, záměr návštěvníků, texty tlačítek, formuláře i měření tak, aby web vedl k přirozeným a srozumitelným dalším krokům.
Popište nám, kde se návštěvníci na webu zastavují.