• UŽIVATELSKÉ ROZHRANÍ A UX

Získejte kliknutí: 8 tipů pro efektivní design CTA

  • Felix Rose-Collins
  • 5 min read
Získejte kliknutí: 8 tipů pro efektivní design CTA

Úvodní stránka

Dostat se na první stránku výsledků vyhledávání Google a získat pozornost publika je skutečná výzva, protože lidé málokdy kliknou na výsledek na druhé stránce. Optimalizace webu pro SEO je pro dosažení tohoto cíle nutností.

To však neznamená, že umístění v první desítce vám nutně zajistí dobrý konverzní poměr. Je pravda, že můžete očekávat zvýšení návštěvnosti webu, ale pro konverze je klíčový ještě jeden prvek - účinná výzva k akci.

Hlavním úkolem CTA je nasměrovat návštěvníky k dalšímu kroku a přimět je k akci - přihlášení k odběru newsletteru, stažení e-knihy, nákupu produktu nebo služby nebo k registraci na zkušební verzi.

Špatně navržené CTA je však stejně dobré jako žádné, protože nedokáže generovat kliknutí a usnadnit konverze.

V tomto článku se budeme věnovat nejlepším tipům pro navrhování neodolatelných CTA, na které vaši potenciální zákazníci nebudou moci nekliknout. Čtěte dál a dozvíte se více!

1. Použijte lepivý postranní panel CTA

U CTA jde především o to, aby upoutaly pozornost návštěvníků a přiměly je kliknout.

Některé webové stránky, jako jsou domovské stránky nebo příspěvky na blogu, obsahují velké množství obsahu a je snadné, aby se CTA prolnuly s ostatními prvky a staly se prakticky neviditelnými.

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Zadejte lepivý boční panel CTA.

Toto plovoucí tlačítko je připevněno na boku webové stránky a zůstává viditelné při posouvání stránky nahoru a dolů, aniž by působilo rušivě nebo rušivě. Nemusíte se obávat, zda potenciální zákazník zapomene na vaši úžasnou nabídku, zatímco si čte článek nebo prohlíží recenze zákazníků.

Společnost ATH Sport poskytuje 10% slevu na první objednávku a propaguje tuto pobídku na své domovské stránce a na celém webu zavedením lepivého postranního panelu CTA s nápisem "Save 10%". Tímto způsobem jsou návštěvníci nenápadně upozorněni, aby podnikli akci a uplatnili slevu.

Use a sticky sidebar CTA (Zdroj: ATH Sport)

2. Využití negativního prostoru

Jednou z největších chyb, kterých se můžete dopustit, je, že CTA pohřbíte uprostřed rozsáhlého bloku textu. To je spolehlivý způsob, jak ji návštěvníci přehlédnou a odejdou bez konverze.

Nebojte se maximálně využít negativní prostor, tj. oblast návrhu, která není obsazena textem nebo jinými prvky. Obklopením CTA bílým prostorem vytvoříte vizuální zlom, který pomůže přitáhnout pozornost diváka k tlačítku.

Čím méně rušivých prvků bude kolem CTA, tím lépe se na něj bude klikat.

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Společnost Flamingo dává CTA na své domovské stránce dostatek prostoru a odděluje ji od ostatních prvků, čímž přitahuje pozornost návštěvníků k hlavnímu cíli - přidání sledování odchodu do služby Slack. Navzdory velkému množství bílého prostoru nepůsobí design prázdně nebo nedokončeně, takže klíčové je dosažení správné rovnováhy.

Leverage negative space (Zdroj: Flamingo)

3. Vytvoření pocitu naléhavosti

Naléhavost a nedostatek jsou silnými faktory konverze, a proto byste měli tyto psychologické principy zahrnout do své kopie CTA.

Vezměte si příklad z Amazonu a jejich chytrého upozornění "Na skladě zbývá pouze 1/2/3", které i nerozhodné zákazníky přiměje k okamžité objednávce produktu, než ho někdo jiný sebere.

Lidé vnímají produkty, kterých je nedostatek nebo které budou brzy vyprodány, jako cennější, což vyvolává strach ze ztráty produktu (FOMO).Tento fenomén můžete využít tím, že vytvoříte kopii CTA, která se bude točit kolem omezené dostupnosti produktu.

Chcete-li zdůraznit naléhavost, použijte slova pro načasování, jako jsou Teď, Okamžitě nebo Dnes.

