A webáruház anatómiája

Ahány ház, annyi szokás – és ez a webáruházak felépítésére is igaz. A különböző platformok és megoldások közt lehetnek eltérések, de ha tisztában vagy az alapvető fogalmakkal, az jelentősen leegyszerűsíti a közös munkát egy marketingessel, fejlesztővel vagy akár az ügyfeleddel, amikor éppen megpróbálja elmagyarázni, hogy hol akadt el az oldalon.

Ebben az összefoglalóban átnézzük a webáruházak legfontosabb építőelemeit – anélkül, hogy túl mélyre ásnánk. Amennyiben érdekelnek további részletek is, egy későbbi bejegyzésben minden bizonnyal kitérünk az adott felületekkel kapcsolatos gyakori hibákra és arra, hogy mire kell figyelni tervezés során.

Az alábbi bejegyzés egy hosszabb sorozat része, a sorozat többi bejegyzése a listából érhető el

• Főoldal – Ne bonyolítsuk túl!
• Kategória lista oldal - Logika mindenek felett
• Termék részletes nézet
• Kereső és találati lista
• Fiókom és regisztráció
• Kosár, Checkout és kassza
• Fizetés, szállítás és visszatérítés
• ÁSZF és Privacy policy
• Kapcsolat

Kosár

A kosár egy dinamikus felület, ahová a vásárló a megvásárolni kívánt termékeket összegyűjti. Mivel ez a vásárlási folyamat egyik legfontosabb állomása, a kosárnak mindig könnyen elérhetőnek és jól láthatónak kell lennie. Érdemes olyan egyértelmű helyre tenni, ahol a vásárlók automatikusan keresik, így nem kell külön figyelmet fordítaniuk rá.

A webshopban érdemes kétféle kosár áttekintési lehetőséget is kínálni, hogy a vásárló minél könnyebben átláthassa a rendelését:

• Lenyíló kosár – Azonnali visszajelzést ad a vásárlónak, és tartalmazza a legfontosabb információkat. Innen egy kattintással tovább lehet lépni a rendelés véglegesítésére vagy a kosár oldalára. Amennyiben van minimális rendelési összeg az ingyenes szállításhoz, érdemes itt megjeleníteni, hogy mennyi hiányzik még hozzá.
• Kosár összesítő oldal – Részletesebb áttekintést biztosít a rendelésről, lehetőséget ad a termékek szerkesztésére, mennyiség módosítására, kedvezmények érvényesítésére, és egyértelműen jelzi az összes költséget.

Mit jelenítsünk egy a kosár összesítő oldalon?

A kosárban minden fontos információnak egy pillantásra átláthatónak kell lennie, hogy a vásárló könnyen ellenőrizhesse a rendelését:

• Terméklista – A kosárba rakott termékek neve, képe, mennyisége, egységára és összértéke.
• A teljes kosár értéke – Jól kiemelve, hogy a vásárló pontosan tudja, mennyit fog fizetni.
• Kedvezmények és akciók – Ha van egyedi kedvezmény vagy akció, azt egyértelműen jelezni kell.
• Szállítási költség – Ha már itt megjelenik, elkerülhető, hogy a vásárló a checkout során értesüljön róla először.
• Kuponbeviteli mező – Ha a webshop kínál kuponkedvezményeket, azok érvényesítésére itt is legyen lehetőség.
• Ingyenes szállítás küszöb – Ha a webshopban van minimális rendelési összeg az ingyenes szállításhoz, érdemes megjeleníteni, hogy mennyi hiányzik még hozzá. Ez az információ a lenyíló kosárban is helyet kaphat.
• Kapcsolódó vagy ajándék termékek – Ha kínálunk ilyeneket, a vásárlónak ne kelljen külön termékoldalt megnyitnia, hanem egy „Hozzáadom a kosárhoz” gombbal könnyedén kiválaszthassa az ajánlott kiegészítőket.

A kapcsolódó termékek kapcsán fontos figyelembe venni a következőket

A legtöbb vásárló elfoglalt és könnyen kizökkenthető. Ha egy kapcsolódó termékre kattintás új oldalra viszi, könnyen előfordulhat, hogy elkezd böngészni, majd közben félbeszakad a vásárlás – például mert megérkezik a busza, kap egy telefonhívást vagy egyszerűen elterelődik a figyelme. Ezért ha extra termékeket ajánlunk, azok hozzáadása ne szakítsa meg a rendelési folyamatot.

Sürgetés és a gyorsan fogyó termékek

Ha a webshop gyorsan forgó termékeket kínál, amelyek készlete gyakran változik, akkor a vásárlóknak egyértelmű információt kell kapniuk arról, meddig foglalják maguknak a kiválasztott termékeket mielőtt az elérhető lesz egy másik vásárlónak. 

Ez lehet például:

• Időkorlátos foglalás – „A terméket X percig tartjuk neked.”
• Készletfigyelmeztetés – „Már csak 3 darab maradt raktáron!”

