Kosároldal átláthatósága: a rejtett költségek kimutatása a lemorzsolódás előtt

Scheo · 2026-10-02 · olvasási idő ~10 perc · Szerző: Schmidt Péter

A kosárelhagyás okai közül a meglepetésköltség az, amelyet a legkevesebb fejlesztéssel tudsz kezelni. Nem kell hozzá új fizetési szolgáltató, áttervezett termékoldal vagy több hirdetés. Elég, ha a vásárló a végösszeget ott látja, ahol még dönt, és nem ott, ahol már a kártyaszámát gépeli. Az alábbiakban végigmegyünk azon, hogyan jelenítsd meg a kosároldalon a szállítási díjat, az utánvét költségét és a kedvezményt, hol érdemes kalkulátort adni, mikor dolgozik neked az ingyenes szállítási küszöb, és hogyan méred lépésenként, hol esnek ki a vásárlók.

A szövegben jelöljük, mi hivatalosan igazolt (szabály, dokumentáció, publikált kutatás), mi saját tapasztalat (webshop-átnézések során visszatérő minta) és mi szakmai feltételezés (indokolt, de nálad mérendő állítás).

Miért a meglepetésköltség a legolcsóbban javítható kosárelhagyási ok?

Mert ilyenkor a vásárló a termékkel és az árral már kibékült, csak túl későn tudja meg, mennyit fizet összesen. Ugyanaz az összeg korábban megmutatva sokkal kisebb csalódást okoz, és a javítás többnyire sablon- és szövegmódosítás.

Hivatalosan igazolt. A Baymard Institute évente ismételt kosárelhagyási felmérésében a túl magas extra költségek (szállítás, adók, díjak) évek óta az első helyen állnak azok között az okok között, amelyeket a vásárlási szándékkal érkezők megneveznek. Jogi oldalról az EU 2011/83/EU fogyasztóvédelmi irányelve és a hazai 45/2014. (II. 26.) Korm. rendelet előírja, hogy a teljes árat a szállítási és egyéb költségekkel együtt még a megrendelés elküldése előtt közölni kell. A jog tehát a pénztár végét tekinti határnak, a vásárlói élmény ennél jóval korábbit.

Saját tapasztalat. Webshopok átnézésekor visszatérő minta, hogy a szállítási díj csak a szállítási mód kiválasztása után jelenik meg, az utánvét kezelési költsége pedig a fizetési lépésben, egy apró külön sorban. A vásárló ilyenkor csak azt veszi észre, hogy a végösszeg ugrott, és ezt gyakran rejtett költségnek érzi, még ha az információ formálisan ott is volt.

Szakmai feltételezés. Mivel a javítás ritkán igényel komoly fejlesztést, a ráfordítás és a lehetséges hatás aránya itt jellemzően kedvezőbb, mint egy teljes pénztár-áttervezésnél. Hogy nálad mekkora a hatás, azt csak a lenti mérési terv mutatja meg.

Hogyan jelenjen meg a szállítási díj, az utánvét és a kedvezmény a kosároldalon?

A kosár összesítőjében minden költségelem kapjon saját sort, alattuk pedig egy becsült végösszeget. Amit még nem tudsz pontosan (például a címtől függő díjat), azt a legolcsóbb elérhető opcióval mutasd, és írd mellé, hogy becsült érték.

Az összesítő ajánlott sorrendje

1. Termékek részösszege, a kedvezmény előtti értékkel.
2. Kedvezmény mínusz előjellel, a kupon nevével, és ha csak bizonyos termékekre vonatkozik, akkor ezt is jelezve.
3. Szállítás, az alapértelmezett vagy választott módra, „becsült” felirattal, ha a cím még nincs megadva.
4. Utánvét kezelési költsége, ha a fizetési mód már ismert, vagy egy tájékoztató sor arról, hogy utánvétes fizetésnél felár adódik hozzá.
5. Becsült végösszeg, egyértelműen jelölve, hogy tartalmazza-e az áfát.

