A CTA a landing motorja: nem design, hanem döntésirányítás.
10–15 perc alatt legyen:
A landing oldal nem akkor működik, ha szép.
Akkor működik, ha kattintanak.
A Call to Action (CTA)
nem gombdesign.
A CTA
döntésirányítás.
Egy oldalon csak 1 fő cselekvés lehet.
Példák:
Ha több CTA van (pl. hívás + email + letöltés),
a látogató nem dönt.
Szabály
Minden gomb ugyanarra a lépésre mutasson.
Az emberek nem vásárolni jönnek, hanem "megnézni".
Ezért a jó CTA:
Küldés
Kapcsolat
Tovább
"Kérem az ingyenes sablont"
"Időpontot foglalok"
"Megnézem a mintát"
"Kérem az előzetes oldalt"
(használd mindig)
Példák:
Megnézem a mintát
Kérem az előzetes sablont
Időpontot foglalok konzultációra
Tipp
A CTA legyen konkrét. Ne legyen "általános gomb".
A CTA alatti 1 sor gyakran többet ér, mint a headline.
Félelem
Kattintás
Példák:
"2 perc • kötelezettség nélkül"
"Nincs spam • válasz 24 órán belül"
"Csak egy minta, semmi eladás"
Ezek csökkentik a félelmet.
Szabály
Minden primary CTA alatt legyen microcopy.
(mobil-first elhelyezés)
Egy jól működő landing oldalon a CTA:
a HERO-ban
Első benyomás + azonnali lehetőség
a problémablokk után
Amikor a fájdalom éles
a pozícionálás / solution után
Meggyőződtek, készen állnak
a végén (záró CTA)
Utolsó esély az akcióra
Mindegyik ugyanoda vezet.
(15 db)
Adj 15 Call to Action gomb szöveget egy landing oldalhoz, ahol a cél: [IDE ÍRD BE A CTA CÉLT pl. "ingyenes előzetes sablon kérése"]. Szabályok: - alacsony kockázatú - világos kimenetet ígér - ne használd a "küldés" vagy "kapcsolat" szót - legyen rövid (2–5 szó) - magyarul
(10 db)
Adj 10 microcopy sort a CTA alá (1 sor), amelyek csökkentik a kockázatérzetet. Kontextus: CTA cél: [IDE ÍRD BE] Szabályok: - 1 sor - konkrét (idő, kötelezettség, spam, válaszidő) - ne legyen túl "marketinges" - magyarul
(hol legyenek gombok)
A landing oldalam szekciói: 1) Hero 2) Social proof 3) Problem / Agitate 4) Solution + Unique mechanism 5) Benefits 6) How it works 7) FAQ 8) Záró CTA Feladat: Mondd meg, melyik szekció után legyen CTA gomb, és mindegyikhez adj: - CTA gomb szöveget (ugyanarra a célra) - 1 microcopy sort Szabályok: - minden CTA ugyanarra a célra mutasson - mobil-first (ne legyen túl sok szöveg) - magyarul
— checklist
Kiválasztottam az 1 primary CTA célt
Választottam 1 CTA gomb szöveget (akció + kimenet)
Választottam 1 microcopy sort
Megterveztem, hova kerül CTA (hero + 2–3 pont + zárás)
Ellenőriztem: minden gomb ugyanoda visz
(publikálás előtt)
Van 1 primary CTA, nem több?
A gomb szöveg akció + kimenet?
Nincs "Küldés / Kapcsolat / Tovább"?
Van microcopy minden fő CTA alatt?
Mobilon 3 mp alatt érthető, mit kapok kattintás után?
Ha minden IGEN
→ mehet. 🚀
Következő lépés
Mobil-first, rövid blokkok – mi kerül az oldalra és milyen sorrendben