Barion Pixel

Milyen egy jól működő CTA?

2017. május 26. | Dörnyei Barbara

# # # # #

Kezdjük az elején és tisztázzuk, mi is az a CTA? Minden weboldal valamilyen céllal születik, ez lehet elég változatos, kezdve a portfolió oldalaktól a tájékoztató oldalakon át, az értékesítési céllal létrehozott oldalakig. Ebben az írásban most az értékesítési oldalak egyik nagyon fontos eleméről lesz szó, mégpedig a CTA-ról.

A CTA, az angol kifejezés, a „call to action” rövidítése, amit magyarra fordítva talán úgy mondhatnánk, hogy cselekvésre való felszólítás, ami nem hangzik annyira jól, így maradjunk inkább a szaknyelven is jobban elterjedt CTA-nál.

A nevéből is látszik, hogy a CTA használatával a látogatót valamilyen cselekvésre próbáljuk rávenni, leginkább arra, hogy kattintson. Ennek is komoly tudománya van már, azonban általánosan azt elmondhatjuk, hogy a jó CTA jól látható, színével kiemelkedik az oldal többi részéből, mérete is nagyobb az oldalon található többi elemnél, formájában pedig gomb, hogy a látogató számára egyértelmű legyen, hogy az egy kattintható elem, tudja, hogy mit kell vele tenni.

Erre mutatunk itt néhány példát.

Ezen az oldalon viszonylag kevés a szöveg, így az élénk piros színű gomb nagyon jól érvényesül, és irányítja a látogatót, hogy fedezze fel a kínálatot, ezzel tovább lépve az értékesítési folyamat következő szintjére.

 

 

 

Ezen az oldalon már lényegesen több szöveg van, de a narancs színnel készített gomb nagyon jól elkülönül, egyértelműen látszik, hogy egy gombról van szó, aminek kattintásával a látogató megkapja a további ajánlatot. A képernyő alsó sávjában a kötelező cookie nyilatkozat elfogadása is kapott egy csinos narancssárga gombot, így a látogató könnyen megtalálja, hogy mire is kell kattintania.

 

 

 

A következő példán már két CTA-t is elhelyeztek, mindkettő nagyon jól megragadja a tekintetet, a piros keret jól kiemelkedik az egyszerű, kék színvilágú oldalon és ajánlatkérésre, illetve feliratkozásra buzdítja a látogatót.

 

Ez itt egy webáruház egyik termékoldala, ahol a nagy, piros gomb egyértleműen felszólítja a vásárlót, hogy “Tedd be a kosárba!” Tehát nincs mese, a vásárló kosárba tesz, vásárol, mi pedig örülünk!

 

Alul a jól ismert hipermarket lánc egyik szezonális akciója, ahol a színes, mozgalmasabb grafikai háttérben is jól oldották meg a CTA-t, a piros kiemeléssel és a kerekített gomb formával.

 

Az utolsó példában elhelyezett CTA-k nem túl nagy méretűek, viszont olyan élénk színt választottak, hogy lehetetlen nem észrevenni mindkettőt. Így a látogató nagy eséllyel fog feliratkozni illetve regisztrálni.

Iratkozz fel 7 napos ingyenes, alapozó webdesign kurzusunkra!

Kipróbálom
Iratkozz fel YouTube csatornákra!

blog

Segédlet Mi az a linkbait?

Mi az a linkbait?

2021. augusztus 30.

Nem clickbait, arról pedig már biztosan hallottál. A linkbait is egyike a webdesign napjainkban kikerülhetetlen édes(?) testvére, a SEO szakzsargonjában nyüzsgő kifejezéseknek. Mint minden valódi terminus technicus, ez is valami valójában közismert, nem túl bonyolult fogalmat ír le, de a saját speciális szemszögéből tálalva, és annak a tükrében értelmezve. Ez magyarán azt jelenti, hogy a […]

Tovább a cikkre