Az utánvét külön figyelmet kér

Magyarországon az utánvét sok vásárlói körben még mindig gyakori választás, ezért a kezelési költsége nem lehet a pénztár utolsó meglepetése. Ha a fizetési mód a kosárban még nem választható, írd ki az utánvét felárát tájékoztató sorként, és a fizetési lépésben a választógomb mellett is mutasd. Saját tapasztalat: ahol az utánvét felára csak a választás után, a végösszegben „olvad fel”, ott a fizetési lépés gyakran kiugró elhagyási pontnak látszik.

A kedvezmény és a küszöb viszonya

Gyakori félreértés, hogy a kupon a kedvezmény előtti vagy utáni összeget viszi-e az ingyenes szállítási küszöb fölé. Ha a kuponnal a kosár a küszöb alá esik, és emiatt megjelenik a szállítási díj, a vásárló úgy érzi, a kedvezményt visszavették tőle. Döntsd el, melyik összeg számít, és írd ki egy mondatban a küszöb mellett.

Hol érdemes szállításidíj-kalkulátort adni?

Ott, ahol a szállítási díj olyan adattól függ, amit a vásárló a kosárban még nem adott meg, például irányítószámtól, csomagsúlytól vagy szállítási módtól. Ha minden rendelésre egységes a díjad, kalkulátor helyett elég egy jól látható sor.

• Termékoldal. Egy rövid sor a szállítási díjról és az ingyenes szállítás feltételéről. Nagy, súlyos termékeknél (bútor, építőanyag) itt már hasznos lehet egy irányítószám-mező, mert a díj termékenként is eltérhet.
• Kosár-felugró, mini kosár. A becsült szállítás és a küszöbig hiányzó összeg, kalkulátor nélkül.
• Kosároldal. Itt a helye a teljes kalkulátornak, irányítószámmal vagy szállításimód-választóval, ha zónás díjazásod van (például Budapesten belül és vidékre eltérő díj).
• Pénztár. Itt már csak megerősítés kell, új költségelem ne jelenjen meg.

Hivatalosan igazolt. A WooCommerce szállítási beállításai között külön kapcsoló van a kosároldali szállítási kalkulátorra, és egy másik arra, hogy a szállítási költség rejtve maradjon, amíg a vásárló címet nem ad meg. Ez utóbbi bekapcsolva pontosan azt a helyzetet hozza létre, amelyet el akarsz kerülni, ezért érdemes elsőként ezt ellenőrizni. Shopify és más platformok esetén a kosároldali becslés a témától és a bővítményektől függ.

Hogyan működik jól az ingyenes szállítási küszöb jelzése?

Akkor működik jól, ha a vásárló minden kosármódosítás után azonnal látja, mennyi hiányzik még, és ez az összeg egy tipikus kiegészítő termékkel reálisan pótolható.

• Haladásjelző sáv és dinamikus szöveg („Még X forint hiányzik az ingyenes szállításhoz”), amely mennyiségváltoztatásnál és törlésnél is frissül.
• A küszöb elérése után pozitív megerősítés („Az ingyenes szállítás érvényes a rendelésedre”), a szállítás sorában pedig nulla összeg, nem üres mező.
• A küszöb közelében (például ha a hiányzó összeg kisebb egy átlagos kiegészítő termék áránál) termékajánló, amely a hiányzó összeghez illő tételeket mutat.
• Egyértelmű feltétel, hogy a küszöb mely szállítási módokra és mely összegre (kedvezmény előtti vagy utáni) vonatkozik.
• Akadálymentes frissítés. A W3C WCAG ajánlásai szerint a dinamikusan változó állapotüzenetet a képernyőolvasó is jelezze, ezt például aria-live="polite" attribútummal oldhatod meg.

Mikor tolja el az ingyenes szállítási küszöb az átlagos kosárértéket?