Fontos, hogy ezt ne használjuk marketingnyomás gyakorlására, mert ha egy webshop folyamatosan mesterséges sürgetéssel próbálja siettetni a vásárlókat, az hosszú távon átlátszóvá válik, és rontja a visszatérő vásárlók bizalmát.

Checkout és kassza

A látogatónk szépen összeválogatta a termékeit, minden megvan, amire szüksége van. Most már csak a rendelés véglegesítése van hátra. Ennek folyamata legyen gyors, átlátható és akadálymentes, hogy a vásárló ne morzsolódjon le az utolsó lépéseknél.

Regisztráció és bejelentkezés

A checkout elején, ha a vásárló nincs bejelentkezve, akkor három lehetőséget kínálhatunk neki:

• Bejelentkezés meglévő fiókkal
• Regisztráció új felhasználóként
• Guest checkout – fiók létrehozása nélküli rendelés

Ha a vásárlónak már van fiókja, akkor érdemes automatikusan kitölteni az alapértelmezett szállítási és számlázási címet, de természetesen lehetőséget kell biztosítani a módosításra. Gyakori, hogy valaki néha otthonra, máskor a munkahelyére rendel, ezért a címek könnyű kezelhetősége alap elvárás.

Szállítás és számlázás

Itt minden olyan adatot elkérünk, ami a kiszállításhoz szükséges:

• Teljes név
• Szállítási cím – Olyan formában, amely biztosítja, hogy a csomag pontosan oda érkezzen, ahová kell.
• Telefonszám – A futárszolgálatok gyakran felveszik a kapcsolatot a vásárlóval.
• Megjegyzés mező – Speciális utasításokhoz, például kapucsengő kód vagy munkaidőn kívüli átvétel.
• A céges adatok bekérését akkor jelenítsük meg, amennyiben ezt a látogató valamilyen formában kérte. Ez a lehetőség legyen egyértelműen látható, de a mezők csak akkor legyenek kötelezőek, ha ezt a látogató kiválasztotta. 

Közben a számlázási adatoknál is érdemes lehetőséget adni több számlázási cím kezelésére, mert a vásárlók magánszemélyként és cégként is vásárolhatnak egyik vagy másik alkalommal.

Szállítás és fizetés

A következő lépésben a vásárló kiválaszthatja az elérhető szállítási módokat. A lemorzsolódás csökkentése érdekében érdemes költséghatékony és gyors szállítókat kínálni. 

Amennyiben nem szeretnénk vásárlókat veszíteni érdemes költséghatékony és gyors szállítókat kínálni. 

A kiválasztott szállítási mód alapján mutassuk meg a becsült szállítási időt, hogy a vásárló pontosan tudja, mikorra számíthat a csomag érkezésére.

Ezután következik a fizetés kiválasztása.

• Kártyás fizetés – A legnépszerűbb megoldás, gyors és kényelmes.
• Utánvét – Fontos azok számára, akik nem bíznak az online fizetésben. Ha az utánvét díjköteles, azt egyértelműen jelezni kell. Bizonyos esetekben érdemes lehet telefonos megerősítést kérni az utánvétes rendelésekhez, mivel nem mindenki veszi át végül a csomagot.
• Banki átutalás – Egyre kevésbé használt megoldás, mivel az utalás átfutási ideje miatt késleltetheti a csomag kiküldését, és manuális ellenőrzést is igényelhet.
• Apple Pay / Google Pay – A gyorsabb mobilos vásárlás érdekében.
• Részletfizetés / BNPL (Buy Now, Pay Later) – Ha elérhető, sok vásárló számára vonzó lehetőség.

Ha egy adott szállítási vagy fizetési módot előnyben szeretnénk részesíteni, akkor:

• Kedvezményt kínálhatunk rá (pl. ingyenes kiszállítás bizonyos szállítási vagy fizetési módnál).
• Felárat számolhatunk fel a kevésbé előnyös opciókra (pl. utánvétel esetén kezelési költség).

Rendelés véglegesítése

Mielőtt a vásárló leadja a rendelést, kötelezően el kell fogadnia az Általános Szerződési Feltételeket. Ezt egy jelölőnégyzettel tehetjük meg, amelyet könnyen elérhetővé kell tenni.

Ezután jön a „Rendelés véglegesítése” gomb – Rendszerint ez után kérjük el a kártyaadatokat amennyiben azok indokoltak, vagy mutatjuk meg a banki utaláshoz szükséges információkat.

Ha minden sikeres volt akkor jöhet a rendelés megerősítő oldal

• Megköszönjük a rendelést.
• Megmutatjuk a rendelési összegzést (mit vásárolt, mennyiért, milyen szállítási móddal).
• Tájékoztatjuk a következő lépésekről, például hogy kap egy visszaigazoló e-mailt, és mikor várható a kiszállítás.