Azonos termékek. Azonos árak. Az egyiken a vásárlók 85 százaléka fejezi be a fizetést – a másikon csak 79,7 százalék. Mi a különbség? Egyetlen dolog: az egyik webshopnak egyoldalas checkoutja van. Öt százalékpont. Ezreken szorozva ez évente milliókat jelent – ugyanabból a forgalomból, ugyanazokkal a hirdetési költségekkel. Most gondolj bele: te hány lépésben kéred el a pénzt? És pontosan tudod-e, hogy hol hagyják abba a vásárlóid? Ha nem, akkor ez a cikk neked szól!
Ebben a cikkben a checkout (és kosároldal)-optimalizálást vesszük végig: lépésről lépésre. Végigmegyünk a checkout-tölcsér két legkritikusabb pontján: a kosároldalon és a checkouton. Megmutatjuk a leggyakoribb hibákat, és adunk egy lépésről lépésre elvégezhető audit-folyamatot, fejlesztő nélkül, vagy minimális segítséggel.
Mielőtt belevágnánk: a CRO és UX közösségben az egyoldalas vs. többoldalas checkout gyakran komoly hitvitákat tud generálni.
Az ebben a cikkben szereplő folyamat és gondolatmenet, bár próbál objektív lenni, biztosan tartalmaz szubjektív elemeket, az én tapasztalatom és véleményem alapján. Szívesen megvitatom az ellenvéleményeket, keressetek közvetlenül Linkedin-en.
1. Két különböző oldal – két különböző csata
Mielőtt bármin változtatnál, fontos megértened, hogy a kosároldal és a checkout két teljesen különböző eleme a weboldaladban, webáruházadnak és ezért eltérő megoldást és optimalizálási fókuszt igényel.
- A kosároldal: a döntésmegerősítés fázisa
A vásárló itt nézi meg utoljára, mit vesz, mennyiért, milyen feltételekkel. Ha itt valami megzavarja – váratlan szállítási díj, homályos visszaküldési feltételek, zavaros CTA-gomb -, túl sok vagy túl kevés információ, akkor nem indul el a fizetés felé, hanem jó eséllyel elhagyott kosár lesz a session-ből. Más szóval: elmegy az oldalról.
- A checkout: a végrehajtás fázisa
Az elsődleges vásárlási szándék megvan. De ha a folyamat bonyolult, hosszú, vagy nem kelti a megbízhatóság érzetét – a vásárló az utolsó pillanatban fordul vissza.
Ez a különbség dönt el mindent. Ha a fő probléma a kosároldalon van, a checkout csiszolása nem hoz eredményt. Ha a checkouton van, a kosároldal újratervezése felesleges munka.
- Hogyan mérd meg, hol van a problémád?
Nyisd meg a GA4-et, és állíts be egy tölcsérvizsgálatot (Feltárás → Tölcsérvizsgálat). Három eseményt adj hozzá:
- view_cart – kosároldal megtekintése
- begin_checkout – checkout megnyitása
- purchase – sikeres megrendelés
Itt a minikosárról rögtön checkoutba menő session-ek nem minden esetben lesznek jól mérve, ez platformfüggő. Ebben az esetben az add_to_cart esemény szolgálhat megközelítő adatként.
Ahol a legnagyobb százalékos esés látható – ott kell kezdeni a munkát.
2. A számok, amik megmutatják a checkout-folyamat fontosságát
A checkout-tölcsér: átlagos esési arányok lépésről lépésre (forrás: Baymard Institute)
A globális ecommerce kosárelhagyási arány 2025-ben 70,19 százalék – mobilon 80,2 százalék. Ez nem azért fontos, mert rossz – hanem azért, mert ez az iparági valóság. A legtöbb vásárló soha nem fejezi be a folyamatot. A kérdés csak az, hogy te mennyi vásárlót veszítesz el ott, ahol nem kellene.*
Az átlagos checkout alapértelmezetten 11,2–11,3 kötelező mezőt tartalmaz, de ha beleszámítjuk az összes opcionális, feltételes és rejtett elemet, ez a szám könnyen 20 fölé emelkedhet. Az optimum: 7–8 kötelező mező.*
Mit jelent ez forintban?
Számoljunk egy konkrét példán: havi 60 000 látogató, 12 000 Ft átlagos kosárértékkel, 1,5 százalékos jelenlegi konverzióval. Ez 900 rendelés/hó és 10 800 000 Ft bevétel. Ha az optimalizálással a konverzió 2,0 százalék ra nő:
- 1200 rendelés/hó → 14 400 000 Ft bevétel
- +3 600000 Ft havonta
- +43 200 000 Ft évente – ugyanabból a forgalomból, nulla extra hirdetési költséggel
3. A kosároldal 4 leggyakoribb konverziógyilkos eleme
Ha a vásárlók már a kosároldalon elhagyják a folyamatot, soha nem jutnak el a checkoutig. Ezért a kosároldal ugyanolyan fontos, mint maga a fizetési folyamat.
Miért hagyják el a checkoutot a vásárlók? (*)
Hiba #1 – A szállítási díj meglepetés
A vásárló 25 000 Ft-os cipőt lát. Kosárba teszi. Majd a checkout végén megtudja: a szállítás 1 990 Ft. Bezárja az ablakot.
A vásárlók 48 százaléka pont emiatt hagyja el a checkoutot.*
A megoldás nem az ingyenes szállítás – hanem a transzparencia. Mutasd a szállítási díjat már a kosároldalon, és adj hozzá ingyenes szállítási küszöb-jelzőt: „Még 1 500 Ft és ingyenes a szállítás!” Ez upsell-eszközként is működik, miközben megszünteti a kellemetlen meglepetés-faktort.
Hiba #2 – A CTA-gomb nem látható görgetés nélkül mobilon
A kosároldal mobilon sokszor hosszú – termékképek, leírások, kuponkód-mező sorban egymás után. A „Tovább a fizetéshez” gomb az oldal aljára kerül. A vásárló görget, elveszíti a fókuszt, és bezárja az oldalt. (Egy kis adalék: nem jó, ha a CTA gomb felirata “Megrendelés”. A kevésbé rutinos vásárló megijedhet ettől, hiszen még nem akarja leadni a rendelését rögtön…
Szabály: a fő CTA mindig legyen elérhető görgetés nélkül – mind mobilon, mind asztali gépen.
Ha kell, tegyél egy lebegő gombot a képernyő tetejére is.
Hiba #3 – Technikai frikció a kosárban
Kuponkód-mező, ami hibát dob, de nem mondja meg, miért. Mennyiség-módosítás, ami nem frissíti az árat automatikusan. „Folytatom a vásárlást” gomb, ami nem oda visz vissza, ahonnan a vásárló jött.
Ezek egyenként apróságnak tűnnek – együtt viszont bizalmat rombolnak. A vásárló nem gondolkodik tudatosan: csak érzi, hogy valami nem stimmel, és elmegy.
Ne tegyük nehezebbé a vásárló feladatát, csökkentsük a frikciót itt is.
Hiba #4 – Nincsenek bizalomjelek a kosároldalon
A kosároldal a döntésmegerősítés csúcspontja – éppen itt a legerősebb a vásárlói szorongás, az érzemi frikció. Egy rövid „30 napos visszaküldési garancia” jel, egy „Biztonságos fizetés” ikon, vagy egy konkrét vásárlói visszajelzés a CTA közelében érdemi konverzióemelő hatású. Ne hagyd üresen ezt a területet.
4. A checkout 5 leggyakoribb konverziógyilkosa
A vásárló megnyitotta a checkoutot – ez már jó jel, alakulunk. De ha az alábbi hibák bármelyike jelen van, az utolsó pillanatban mégis elveszítheted.
Hiba #1 – Kötelező regisztráció vásárlás előtt
„Kérjük, hozzon létre fiókot vásárlás előtt.” – Ez az egyetlen mondat a vásárlók 26 százalék-át üldözi el.
Az emberek nem akarnak jelszót csinálni egy cipő vásárlásához. A megoldás: a vendéges vásárlás legyen a default opció. A regisztrációt a megrendelés után ajánld fel – amikor az élmény már pozitív volt: „Szeretné menteni a rendelési adatait a következő vásárláshoz?” Ekkor a regisztráció valódi értéket kínál, nem csupán akadályt jelent.
Hiba #2 – Túl sok mező
Az átlagos webshop checkout-formja alapértelmezetten 11+ mezőt tartalmaz – de az összes jelen lévő elemmel együtt ez könnyen 20 fölé kúszhat. Az optimum 7–8 kötelező mező.*
- Mit lehet elvágni vagy opcionálissá tenni?
- Cím 2. sor – a legtöbb vásárlónál üresen marad
- Külön számlázási cím mező – alapértelmezetten „megegyezik a szállítási címmel”, egy check-box elég
- Cég neve – csak B2B-nél releváns, feltételesen jelenjen meg, pl egy checkbox-ot követően
Hiba #3 – A vendéges vásárlás el van rejtve
A Baymard vizsgálata szerint a webshopok 47 százalékánál a vendéges vásárlás nincs elég prominensen kiemelve.*
Az olvasó keresi, nem találja, és inkább bezárja az oldalt. A vendéges vásárlás legyen az első és legláthatóbb opció – a regisztrációs lehetőség mellé,vagy inkább fölé, nem alá.
Hiba #4 – Kevés vagy nem megfelelő fizetési lehetőségek
2025-ben ezek a minimumok: bankkártya, (SimplePay vagy Barion a két legismertebb idehaza, de más szolgáltató is rendben van), utánvét – és legalább egy gyors digitális fizetési mód (Apple Pay, Google Pay). Mobilon a digitális opciók különösen kritikusak: eltüntetik a kártyaadatok billentyűzetről való begépelésének magas frikciós faktorát.
Ha B2B vásárlóid is vannak, az átutalásos/halasztott fizetési opció hiánya külön konverzióvesztést jelenthet.
Hiba #5 – Nincs progress-jelző, és mobilon nehézkes az élmény
Ha a vásárló nem tudja, hány lépés van még – szorongást érezhet. Egy egyszerű „1. Szállítás → 2. Fizetés → 3. Összesítő” fejléc bizalmat és struktúrát ad. És segít visszatérni egy korábbi részhez, ha többoldalas checkout-unk van.
Mobilon kötelező valódi eszközön végigmenni a teljes folyamaton (legalább a top 2-3 készülétípuson és böngészőn. Minimum 1 iOS és 1 Android eszköz). Elég nagyok a mezők az ujjal való kitöltéshez? A billentyűzet eltakarja-e a következő mezőt? Ezek apróságnak tűnnek – de a Baymard tesztek szerint kritikusan befolyásolják a mobilos konverziót.
5. Egyoldalas vagy többlépéses checkout?
Ez a kérdés az egyik leggyakrabban felmerülő – és a válasz meglepően árnyalt. Itt nem szeretnék hitvitát vagy ízlásvitát indítani, nézzük meg a számokat a Baymard Institue adatai alapján
Egyoldalas vs. többlépéses checkout – mikor melyik nyeri? (Forrás: Stripe, Baymard Institute)
A Stripe adatai szerint az egyoldalas checkouton 85,2 százalék az átlagos befejezési arány, a többlépéses checkouton 79,7 százalék. Az egyoldalas tehát mindig jobb? Nem feltétlenül.
A különbség az átlagos kosárértéktől függ. Ha az átlagos rendelési értéked körülbelül 15 000 Ft vagy ezalatt alatt van, az egyoldalas checkout megnyeri a csatát – kevesebb görgetés, gyorsabb flow, mobilon különösen hatékony.
Ha azonban az átlagos kosárértéked 50 000–55 000 Ft felett van, a 2–3 lépéses checkout konvertál jobban. Miért? Az ún. endowment effect miatt: az első lépés (szállítási adatok) kitöltése pszichológiai befektetést teremt. A vásárló érzi, hogy már „benne van” a folyamatban – ez elvezeti a fizetési adatok megadásához is.
Ökölszabály:
- Átlagos kosár ~15 000 Ft alatt → egyoldalas checkout
- Átlagos kosár ~50 000 Ft felett → 2–3 lépéses checkout
- Mobilon minden esetben az egyszerűbb, kevesebb görgetést igénylő megoldás nyeri.
- a 15000-50000 kategóriában nem egyértelmű a győztes, érdemes tesztelni
⁃ Ha nem tudod, melyik a jobb neked – teszteld. Ez a leggyorsabban megtérülő A/B-teszt.
6. A hétlépéses audit és javítási folyamat
Nem kell egyszerre mindent megcsinálni. De el kell kezdeni. Íme a lépések sorrendben.
1. lépés – Mérj, mielőtt bármit változtatnál
GA4 → Feltárás → Tölcsérvizsgálat. Azonosítsd a legnagyobb elhagyási pontot. Ha nem tudod, hol veszíted el a vásárlókat – minden javítás csak tipp lesz, nem adatalapú döntés.
2. lépés – Szállítási díj transzparencia
Mutasd a szállítási díjat már a kosároldalon. Add hozzá az ingyenes szállítási küszöb-jelzőt. Ez az egyik leggyorsabban megvalósítható, mégis legnagyobb hatású változtatás.
3. lépés – Vendéges vásárlás a default
Ha most regisztrációt kérsz elsőként – cseréld fel a sorrendet. A vendéges vásárlás legyen a legkiemelkedőbb lehetőség, a regisztrációs link mellette, de nem előtte. De legjobb, ha alapból a vendégvásárlással indulsz és csak extra opció a regisztráció, a folyamat végén.
4. lépés – Form audit
Menj végig minden mezőn. Tedd fel a kérdést: „Nélküle le tudjuk szállítani?” Ha nem, tartsd meg. Ha igen – töröld vagy tedd opcionálissá. Cél: legfeljebb 8 kötelező mező.
5. lépés – Trust signals bizalmi elemek elhelyezése
Visszaküldési garancia, SSL-jel, fizetési logók, rövid social proof – a „Megrendelem” gomb közvetlen közelébe. A vásárló éppen ott szoronghat a legjobban.
6. lépés – Mobil ellenőrzés valódi eszközön
Ne Chrome DevTools-ban nézd meg – vedd elő a telefonod, és menj végig az egész folyamaton. Hol zavar?Hol nem látszik jól minden lényeges elem? Hol kell feleslegesen görgetni? Hol nehéz ujjal kattintani?
7. lépés – Kosárelhagyási e-mail beállítása
A kosárelhagyási e-mailek megnyitási aránya 39–50 százalék, szemben a hírlevelek ~21 százalékos átlagával. Egy három e-mailes szekvencia átlagosan 6,5-szörös bevételt generál egy egyedi e-mailhez képest. Ha nincs beállítva – ez az egyetlen lépés, amit még ma meg tudsz tenni. (Forrás: Klaviyo Benchmark Report, Rejoiner)
Kosárelhagyási e-mail: a legfontosabb számok (Forrás: Klaviyo, Rejoiner)
7. Gyors audit checklist
Fuss végig ezen – 15 perc alatt megvan.
Kosároldal
- ☐ Látható a szállítási díj a kosároldalon is? (ha sok díjtételed van, a legolcsóbbat vagy a leggyakrabban választottat tüntesd fel)
- ☐ Van ingyenes szállítási küszöb jelző?
- ☐ A „Tovább a fizetéshez/adatokhoz” gomb görgetés nélkül látható mobilon?
- ☐ Van legalább 1 trust signal (garancia, biztonságos fizetés badge)?
- ☐ Hibátlanul működik a kuponkód-mező?
- ☐ A mennyiség-módosítás automatikusan frissíti a végösszeget?
Checkout
- ☐ Van vendég vásárlás opció, és az az első / legkiemelkedőbb?
- ☐ Kevesebb mint 10 kötelező mezőt kér a form?
- ☐ Látható a progress-jelző (pl. 1. Szállítás → 2. Fizetés → 3. Összesítő)?
- ☐ Szerepel legalább 3 fizetési mód (köztük 1 digitális: Apple Pay / Google Pay)?
- ☐ Van trust signal a „Megrendelem” gomb közelében?
- ☐ Mobilon minden mező könnyen kitölthető ujjal?
- ☐ Nincs kötelező regisztráció a fizetés előtt?
- ☐ Be van állítva kosárelhagyási e-mail szekvencia (legalább 3 levél)?
Mit tegyél ma?
Ne optimalizálj mindent egyszerre.
Nyisd meg a GA4-et, és nézd meg, hol a legnagyobb esés a kosár → checkout → megrendelés tölcsérben. Aztán azt az egyetlen pontot javítsd először.
Ha még nincs beállítva a tölcsérvizsgálat, kezdd azzal. 15 perc befektetés – és azonnal látni fogod, hol folyik el a pénzed.
Kis lépések. Mért eredmények. Iteráció.
Ez a CRO valójában. Nem redesign. Nem új platform. Nem több hirdetési költés. Csak egy webshop, amelyik egyre jobban végzi a munkáját.