Akkor van rá jó esély, ha a küszöb kicsivel a mostani tipikus kosárérték fölött van, és a kínálatodban van olyan termék, amellyel a különbség természetesen pótolható. A túl távoli küszöböt a legtöbben figyelmen kívül hagyják, a túl alacsony pedig árrést visz el emelkedés nélkül.

Szakmai feltételezés. A küszöböt érdemes a kosárérték-eloszlás alapján elhelyezni, és ehhez a mediánt nézd, ne az átlagot, mert az átlagot néhány nagy rendelés felfelé húzza. Ha a rendeléseid nagy része egy szűk sávba esik, a küszöb ennek a sávnak a felső szélén tudja a legtöbb vásárlót „még egy termékre” ösztönözni.

Saját tapasztalat. A kosárérték-emelkedés önmagában félrevezető mutató. Előfordul, hogy a kosárérték nő, közben a rendelések száma csökken, vagy a küszöb miatt beválogatott termékekből több jön vissza. Ezért a küszöb módosítása után négy számot nézz együtt.

1. Átlagos és medián kosárérték.
2. Konverziós arány (rendelés per munkamenet).
3. Rendelésenkénti árrés a szállítási költség levonása után.
4. Visszaküldési arány a küszöb közelében leadott rendeléseknél.

Ha a kosárérték nő, de a rendelésenkénti árrés csökken, a küszöb jó eséllyel túl alacsony. Ha semmi nem mozdul, valószínűleg túl magas, vagy a jelzés nem elég látható.

Mit nézz át a kosároldalon? Ellenőrzőlista

Az átnézés célja, hogy a vásárló a pénztár előtt minden költségelemet lásson, és a pénztárban ne találkozzon új összeggel. Az alábbi listát mobilon és asztali gépen is menj végig, vendégként és belépett vásárlóként is.

• A szállítási díj vagy becslése látszik a kosároldalon, cím megadása nélkül is.
• Az utánvét kezelési költsége legalább tájékoztató sorként szerepel a kosárban.
• A kedvezmény külön sorban, mínusz előjellel, a kupon nevével jelenik meg.
• Kiderül, hogy a kupon a kedvezmény előtti vagy utáni összeget számítja a küszöbhöz.
• Az ingyenes szállítási küszöb jelzése minden kosármódosítás után frissül.
• A becsült végösszeg jól látható, és jelzi az áfa-tartalmat.
• A pénztár egyik lépésében sem jelenik meg olyan költségsor, amely a kosárban nem szerepelt.
• Mobilon a végösszeg görgetés nélkül vagy rögzített sávban is látható.
• A szállítási módok neve mellett ott a díj és a várható átadási mód (házhoz, csomagpont).
• A WooCommerce-ben (vagy a saját platformodon) ki van kapcsolva a szállítási költség cím nélküli elrejtése.
• A termékoldal, a strukturált adat és a Merchant Center szállítási adatai egyeznek a kosárban számolttal.
• A megrendelés gombja egyértelműen jelzi, hogy fizetési kötelezettséggel jár.

Hogyan mérd a lépésenkénti lemorzsolódást?

A GA4 ajánlott e-kereskedelmi eseményeiből (view_cart, begin_checkout, add_shipping_info, add_payment_info, purchase) zárt tölcsért építhetsz, amelyből látszik, melyik lépésnél esnek ki a legtöbben, és hogy a kosároldali változtatás után ez hogyan mozdul.

Hivatalosan igazolt. A Google Analytics 4 dokumentációja ezeket az eseményeket ajánlott e-kereskedelmi eseményként írja le. Az add_shipping_info a shipping_tier, az add_payment_info a payment_type paramétert fogadja, így szállítási és fizetési mód szerint is bonthatsz. Egy példa a szállítási lépés eseményére:

gtag('event', 'add_shipping_info', { currency: 'HUF', value: kosarErtek, coupon: kuponKod, shipping_tier: 'csomagpont', items: kosarTetelek });

