Konverzió6 perc olvasás

Miért nem kattintanak a CTA-ra? 10 hiba

Szöveg, hely, szín - és a meglepő 11. A leggyakoribb CTA hibák és azok egyszerű megoldásai.

Van látogatód, de nem kattintanak. Nézelődnek, görgetnek, aztán távoznak. A probléma gyakran nem a termék vagy szolgáltatás – hanem a Call-to-Action (CTA).

Egy rossz CTA olyan, mintha lenne üzleted, de az ajtón nincs kilincs. Az emberek látják, értik, de nem tudják kinyitni. Ezért a 10 leggyakoribb hiba – és amit tehetsz ellene.

1. Generikus szöveg: "Küldés" vagy "Kattints ide"

A probléma:

"Küldés", "Kattints ide", "Tovább" – ezek nem mondanak semmit. A látogató nem tudja, mi történik, ha rákattint. És ha nem tudja, nem fog.

A megoldás:

Használj akció-orientált, konkrét szöveget, ami pontosan megmondja, mit kap a felhasználó.

Példák:

Rossz: "Küldés"
Jó: "Ingyenes audit kérése"

Rossz: "Tovább"
Jó: "Letöltöm az útmutatót"

Rossz: "Kattints ide"
Jó: "Kezdem a 14 napos próbaidőszakot"

Tipp: Használj első személyt ("Kérem", "Letöltöm") – személyesebb.

2. Túl sok CTA egy oldalon

A probléma:

"Iratkozz fel", "Vásárolj most", "Nézd meg", "Töltsd le" – mindenhol gombok. A látogató nem tudja, mit akarunk tőle. Döntési paralízis → nem csinál semmit.

A megoldás:

Egy elsődleges CTA oldalanként. Ha muszáj több, akkor hierarchia: az egyik domináns (nagyobb, hangsúlyosabb), a többi másodlagos.

Példa felépítés:

  • Elsődleges CTA: "Ingyenes audit kérése" (nagy, színes gomb)
  • Másodlagos CTA: "Árak megtekintése" (kisebb, ghost gomb)

Tipp: Landing oldalakon egy cél = egy CTA. Ne tereld el a figyelmet.

3. Elrejtett vagy nehezen megtalálható CTA

A probléma:

A látogató görgeti az oldalt, keres... de nem találja a gombot. Túl kicsi, túl messze, vagy rossz helyen van.

A megoldás:

  • Above the fold: Az első CTA legyen látható görgetés nélkül (főleg mobilon)
  • Ismétlés: Hosszú oldalakon többször is megjelenhet ugyanaz a CTA (pl. Hero + Footer)
  • Sticky CTA: Mobilon fix gomb alul (mindig látható)

Tipp: Hőtérkép (pl. Hotjar) megmutatja, hova néznek. Ha ott nincs CTA, probléma van.

4. Nem elég kontrasztos (nem tűnik ki)

A probléma:

Szürke gomb szürke háttéren. Vagy zöld gomb, de minden más is zöld. A látogató agyában "láthatatlan".

A megoldás:

  • Kontraszt: A CTA gomb színe álljon ki a háttérből
  • Whitespace: Legyen levegő körülötte, ne préselődjön más elemek közé
  • Méret: Elég nagy, hogy mobilon is könnyű rákattintani

Példa:

Rossz: Világoskék gomb fehér háttéren
Jó: Narancssárga gomb fehér háttéren + árnyék

Tipp: A/B teszt – próbálj ki különböző színeket (narancs, zöld, piros). Az "optimális" szín nem létezik, de a kontraszt igen.

5. Nincs sürgősség vagy ösztönzés

A probléma:

"Majd később" – mondja a látogató, és soha nem jön vissza. Nincs ok, hogy MOST kattintson.

A megoldás:

  • Időkorlát: "Csak 48 óráig" vagy "Holnap vége az akciónak"
  • Készletkorlát: "Csak 5 hely maradt"
  • Ingyenes: "Ingyenes próbaidőszak" vagy "Ingyenes audit"
  • Garancia: "30 napos pénzvisszafizetési garancia"

Példa:

Rossz: "Regisztrálj most"
Jó: "Kezdd el ingyen – hitelkártya nélkül"

Figyelem: Ne hazudj. Hamis sürgősség ("Csak ma!") minden nap → veszít a hitelességből.

6. Túl nagy elköteleződés túl korán

A probléma:

"Vásárolj most 99.000 Ft-ért" az első gomb, amit lát. De még nem is tudja, ki vagy, mit csinálsz, miért jó neked.

A megoldás:

Micro-conversions (kis lépések) a nagy döntés előtt:

  • "Ingyenes audit" helyett "Vásárolj most"
  • "Letöltöm az e-bookot" helyett "Előfizetek 50.000/hó"
  • "Nézd meg a videót" helyett "Kötelező regisztráció"

Példa konverziós tölcsér:

  1. Ingyenes tartalom (blog, videó) → bizalom
  2. Email feliratkozás → kapcsolat
  3. Ingyenes audit/konzultáció → megismerés
  4. Ajánlat/vásárlás → konverzió

Tipp: Hideg forgalom (első látogatás) = alacsony elköteleződés. Meleg forgalom (newsletter feliratkozó) = magasabb elköteleződés OK.

7. Nem világos az érték (mit kapok érte?)

A probléma:

A gomb azt mondja: "Feliratkozom". De mit kapok? Mikor? Mennyi? Ha nem egyértelmű, nem fogok kattintani.

A megoldás:

Kommunikáld az értéket a CTA közelében:

Példa:

Rossz:
[Gomb: "Feliratkozom"]

Jó:
"Hetente 1 email, praktikus marketing tippekkel. Leiratkozás bármikor."
[Gomb: "Küldöm a tippeket"]

Vagy termék esetén:

Rossz:
[Gomb: "Vásárlás"]

Jó:
"30 napos pénzvisszafizetési garancia. Ingyenes szállítás 10.000 Ft felett."
[Gomb: "Kosárba rakom"]

Tipp: Használj "risk reversal" technikát: garancia, ingyenes szállítás, próbaidőszak.

8. Hosszú vagy bonyolult űrlap

A probléma:

20 mezős űrlap egy ingyenes e-book letöltéséhez? A látogató feladja, mielőtt elkezdi.

A megoldás:

  • Minél kevesebb mező, annál jobb: Csak az alapvető info (email, esetleg név)
  • Progresszív profiling: Első alkalommal csak email, később kérsz többet
  • Egyértelmű címkék: Ne kérdőjelezzen rá, mit írjon be

Példa:

Rossz űrlap (ingyenes audit):
Név, Email, Telefon, Cég neve, Pozíció, Weboldal, Iparág, Éves forgalom, Hány alkalmazott...

Jó űrlap (ingyenes audit):
Email, Weboldal (ha van), GDPR checkbox

Tipp: Teszteld: minden extra mező ~10-20% lemorzsolódás.

9. Nincs bizalomépítés a CTA mellett

A probléma:

"Add meg az emailedet" – de ki vagy te? Miért bízzak benned? Spammelni fogsz? Eladod az adataimat?

A megoldás:

  • Bizalmi jelek: "Nem spammelünk", "Leiratkozás bármikor", "GDPR-compliant"
  • Social proof: "15.000+ feliratkozó", "4.9/5 értékelés"
  • Logók: Ismert ügyfelek vagy certifikációk

Példa:

[Email mező]
[Gomb: "Feliratkozom"]
"Hetente egyszer, spam nélkül. 12.000+ feliratkozó már kapja."

Tipp: GDPR checkbox kötelező (EU), de úgy fogalmazd, hogy nem ijesztő: "Hozzájárulok, hogy email tippeket kapjak (bármikor leiratkozhatok)".

10. A mobil élmény szörnyű

A probléma:

70% mobilról nézi az oldaladat. De a CTA gomb túl kicsi, rosszul néz ki, vagy az űrlap használhatatlan telefonon.

A megoldás:

  • Ujjbarát gomb: Min. 44x44px (Apple ajánlás), inkább nagyobb
  • Sticky CTA: Fix gomb az oldal alján, mindig látható
  • Egyszerű űrlap: Mobilon ne kelljen görgetni + zoom
  • Autofocus: Kattintásra azonnal írható a mező

Tipp: Teszteld mobilon (több méret: iPhone, Android tablet). Chrome DevTools → Device Toolbar.

Bónusz: 11. A meglepő hiba – Nincs CTA!

A probléma:

Elképesztő, de sok oldalon egyszerűen nincs CTA. Szép dizájn, jó szöveg... de nem mondják meg, mit tegyen a látogató.

A megoldás:

Minden oldalon legyen egyértelmű következő lépés. Blog cikk vége? CTA. Szolgáltatás oldal? CTA. Rólunk oldal? CTA.

Példa CTA-k különböző oldalakon:

  • Főoldal: "Ingyenes audit kérése"
  • Blog cikk: "Feliratkozom a hírlevélre"
  • Szolgáltatás: "Kérek ajánlatot"
  • Rólunk: "Vegyük fel a kapcsolatot"

Tipp: Menj végig minden oldalon. Kérdezd meg: "Mi a következő lépés?" Ha nem egyértelmű → adj hozzá CTA-t.

Összefoglalás: CTA checklist

  1. Konkrét, akció-orientált szöveg (nem "Küldés")
  2. Egy elsődleges CTA oldalanként
  3. Jól látható helyen (above the fold + ismétlés)
  4. Elég kontraszt (kitűnik a háttérből)
  5. Sürgősség vagy ösztönzés (garancia, ingyenes, limitált)
  6. Reális elköteleződés (ne kérj sokat korán)
  7. Egyértelmű érték (mit kapok érte?)
  8. Rövid, egyszerű űrlap
  9. Bizalomépítés (social proof, GDPR)
  10. Mobilbarát (nagy gomb, sticky)
  11. Bonus: Van CTA! (ne hagyd ki)

Menj végig ezen a listán az oldalaidon. Javíts 2-3 dolgot, és nézd meg, változik-e a kattintási arány. Kis változtatások, nagy hatás.

Mit tegyél most?

  1. Nyisd meg a főoldaladat
  2. Számold meg: hány CTA van? (Ideális: 1-2)
  3. Olvasd el a CTA szöveget: konkrét, értéket közöl?
  4. Nézd meg mobilon: könnyen kattintható?
  5. Tesztelj: változtass egyet (szöveg vagy szín), mérj 1 hétig

Ha nem megy, vagy nem tudod, mit változtass: kérj ingyenes konverziós auditot. Megnézzük az oldaladat, és megmutatjuk, hol van tartalék.

Kapcsolódó cikkek