CTA na domovské stránce společnosti Bed Bath & Beyond je skvělým příkladem kombinace naléhavosti a nedostatku. Zákazníci jsou vyzváni, aby "Nakupovali nyní", protože nabídka platí do 8. ledna, ale toto okno příležitosti je navíc minimalizováno přidáním "Do vyčerpání zásob". Skutečnost, že samotná CTA je v rámci velkého červeného banneru umístěného nad záhybem, ji činí ještě výraznější a přesvědčivější.

Create a sense of urgency - Bed Bath & Beyond (Zdroj: Bed Bath & Beyond)

Lednová domovská stránka obsahuje CTA s trochu jiným pojetím naléhavosti. Pečlivě vytvořená formulace "Připojte se k čekací listině" vytváří kolem aplikace rozruch a generuje poptávku tím, že naznačuje, že na spuštění netrpělivě čekají další potenciální zákazníci. Toto jednoduché, ale přesto zajímavé CTA funguje, protože navozuje poněkud exkluzivní atmosféru - je to jako dostat se na seznam VIP klubu.

Create a sense of urgency - January (Zdroj: leden)

4. Zahrňte silná slova

Jak už jejich název napovídá, silná slova mají schopnost vyvolat ve vašich potenciálních zákaznících emoce. 95 % nákupních rozhodnutí je podvědomých, což znamená, že pocity hrají v tomto procesu důležitou roli.

Takže včetně silných slov, jako je např.

  • Zdarma
  • Úžasné
  • Nový
  • Efektivní
  • Easy
  • Okamžitě
  • Zaručené
  • Žádné riziko
  • Certifikované stránky
  • Chráněné stránky
  • Testováno
  • Ověřeno
  • Extra

zapůsobí na vaše publikum a přiměje je k akci.

Jak vidíte, některá z těchto slov mají za cíl přesvědčit zákazníky, že je bezpečné kliknout na tlačítko a provést nákup nebo se přihlásit k odběru newsletteru. Jiná se zaměřují na zdůraznění hodnotové nabídky.

Domovská stránka Evernote slibuje uživatelům, že si díky aplikaci budou moci uspořádat svůj život, zatímco CTA je láká k bezplatné registraci. A kdo by mohl takovou lákavou nabídku odmítnout?

Include power words - Evernote (Zdroj: Evernote)

Podobně CTA na domovské stránce BaseLangu vyzývá uživatele, aby začali s výukou španělštiny za "pouhý 1 dolar", což je další nejlepší nabídka, která je zdarma. Celkové sdělení značky nabývá na síle s pomocí dalších silných slov, jako je "neomezený" nebo "all-you-can-eat", která obě sdělují hodnotu nabídky, že potenciální zákazníci mohou vyzkoušet týden a zaplatit symbolický poplatek 1 dolar.

Include power words - BaseLang (Zdroj: BaseLang)

5. Udělejte svůj CTA pop

Pravděpodobně jste již slyšeli o pravidle 15 vteřin, podle kterého máte na upoutání pozornosti návštěvníků pouze čtvrt minuty. To vám nedává příliš velký manévrovací prostor, což znamená, že musíte jednat rychle a zajistit, aby CTA patřilo mezi první věci, kterých si lidé všimnou, když přistanou na vaší webové stránce.

Jedním z nejlepších způsobů, jak tohoto cíle dosáhnout, je stříkající barva. Názory na to, která barva zvyšuje konverze, se různí, ale porota se v tomto ohledu stále ještě nevyjádřila. Lze však bezpečně usoudit, že nejde ani tak o to, zda zvolíte červenou, zelenou, modrou nebo žlutou, ale o vytvoření kontrastu.

Můžete například použít tzv. doplňkové barvy, které jsou na opačných stranách barevného kruhu. Pokud je vaše webová stránka převážně modrá, pak oranžová CTA vytvoří silný kontrast.

Domovská stránka společnosti Menlo Caoching je bílá a šedá, takže výrazná červená barva, kterou zvolili pro CTA, je okamžitě viditelná. Design těží také z negativního prostoru, který tlačítko CTA navíc zvýrazňuje a dává mu vyniknout na neutrálním pozadí.

Make your CTA pop (Zdroj: Menlo Coaching)

6. Nebuďte neurčití

