A weboldal minden oldala azt próbálja elérni, hogy a látogató tegyen valamit. A cselekvésre ösztönzés az az elem, amely ezt a kérést egyértelművé teszi. Nélküle a látogatónak, aki kész cselekedni, magának kell kitalálnia a következő lépést, és sokan nem fáradnak vele.
A cselekvésre ösztönzés (CTA) egy gomb, hivatkozás vagy szövegrész, amely arra irányítja a weboldal látogatóját, hogy tegyen meg egy konkrét következő lépést. Ez a következő lépés lehet hívás foglalása, árajánlat kérése, feliratkozás, valamilyen letöltése vagy kapcsolatfelvétel. A cselekvésre ösztönzés láthatóvá, egyértelművé és könnyen megtehetővé teszi a kívánt cselekvést. A világos cselekvésre ösztönzés nélküli oldalak a látogatóknak nincs irányuk és nyilvánvaló okuk a maradásra.
Milyen típusú cselekvésre ösztönzések vannak?
Formátum szerint
A gombos CTA a leggyakoribb formátum. Egy kattintható gomb, cselekvésorientált szöveggel, jól látható helyen. A gombok azért működnek, mert vizuálisan kiemelkednek a környező oldalból, és világosan jelzik az interaktivitást.
A törzsszöveg egy mondatába ágyazott szöveges hivatkozás CTA vizuálisan kevésbé hangsúlyos, mint egy gomb. Az előnye az elhelyezés. Pontosan oda kerülhet, ahol az olvasó figyelme éppen van, abban a pillanatban, amikor a cselekvésnek a legtöbb értelme van.
Az oldal teljes szélességét átölelő, rögzített sáv vagy banner CTA látható marad, ahogy a látogató görget. Ez a formátum jól működik időérzékeny ajánlatoknál, vagy amikor egy cselekvésnek következetesen meg kell jelennie minden oldalon.
Néhány CTA teljesen kihagyja a kattintást. Az űrlapblokk arra kéri a látogatókat, hogy közvetlenül az oldalon adják meg az adataikat, ahelyett hogy máshová kattintanának. A kapcsolati űrlapok és a hírlevél-feliratkozások a leggyakoribb példák.
Cél szerint
Nem minden CTA szolgálja ugyanazt a célt. Az elsődleges CTA az oldal legfontosabb cselekvését hajtja, jellemzően foglalást, vásárlást vagy kapcsolatfelvételt. A másodlagos CTA-k a látogatókat kapcsolódó cselekvések felé terelik, amelyek az elsődleges cél felé építenek, például egy esettanulmány elolvasása, az árak megtekintése vagy egy bemutató megnézése.
Hová helyezd a cselekvésre ösztönzéseket a weboldalon?
Az elhelyezés az oldaltípustól és attól függ, hol tart a látogató a döntési folyamatban, amikor az egyes szakaszokhoz ér.
A kezdőlapon az elsődleges CTA az above the fold részbe tartozik, görgetés nélkül látható helyre. Azok a látogatók, akik keresésből vagy ajánlásból érkeznek, és azonnal látják, hogy a vállalkozás megfelel nekik, gyorsan cselekednek, ha ott van a CTA. A kezdőlap alján lévő második CTA azokat a látogatókat fogja meg, akik tovább olvasnak, mielőtt döntenek. A jól működő kezdőlap tervezéséről szóló cikk bemutatja, hogyan hat a CTA a kezdőlap többi elrendezésére.
Egy szolgáltatás- vagy termékoldalon az elsődleges CTA a tartalom leírása után jelenjen meg, de még mielőtt a látogatónak el kellene görgetnie azon a ponton, ahol már eleget látott a döntéshez. Az oldal végén lévő második CTA azokat a látogatókat fogja meg, akik végigolvasták az oldalt.
A blogcikkeken és információs oldalakon a CTA-knak kontextusban kell megjelenniük, ahol a tartalom éppen olyan problémát tárgyalt, amelyet a vállalkozás megold. Az a CTA, amelyet közvetlenül egy olyan szakasz után helyeznek el, amely elmagyarázza, miért fontos valami, hatékonyabb, mint az, amelyet egy olyan cikk végére tesznek, amelyet a látogató talán nem olvas végig. Arról, hogyan működik együtt a navigáció és az oldalszerkezet a látogatók oldalak közötti mozgatásában, olvasd el a weboldal-navigációról szóló cikket.
Hogyan írj működő cselekvésre ösztönzést?
Az erős CTA-szöveg konkrét arról, mi történik, amikor a látogató rákattint. A „Foglalj ingyenes hívást” világosabb, mint a „Lépj velünk kapcsolatba”. Az „Árak megtekintése” világosabb, mint a „Tudj meg többet”. A „Töltsd le az ellenőrzőlistát” világosabb, mint a „Kattints ide”. A látogatónak pontosan tudnia kell, mit kap, vagy mi fog történni, mielőtt rákattint.
A CTA-szöveg legegyszerűbb képlete egy cselekvő ige, amelyet a konkrét eredmény vagy a felajánlott dolog követ. „Kérd az ajánlatodat.” „Kezdd el az ingyenes próbát.” „Nézd meg a teljes esettanulmányt.” Mindegyik megmondja a látogatónak, mit kap, nem csak azt, hogy tennie kell valamit.
A szolgáltató vállalkozásoknál az olyan CTA-szöveg, amely eltávolítja az érzékelt kockázatot, jobban teljesít, mint az általános alternatívák. A „Foglalj ingyenes 20 perces hívást” kevésbé fenyegető, mint a „Foglalj konzultációt”. A „Kérj árajánlatot kötelezettség nélkül” eloszlatja a félelmet, hogy rábeszélik a vásárlásra. A tétovázás kezelése magában a CTA-ban csökkenti a súrlódást azoknál a látogatóknál, akik érdeklődnek, de óvatosak.
Hány cselekvésre ösztönzés legyen egy oldalon?
Egy oldalon egy elsődleges CTA legyen, és legfeljebb egy-két másodlagos CTA. Az az oldal, amelyen öt különböző cselekvésre ösztönzés versenyez a figyelemért, túl sok választást ad a látogatóknak, és általában kevesebb konverziót hoz, mint az az oldal, amelyen egy világos elsődleges kérés van. Ha az oldal minden eleme a legfontosabb akar lenni, semmi sem az.
A kivétel a több különálló szakaszból álló hosszú oldalak, ahol az egyes szakaszok végén ismételt elsődleges CTA világos utat ad a látogatóknak, függetlenül attól, milyen messzire görgetnek, mielőtt úgy döntenek, hogy cselekszenek. Az oldalszerkezetről és arról, hogyan alakítja a kulcsfontosságú cselekvések elhelyezése a látogatói viselkedést, a UX-dizájnról szóló cikk ír.
Miben különbözik a CTA szolgáltató és termékes vállalkozásoknál?
A termékes vállalkozások használhatnak közvetlen, tranzakciós CTA-kat, mert a következő lépés egyértelmű. Vedd meg a terméket. A „Kosárba” és a „Vásárlás most” azért működik, mert a látogató pontosan tudja, mire kötelezi el magát.
A szolgáltató vállalkozások általában alacsonyabb elköteleződésű lépést kérnek a látogatóktól az eladás előtt, mert a szolgáltatás nem vehető meg egy kattintással. A cél az, hogy a látogatót beszélgetésbe vonják, nem az, hogy tranzakciót zárjanak le. Az olyan CTA-k, mint a „Foglalj ingyenes hívást”, a „Kérj árajánlatot” vagy a „Küldd el a projektleírásodat”, előre viszik a szolgáltató vállalkozás látogatóit anélkül, hogy olyan elköteleződést kérnének, amelyre még nem állnak készen. A megfogalmazásnak illeszkednie kell ahhoz, hol tart a látogató a döntési folyamatban.
Mitől bukik meg egy cselekvésre ösztönzés?
A CTA megbukik, ha láthatatlan, homályos, vagy rossz pillanatban van elhelyezve. Az a gomb, amely beleolvad az oldal háttérszínébe, nem kap kattintást. Az a CTA, amely azt mondja, „Küldés”, semmit nem árul el a látogatónak arról, mit fog kapni. Az a CTA, amelyet azelőtt helyeznek el, hogy a látogató bármilyen okot látott volna a cselekvésre, figyelmen kívül marad, mert a látogató még nem áll készen.
A vizuális kontraszt a legmegbízhatóbb megoldás a láthatatlan CTA-kra. A gomb színének világosan el kell térnie a környező oldalelemektől. A CTA körüli üres tér elválasztja a tartalomtól, és a szemet felé vonzza. A vizuális hierarchiáról szóló cikk elmagyarázza, hogyan irányítja a kontraszt és a térköz a látogató figyelmét az oldalon a legfontosabb elemekre.
Hogyan kezeli a WEMASY a cselekvésre ösztönzéseket
A WEMASY weboldalépítője CTA-gomb blokkokat, banner blokkokat és űrlapblokkokat tartalmaz, amelyeket a húzd és ejtsd szerkesztővel bárhová elhelyezhetsz az oldalon. A gombszíneket a márkaszín-beállítások szabályozzák, és minden oldalon következetesen érvényesek. A CTA-szöveg közvetlenül a blokkban szerkeszthető a dizájn befolyásolása nélkül. A gomb elhelyezése, mérete és térköze kód nélkül állítható.
Nézd meg, mi tartozik hozzá, a WEMASY weboldalépítőjénél, vagy nézd át a csomagokat az árak oldalon.
Gyakran ismételt kérdések
Milyen színű legyen a cselekvésre ösztönző gomb?
A gombnak világosan el kell térnie az oldal hátterétől és környező elemeitől. A konkrét szín kevésbé számít, mint a kontraszt. A háttérrel azonos színcsaládba tartozó gomb láthatatlanná válik. Az a gomb, amelynek színe elüt az oldaltól, azonnal feltűnik. A legtöbb weboldalon egyetlen, következetes hangsúlyszín használata az összes elsődleges CTA-gombhoz előre kiszámíthatóvá és könnyen megtalálhatóvá teszi őket, amikor a látogatók oldalról oldalra haladnak. A WEMASY weboldalépítőjével ezt közvetlenül a weboldaladon állíthatod be.
Ugyanaz a cselekvésre ösztönzés, mint a landing oldal?
Nem. A cselekvésre ösztönzés az oldalon lévő elem, amely arra irányítja a látogatót, hogy egy konkrét cselekvést tegyen. A landing oldal önálló oldal, amelyet egy konverziós cél köré építenek, és amely jellemzően egy elsődleges CTA-t tartalmaz legfontosabb elemeként. A landing oldal azért létezik, hogy támogasson egy CTA-t. A landing oldalon lévő CTA váltja ki azt a konverziót, amelyet az oldal elérni készült.
Honnan tudod, hogy működik-e egy cselekvésre ösztönzés?
A CTA átkattintási arányának és annak az oldalnak a konverziós arányának követésével, amelyen megjelenik. Ha a látogatók jelentős hányada eléri az oldalt, de kevesen kattintanak a CTA-ra, a gomb talán nem elég látható, a szöveg nem elég meggyőző, vagy a CTA rossz ponton van az oldalon. A legmegbízhatóbb módja annak, hogy kiderítsd, melyik változtatás hoz javulást, ha egyszerre egy változót tesztelsz, a szöveggel kezdve, majd az elhelyezéssel, végül a színnel.
Legyen cselekvésre ösztönzés a weboldal minden oldalán?
Igen. Minden oldalnak, amelyet a látogató elérhet, legyen legalább egy világos következő lépése. Még az információs oldalaknak is, amelyeket nem konverziós oldalnak szántak, mutatniuk kell a látogatókat valami felé. Ez lehet egy kapcsolódó cikk, egy releváns szolgáltatásoldal vagy a kapcsolati oldal. A CTA nélküli oldal zsákutca. A következő lépésnek nem kell erőszakos eladásnak lennie, de léteznie kell, és könnyen megtalálhatónak kell lennie.
Mi a különbség az elsődleges és a másodlagos cselekvésre ösztönzés között?
Az elsődleges CTA a legfontosabb cselekvés, amelyet a látogató az oldalon megtehet, jellemzően az, amely közvetlenül a konverzió felé vezet, például foglalás, vásárlás vagy kapcsolatfelvétel. A másodlagos CTA alacsonyabb elköteleződésű alternatívát kínál azoknak a látogatóknak, akik még nem állnak készen az elsődleges cselekvésre, például egy esettanulmány megnézését, egy szolgáltatásról való további olvasást vagy a frissítésekre való feliratkozást. Mindkettő a látogatókat szolgálja a döntési folyamat különböző szakaszaiban. Az elsődleges CTA-nak mindig vizuálisan hangsúlyosabbnak kell lennie, mint a másodlagosnak.