A webáruház felépítése

Webshop felépítése

Ez az útmutató bemutatja a Somaweb webshop külső felépítését. Az áruház ezen részét látják majd leendő vásárlói

Alap téma

A Somaweb áruház rendelkezik alapértelmezett témával:



Főoldal felépítése

A főoldal az egyik legfontosabb oldal a webáruháában, mivel vásárlók ezzel az oldallal találkoznak elsőként  Emiatt a főoldalnalnak felhasználóbarátnak kell lennie, miközben bemutatja az áruház tartalmát.

Emiatt az első fontos lépés, hogy megértsük a főoldal felépítését


A fejléc

A fejléc az oldal tetején helyezkedik el, és minden egyes oldalon megjelenik.


A fejléc az alábbi részekből áll:

  • Áruház logo: erre kattintva a felhasználó a főoldalra kerül.
  • Pénznem: itt választhatják ki a felhasználók a lehetséges pénznemek közül mellyel szeretnék az oldal termékei árát megtekinteni/vásárolni.
  • Kosár: itt gyűjtheti össze a vásárló a megvásárolni kívánt termékeket és navigálhat tovább a fizetési oldalra
  • Keresés: lehetősége van a vásárlónak az oldal termékei között keresni.
  • Menü: menüsáv a könnyebb navigációt segítve
  • Telefonszám
  • Fiók: itt van lehetősége a felhasználónak regisztrálni vagy belépni az oldalra.

 

Menü

Itt alapesetben a fő kategóriákat találhatjuk. Erről bővebben itt olvashat. A fejléchez hasonlóan a menüsáv is minden oldalon megjelenik.



Képbemutató

A „képbemutató” lehetőség ad néhány termék képének bemutatására. Ezek egymás után némi idő eltelével önállóan lapozva váltják egymást. Ezek nagyon hasznosak, mivel a vásárló innen egy kattintással az adott termék oldalára léphet.



A képbemutató csak a fő oldalon jelenik meg alapesetben.

 

Kiemelt termékek

A Somaweb lehetőséget ad néhány termék kiemelésére a fő oldalon.

Itt, ahogy a fenti képen is látható, megjelenik a termék képe, neve, részlet a leírásból, az ára és lehetőség van azonnal megvásárolni azt.

 

Lábléc

A lábléc a fejléchez hasonlóan minden oldalon megjelenik, csak épp az oldal alján. Itt fontos linkek kihelyezésére van lehetőség különböző blokkokban, mint például:

 

·       Információ: „Rólunk”, „szállítási információk” stb.

·       Vevőszolgálat: „Kapcsolat”, Visszáruk” stb.

·       Extrák: „Gyártók”, Ajándékutalványok” stb.

·       Fiók: „Fiók”, „Rendelés követés” stb.


Termék oldalak

A Somaweb alap termékoldala az alábbi képen tekinthető meg:


Felépítése:

 

  • Termék kép: A termék kép a termék véd alatt helyezkedik el a bal oldalon, a további képek pedig alatta tekinthetőek meg. Ezekre kattintva nagyobb felbontásban is láthatóak a képek.
  • Termék jellemzők: Termék kód, elérhetőség, ár stb. Ezek a képek mellett a jobb oldalon láthatóak.
  • Kosár: A vásárlónak lehetősége van a terméket a kosárba helyezni az után, hogy megadta a vásárlandó mennyiséget.
  • Értékelés/megosztás: Itt lehetőség van a terméket értékelni és különböző social media oldalakon megosztani
  • Leírás: Itt látható a termékről egy hosszabb leírás.
  • Vélemény: Itt a termékhez fűzött hozzászólások olvasható

Termék lista

A termékkategória-kategóriák lehetővé teszik az ügyfelek számára, hogy hasonló kategóriákban böngésszenek hasonló termékeket. Ez különösen akkor hasznos, ha az ügyfelek szeretnék összehasonlítani a termékeket - ezt a funkciót a Kategóriák részben ismertetjük.

Mint fentebb látható, a kategóriablokk úgy jelenik meg a bal oldalon, mint a termékoldalon. termékek a vevő igényei szerint jeleníthetők meg: listában vagy rácsban. A fenti kép a lista formátumában van rendezve. A termékeket név, ár, besorolás vagy modell szerint lehet rendezni a "Sorrend" mezőben. A terméklistában megjelenő termékek száma a "Listázás" menüben 15-től 100-ig változtatható.



Termékek összehasonlítása

A termék „Összehasonlítás” funkciója lehetővé teszi az ügyfél számára, hogy összehasonlítsa számos olyan termék különféle specifikációit, tulajdonságait és árát, amelyek érdekelhetik.




Az ügyfél lehetőséget kap arra, hogy az összehasonlított termékek valamelyikét a kosárba helyezze, ha szeretné. A "Folytatás" gomb megnyomásával a felhasználó visszatér a kezdőlapra.

 

Bevásárló kosár oldal

Miután a vásárló hozzáadott egy terméket a kosárhoz, a fejlécben a kosárra kattintva tekintheti meg a tartalmát.



A bevásárló kosár áttekintést nyújt a kiválasztott termékről, látható itt a termék képe, neve, típusa, rendelendő mennyiség, egység ár és teljes ár. Az ügyfélnek lehetősége van arra, hogy kuponkódot vagy ajándékutalványt használjon fel, vagy megtekintse a lehetséges szállítási költségeket. A "Folytatás a vásárláshoz" gomb visszatér a kezdőlapra.

 

Fiók létrehozása

Mielőtt a vásárló megvásárolhatná a kiválasztott terméket, be kell jelentkeznie az áruházba. A vendég fizetéshez nincs szükség bejelentkezésre.

 

Eddig nem regisztrált felhasználóknak itt lehetőségük van pótolni azt.



Miután egy terméket felvettek a kosárba, az ügyfél folytathatja a pénztárt, hogy megvásárolja termékét. A pénztár oldal elérhető minden oldal fejléc szakaszában (a keresőmező alatt található). Az Somaweb használatával történő vásárlás egyszerű, 6 lépésben elvégezhető.

 

1. lépés: Pénztár lehetőségek

Az ügyfél bejelentkezhet vagy regisztrálhatja fiókját (a fentebb ismertetettek szerint), vagy kiválaszthatja a vendég fizetését.

 

2. lépés: Számlázási adatok

A személyes adatokat, beleértve a "keresztnév", "vezetéknév", "e-mail" és "telefon", kitölti az űrlapon. Ezenkívül meg kell adnia az ügyfél címeit.

 

3. lépés: Szállítás részletei

A Számlázási adatok részben a felhasználó bejelölheti a jelölőnégyzetet, jelezve, hogy a szállítás és a számlázás részletei megegyeznek. Ennek következtében átugorja ezt a lépést ahol megadhatja a szállítási címet.

 

4. lépés: Szállítási módszer

Itt választja ki a szállítási módot. Megjegyzés mezőbe lehetőség van megjegyzést írni.

 

5. lépés: Fizetési mód

Az ügyfél itt választja ki a fizetési módot, és megjegyzéseket fűzhet a megjegyzés mezőbe.

 

6. lépés: Erősítse meg a rendelést

Ebben az utolsó lépésben a vásárló megtekintheti eddig megadott adatait; beleértve a termékleírást, a mennyiséget és az árat (adóval és szállítással).

 

Webshop átalakítása az admin oldalon keresztül

A fent említett oldalakat mind lehetősége van testre szabni a műszerfalon

Szólj hozzá

Kérlek, a hozzászóláshoz ide kattintva jelentkezz be.