Neočekávejte, že si návštěvníci sami udělají závěr o tom, co bude následovat - řekněte jim to.

Tlačítka CTA s nápisem "Klikněte sem" nebo "Odeslat" lidi pouze zmatou, a to je to nejhorší, co můžete udělat.

Trik spočívá v tom, že návštěvníkům jasně sdělíte, jaký prospěch budou mít z akce, a informujete je o dalším kroku.

Dropbox na své domovské stránce používá přístup "co z toho budu mít", když potenciálním zákazníkům říká, že po kliknutí na tlačítko CTA si budou moci najít nejlepší plán pro sebe. Je zřejmé, že na další stránce najdou podrobnosti o plánu, jeho funkcích a srovnání, které jim pomohou při rozhodování.

Don’t be vague (Zdroj: Dropbox)

7. Přidejte sociální důkaz

Pokud jde o konverzi potenciálních zákazníků, nic nefunguje lépe než sociální důkaz. 87 % nákupních rozhodnutí začíná online průzkumem, zatímco zákazníci si před zadáním objednávky přečtou v průměru deset recenzí.

Protože však nechcete, aby vaši potenciální zákazníci opouštěli vaše webové stránky, zatímco hledají recenze a posudky zákazníků, je nejlepší ukázat jim sociální důkaz přímo tam, než jim předložíte CTA.

Tímto způsobem si vybudujete důvěru a rozptýlíte případné pochybnosti o nákupu.

Přesně to dělá společnost Buffer na své domovské stránce. Jejich CTA jsou spojeny s citáty spokojených zákazníků, kteří zdůrazňují, jak jim používání platformy usnadňuje život. Aby značka přidala další vrstvu důvěryhodnosti, připojila jména a fotografie zákazníků. Tato jednoduchá taktika je velmi účinná, protože dává jménu tvář a činí sociální důkaz autentičtějším.

Add social proof (Zdroj: Buffer)

8. Zachovejte jednoduchost

Všechny tipy, které jsme dosud probrali, ve vás mohou vzbudit dojem, že vaše CTA musí být přehnaná, aby fungovala.

Pravdou však je, že jednoduchost je často podceňována.

Seznamte se s nástrojem Ranktracker

Univerzální platforma pro efektivní SEO

Za každým úspěšným podnikem stojí silná kampaň SEO. Vzhledem k nesčetným optimalizačním nástrojům a technikám je však těžké zjistit, kde začít. No, už se nebojte, protože mám pro vás přesně to, co vám pomůže. Představuji vám komplexní platformu Ranktracker pro efektivní SEO.

Konečně jsme otevřeli registraci do nástroje Ranktracker zcela zdarma!

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

V mnoha případech dosáhnete skvělých výsledků, pokud zachováte jednoduchost CTA jak z hlediska designu, tak z hlediska procesu konverze.

CTA na domovské stránce Jira splňuje všechny požadavky díky CTA "Pokračovat s Googlem". Ďábel se skrývá v detailu, a přestože se zde zdánlivě nic moc neděje, účinnost tohoto CTA spočívá v tom, že je pro ty, kteří se rozhodnou zaregistrovat, velmi jednoduchá.

Namísto složitého procesu registrace šetří Jira čas uživatelů tím, že jim umožňuje přístup k platformě prostřednictvím jejich účtu Google. Zabere to jen pár kliknutí a odpadá otravné vyplňování formulářů, které je zodpovědné za mnoho opuštěných registrací a nákupních košíků. Navíc kopie obsahuje ono kouzelné otevřené esemeskové slovo Free, které dokáže přesvědčit ty, kteří se rozhodují, aby klikli a pokračovali.

Keep things simple (Zdroj: Jira)

Závěrečné shrnutí

Výzva k akci je možná nejmenším designovým prvkem na vaší webové stránce, ale její význam je obrovský. Bez ní by potenciální zákazníci nevěděli, co od nich očekáváte a jaký by měl být jejich další krok. Proto věnujte designu svých CTA pečlivou pozornost a nezlehčujte je. Tyto taktiky vám pomohou zajistit, že kliknutí budou přibývat.

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Začněte používat Ranktracker... zdarma!

Zjistěte, co brání vašemu webu v umístění.

Vytvoření bezplatného účtu

Nebo se přihlaste pomocí svých přihlašovacích údajů

Different views of Ranktracker app