A mérési terv lépései

1. Ellenőrizd az eseményeket. A GA4 DebugView-ban menj végig egy teljes vásárláson, és nézd meg, hogy mind az öt esemény egyszer és a megfelelő paraméterekkel fut le. Gyakori hiba, hogy az add_payment_info hiányzik, vagy oldalfrissítésnél kétszer fut.
2. Rögzítsd az alapállapotot. Legalább négy hét adatából építs zárt tölcsért a Felfedezések (Explorations) tölcsér-nézetében, és írd fel a lépések közti átlépési arányt.
3. Bonts szegmensekre. Eszköz (mobil, asztali), shipping_tier, payment_type, kuponnal vagy anélkül. Ha az add_shipping_info és az add_payment_info közötti esés utánvétnél kiugró, az a késői utánvét-felárra utalhat (szakmai feltételezés, ellenőrizd munkamenet-felvételekkel).
4. Adj hozzá egy saját eseményt. Például shipping_cost_shown, amikor a kosárban először megjelenik a szállítási díj. Így mérheted, hány vásárló látta a díjat még a pénztár előtt.
5. Változtass egyszerre egy dolgot. Előbb a szállítási díj kosárbeli megjelenítését, utána az utánvét-sort, végül a küszöb-jelzést. Ha a forgalmad engedi, A/B tesztben, különben előtte-utána összevetéssel, a szezonális hatást figyelembe véve.
6. Értékeld együtt a mutatókat. Lépésenkénti átlépési arány, teljes konverziós arány, átlagos és medián kosárérték, valamint az ügyfélszolgálathoz érkező „mennyi a szállítás” típusú kérdések száma.

A mérés nem garantál javulást, de megmutatja, hogy a változtatás a megfelelő lépésen hatott-e. Ha a kosároldal átláthatóbb lett, várhatóan a view_cart és begin_checkout közötti esés kicsit nőhet (aki nem akar annyit fizetni, korábban lép ki), a pénztár későbbi lépései közötti esés pedig csökkenhet. Ez nem rossz jel, mert a pénztárban kevesebb csalódott vásárló akad el.

Miért számít a szállítási díj a keresőkben és az AI-felületeken is?

Mert a szállítási adat ma már nem csak a kosárban jelenik meg. A Google termékes találatai és a vásárlást segítő AI-asszisztensek is a webshop által közölt szállítási adatokra támaszkodhatnak, és ha ezek eltérnek a kosárban számolttól, az ugyanolyan meglepetésköltség.

Hivatalosan igazolt. A Google Search Central termékekre vonatkozó strukturált adat dokumentációja támogatja a szállítási adatok megadását a Schema.org OfferShippingDetails típusával, és a Merchant Centerben is külön szállítási beállítások vannak. Szakmai feltételezés. Minél egységesebb a díj a termékoldalon, a strukturált adatban, a termékfeedben és a kosárban, annál kisebb az esélye, hogy egy összehasonlító felület vagy AI-válasz más összeget mutat, mint amit a vásárló nálad végül lát.

Források és további olvasnivalók

• Baymard Institute, kosárelhagyási kutatások és pénztár-használhatósági tanulmányok
• Google Analytics 4 súgó és fejlesztői dokumentáció, ajánlott e-kereskedelmi események
• Google Search Central, termékekre vonatkozó strukturált adatok (szállítási adatok)
• Google Merchant Center súgó, szállítási beállítások
• Schema.org, OfferShippingDetails
• Az Európai Parlament és a Tanács 2011/83/EU irányelve a fogyasztók jogairól
• 45/2014. (II. 26.) Korm. rendelet a fogyasztó és a vállalkozás közötti szerződések részletes szabályairól
• WooCommerce dokumentáció, szállítási beállítások
• W3C, Web Content Accessibility Guidelines (WCAG) 2.2