Určte jednu hlavnú akciu podľa účelu stránky a pripravenosti návštevníka, napíšte konkrétny text opisujúci výsledok, umiestnite ju po potrebnom vysvetlení a doplňte menej záväznú alternatívu iba vtedy, keď má jasnú úlohu. Merajte celý nadväzujúci tok.
Call to action na webstránke je pozvanie k ďalšiemu zmysluplnému kroku, nie iba výrazné tlačidlo. Jeho úloha závisí od kontextu. Čitateľ návodu môže potrebovať súvisiacu službu, záujemca o riešenie krátky kontakt a existujúci klient prihlásenie alebo podporu. Rovnaká výzva objednať teraz preto nefunguje na každej stránke ani v každej fáze rozhodovania.
Dobrý CTA prvok zrozumiteľne pomenúva výsledok kliknutia, má primeranú vizuálnu prioritu a nadväzuje na obsah pred ním. Neskrýva podmienky ani nevytvára falošnú naliehavosť. Úspech sa posudzuje podľa dokončenia a kvality ďalšieho procesu, pretože vysoký počet kliknutí na mätúce tlačidlo nie je obchodný prínos.
Odvoďte akciu od účelu stránky
Každá stránka potrebuje dominantný ďalší krok, ktorý súvisí s jej zámerom. Služba môže viesť ku konzultácii, prípadová štúdia k podobnému riešeniu a článok k podrobnejšiemu návodu alebo kontaktu. Ak stránka obsahuje viac publík, najprv ich rozlíšte obsahom. Päť rovnako výrazných tlačidiel prenáša rozhodovanie späť na návštevníka.
Hlavná akcia nemusí byť vždy transakcia. Pri zložitej službe môže byť primeraný brief, ukážka procesu alebo overenie vhodnosti. Zohľadnite, koľko informácií človek už má a aké riziko cíti. Menej záväzný krok má pomáhať pokračovať, nie odvádzať do všeobecného obsahu bez návratu.
Napíšte text podľa očakávaného výsledku
Text tlačidla má pomenovať akciu alebo bezprostredný výsledok: odoslať dopyt, pozrieť rozsah služby alebo stiahnuť schválený materiál. Všeobecné viac a pokračovať nútia človeka odhadovať cieľ. Okolitý text môže vysvetliť, čo treba pripraviť, či vzniká záväzok a kedy príde reakcia. Tlačidlo nemusí obsahovať celý sľub.
Používajte rovnaké pomenovanie pre rovnakú akciu a odlišné pre odlišný výsledok. Ak odkaz otvorí e-mail, nezačínajte textom rezervovať termín. Vyhnite sa nadsadenému bezplatne, ak ďalší krok vyžaduje údaje alebo obchodný kontakt, ktorý návštevník neočakáva. Presnosť buduje dôveru ešte pred konverziou.
- sloveso zodpovedajúce skutočnej akcii
- výsledok bez skrytého záväzku
- kontext potrebných podkladov
- konzistentné pomenovanie naprieč webom
Umiestnite výzvu po potrebnej informácii
Prvá obrazovka môže obsahovať hlavnú akciu, ak už úvod vysvetľuje ponuku. Pri zložitejšom rozhodnutí ju zopakujte po rozsahu, dôkazoch alebo odpovediach na obavy. Opakovanie má zachovať rovnaký význam, nie meniť sľub v každej sekcii. Plávajúci prvok používajte iba vtedy, keď neprekrýva obsah a ostáva ovládateľný.
Na mobile skontrolujte poradie, veľkosť aktívnej plochy a vzťah ku klávesnici či lište prehliadača. CTA nesmie vytlačiť zásadné podmienky mimo dohľadu. Vizuálny kontrast odlišuje hlavnú akciu od sekundárnej, no stránka nemá kričať. Viditeľný fokus a zrozumiteľný názov sú potrebné aj pre klávesnicu a čítačku.
Navrhnite sekundárnu cestu bez konkurencie
Sekundárna akcia pomáha človeku, ktorý ešte nie je pripravený na hlavný krok. Môže viesť na proces, ukážku alebo kontakt iným kanálom. Má mať nižšiu vizuálnu prioritu a jasne odlišný účel. Dve tlačidlá s takmer rovnakým výsledkom vytvárajú otázku, ktorú z možností zvoliť.
Pri kritickej úlohe ponúknite aj dostupnú alternatívu, napríklad e-mail alebo telefón, ak formulár zlyhá. Nepridávajte však všetky kontaktné kanály ku každej sekcii. Sekundárnu cestu vyhodnocujte podľa toho, či podporuje rozhodovanie a návrat, nie iba podľa počtu kliknutí mimo hlavného lievika.
Testujte význam a celý konverzný tok
V používateľskom teste sa pred kliknutím spýtajte, čo človek očakáva. Ak odpoveď nezodpovedá cieľu, upravte text alebo kontext. Pri porovnávaní variantov držte jednu hypotézu a sledujte aj dokončenie nasledujúceho kroku. Samotná farba tlačidla málokedy vyrieši chýbajúcu hodnotu, dôkaz alebo nejasný formulár.
Merajte kliknutie, načítanie cieľa, odoslanie a kvalitu výsledku s primeraným rešpektom k súkromiu. Rozdiely vyhodnocujte počas dostatočného obdobia a podľa zdroja či zariadenia. Zmena, ktorá zvýši kliknutia, ale zhorší dokončenie alebo prinesie viac nesprávnych očakávaní, nie je úspech.
- očakávanie návštevníka pred kliknutím
- úspešné dokončenie nadväzujúcej úlohy
- kvalita a správnosť získaného výsledku
- súlad s textom a podmienkami stránky
Časté otázky
Koľko CTA má mať jedna stránka?
Môže hlavnú akciu primerane zopakovať a mať niekoľko podporných odkazov. Dôležité je, aby jedna priorita ostala jasná a sekundárne možnosti riešili odlišnú potrebu.
Má byť CTA vždy nad prvým prehybom stránky?
Nie vždy, ale návštevník má skoro pochopiť ďalší krok. Pri známej jednoduchej ponuke môže byť výzva okamžitá, pri zložitej potrebuje najprv stručný kontext a dôveru.
Ktorá farba tlačidla konvertuje najlepšie?
Neexistuje univerzálna farba. Tlačidlo musí byť dostatočne kontrastné, konzistentné a vizuálne prioritné v konkrétnom dizajne. Význam, obsah a následný proces majú väčší kontext než izolovaný odtieň.
Zdroje a ďalšie čítanie
Web developer zo Spišskej Novej Vsi. Venuje sa WordPressu, WooCommerce, vlastným pluginom, API integráciám, webovým aplikáciám a praktickým AI automatizáciám.
