Online Merchandising: How to Layout Products in Online Store

Posted 4 évek ago által Anna Koneva, Ecwid Team

Elgondolkozott már azon, hogy az élelmiszerboltok miért helyeznek el tejet az üzlet hátuljába és csokoládét a pénztár közelében??

Egyszerű: A legfontosabb dolgok az üzlet hátulján történő elhelyezése arra ösztönzi a vásárlókat, hogy sétáljanak és böngésszenek más termékek között. Kisebb tárgyak elhelyezése (mint a csokoládé) a pénztár közelében impulzusvásárlásra ösztönöz.

Mindez az üzlettervezés tudományának része. Az megfelelő üzlet elrendezés növelheti az eladásokat, növeli a hűséget, és segít az ügyfeleknek gyorsabban megtalálni, amit keresnek.

Az Ön online áruháza sem más. A termékek szervezettsége és elrendezése nagy hatással van arra, hogy mit (és hogyan) az ügyfelek vásárolnak Öntől.

Ebben a cikkben, megmutatjuk, hogyan helyezze el termékeit az eladások és a konverziók maximalizálása érdekében.

3 Amit figyelembe kell venni a termék elrendezésének kiválasztásakor

A termék elrendezése egyértelmű problémának tűnhet, amikor először közelíti meg. azonban, mint a legtöbb dolog az e-kereskedelemben, a bonyolultságok akkor derülnek ki, ha belemerülünk a részletekbe. A termék elrendezésének kiválasztásakor három dolgot kell figyelembe vennie:

1. Választás

A Choice kétélű fegyver az e-kereskedelmi üzletek számára. A választás hiánya azt jelenti, hogy korlátozod a lehetőségeket. Túl sok választás, azonban, és összezavarod a látogatókat.

A hatékony termékelrendezés lényegében ennek a kettősségnek a kiegyensúlyozásának folyamata. Azaz: bőséges választék benyomását keltve, miközben továbbra is könnyen használható és navigálható a webhely.

A tudomány azt mondja hogy a döntéshozatal lelkileg megterhelő. Amikor túl sok választási lehetőséggel szembesíti a vásárlókat, hajlamosak arra, hogy egyáltalán nem választanak.

Tehát hogyan lehet leküzdeni ezt a problémát az üzlet elrendezésében?

Az egyik megoldás a kiemelt képek használata, amelyek további termékekhez vezetnek. Például, vegye észre, hogyan Made.com külön képeket használ a teljes termékkategóriához (mint például a „kerti bútor”):

Tekintsd ezt úgy, mint egy ugratót, amellyel becsábíthatod a vásárlókat.

Ideális esetben, a legkelendőbb vagy legkívánatosabb termékeit szeretné elől és középen tartani.

Ezért, mielőtt elkezdi az elrendezési folyamatot, sorolja fel a következőket:

Az Ön teljes termékskálája és a hozzájuk tartozó kategóriák és alkategóriák
Funkcionális kategóriák, például „legkelendőbb termékek”, "Kiemelt Termék", stb.. és a bennük lévő termékek.

A következő lépés ennek az információnak a felhasználása egy jól szervezett navigációs menü létrehozásához. Figyelje meg, hogyan rendezi az Amazon a termékeket kategóriákba a menüjében.

Ezzel segít a vásárlóknak megtalálni, amit keresnek, anélkül, hogy túl sok választási lehetőséggel terhelnék őket.

Ha az Ön Ecwid üzletét hozzáadták egy webhelyhez, kódrészlet hozzáadásával navigációs menüt is hozzáadhat:

for a horizontal layout
függőleges elrendezéshez.

Here are the instructions for Ecwid stores added on WordPress és Wix weboldalak, is. Az Ecwid Instant webhelyen, csak a vízszintes menü érhető el.

2. Termék információ

Íme egy másik egyensúlyozási művelet, amelyet az üzlet elrendezésének kiválasztásakor végre kell hajtania: termékinformációk megjelenítése.

Meg akarja adni az ügyfeleknek azokat az információkat, amelyekre szükségük van a kattintáshoz és a vásárláshoz. Ugyanabban az időben, you don’t want to overwhelm them with too many details – at least not before they are on the actual product page.

Ebben a helyzetben az Ön mentális modellje a döntéshozatal megkönnyítése és az ügyfelek érdeklődésének felkeltése. Kérdezd meg magadtól: mit minimális információ kell-e az ügyfeleimnek rákattintani egy termékre?

Látni fogja, hogy ez a válasz üzletenként és termékenként eltérő.

Például, figyelje meg, hogy az Amazon csak négy információs pontot ad a kategóriaoldalon: termék név, ár (kedvezményt is beleértve), minősítés és a Prime elérhetőség:

Az Ecwidben, hasonló értékeléseket és véleményeket adhat hozzá a Stampled.io alkalmazás segítségével.

Bár ez az információ szükséges egy olyan nagy kereskedő számára, mint az Amazon, kisebb vállalkozások számára, mint pl Homok & Kő ékszerek, az értékelések nem olyan fontosak. Ennélfogva, a kategóriaoldalakon csak a termék neve és ára látható.

Könnyen beleeshetünk abba a csapdába, hogy túl kevés információt adunk meg a kategóriaoldalakon. A legjobb módja ennek elkerülésére, ha megkérdezi ügyfeleit, és megkérdezi őket, milyen információkat használnak a vásárlási döntéseik meghozatalához.

3. Üzlet kialakítása

Az üzlet kialakításának módja nagy hatással lesz a termék elrendezésére.

Egy e-kereskedelmi áruháznak általában három kulcsoldala van:

Kezdőlap
Kategória és keresési oldalak
Egyedi termékoldalak

Az, hogy az egyes oldaltípusokon milyen termékeket szeretne bemutatni, az határozza meg, hogy az ügyfelek milyen termékeket vásárolnak.

Például, vegye figyelembe, hogy az Amazon hogyan reklámozza saját termékeit a honlapján, ha még nem jelentkezett be:

Gyakran előfordul, hogy az üzletek a legújabb ajánlatokat hirdetik a kezdőlapon. Ügyeljen arra, hogy ezeket az ajánlatokat a célközönségéhez igazítsa. BestMadeCo, például, Apák napi promóciót indít, szem előtt tartva a nagyrészt férfi vendégkört.

Koncentrálj rá:

Annak meghatározása, hogy milyen termékeket szeretne vásárolni az ügyfelektől (ideális esetben a legkelendőbb, és/vagy legmagasabb árrésű termékek)
A tervezés egységességének megőrzése a különböző oldaltípusokon.

Függetlenül attól, hogy úgy dönt, hogy kiemeli legkeresettebb termékeit vagy az újonnan érkezőket, Az Ecwid lehetővé teszi kategória létrehozását kiemelt termékek a kezdőlapon és nevezze el igényei szerint.

6 Az e-kereskedelmi termékelrendezés legjobb gyakorlatai

Bár biztosan létrehozhat egyedi elrendezési sémát az e-kereskedelmi üzletéhez, segít betartani néhány bevált gyakorlatot.

1. Top termékek és ajánlatok a hajtás felett

A „hajtás feletti” terület az a képernyő, amely akkor látható, amikor az ügyfelek először érkeznek meg webhelyére. Valójában, ez a terület teszi ki 80% a legtöbb webhelyen.

Tekintettel arra, hogy ez a tér milyen figyelmet kap, jó ötlet a legjobb termékeket a hajtás fölé helyezni. Ez magában foglalhatja:

Legújabb ajánlatok, eladások és kedvezmények
Legkeresettebb termék vagy termékkategóriák
Nemrég piacra dobott termékek (a vásárlási szezon elején működik a legjobban)

Tovább Target.com, például, az oldal tetején láthatja a legújabb ajánlatokat:

Ha sok ajánlatod van, fontolja meg egy csúszka hozzáadását, mint ez a Walmart példa. Vegye figyelembe a navigációs menü alatt futó promóciókat is:

Egyes divatkereskedők kerülik a hagyományos elrendezéseket a márkaimázs népszerűsítése érdekében. Tovább ASOS, például, olyan márkaképet kap, amely a „Férfiak vásárlása” vagy a „Nők vásárlása” opciókkal rendelkezik.

Ez a taktika akkor működik, ha egy lookbook segítségével próbálja népszerűsíteni a márka jövőképét. A legtöbb kiskereskedő, azonban, jobban teljesít egy hagyományos termékkel – először a hajtás feletti elrendezéssel.

Kövesse ugyanezt az ötletet a kategóriaoldalakon: tolja a legkelendőbb és legjobb értékelésű termékeit a hajtás fölé. Például, nézze meg az Amazon kategóriaoldalait:

2. Keverje össze a vízszintes és függőleges elrendezéseket

Alapvetően kétféleképpen helyezheti el termékeit bármely oldalon: vízszintesen vagy függőlegesen.

A vízszintes elrendezés statikus marad. Az oldal szélén található egy gomb, amellyel tovább görgetheti a listákat.

Ez az Amazon példája jobban illusztrálja a dolgokat:

Az Ecwidben, nemrég megtekintett termékek vízszintesen is láthatók. Kiválaszthatja, hogy hány tétel jelenjen meg a kirakat tetején vagy alján.

Kapcsolódó termékek egy másik vízszintes irányú szakasz. Az ebbe a csoportba tartozó termékek minden termékoldalhoz egyedileg vannak beállítva, amely lehetővé teszi az ügyfelek megcélzását rendeléseik rendkívül releváns kiegészítésével.. Ezeket megjelenítheti a termékoldalakon és a kosár oldalon.

Ellentétben, függőleges elrendezésben nincsenek ezek a görgetőgombok. Helyette, egyre több terméket lát rácsszerű elrendezésben, ahogy lefelé görget. Mint ez:

Ideális esetben, mindkét elrendezést vegyesen kell használnia:

Vízszintes elrendezés, ha sok kategóriából szeretne néhány terméket megjeleníteni, mint például a Nemrég nézett termékeknél
Függőleges elrendezés, ha sok terméket szeretne megjeleníteni ugyanabban a kategóriában, például egy keresési és kategóriaoldalak

3. Kövesse a konvenciót és a felhasználói elvárásokat

Vannak helyzetek, amikor szokatlannak szeretnél lenni a tervezésnél. A termék elrendezése nem tartozik ezek közé.

A termékelrendezés célja, hogy tájékoztassa a felhasználókat, amikor megérkeznek az Ön webhelyére. A hagyományos elrendezés biztosítja, hogy megtalálják, amit keresnek, és ne tévedjenek el.

Egyezmények, természetesen, szektoronként változnak. azonban, van néhány dolog, amit figyelembe kell venni:

Használjon rácsos elrendezést

Rácsos elrendezésben, a termékek egyforma méretű négyszögletes dobozokba vannak elrendezve, mint ez:

Ez az elrendezés régóta az e-kereskedelmi webhelyek konvenciója. Nemcsak ügyfelei ismerik már ezt, termékek bemutatására is jó. További, it scales well – you can display just one box on small screens, vagy bővítse több dobozra a nagyobbakat.

Ennek az elrendezésnek a használatakor, ügyeljen arra, hogy a dobozok egyforma méretűek legyenek. Ahogy ez az esettanulmány is mutatja, egyforma méretű dobozok használata akár a látogatónkénti bevételt is növelheti 17%.

Ha Ecwiddel adod el, ez nem probléma az Ön számára – az Ecwid egy ugyanolyan méretű rácsot tartalmaz, amely automatikusan alkalmazkodik a különböző képernyőkhöz.

Navigáció megjelenítése a terméklista tetején

Egy másik konvenció, amelyet követnie kell, az, hogy a rendezési beállításokat az oldal tetejére helyezze.

Az ügyfelek megszokták ezt az elhelyezést, és természetesen ide fognak nézni, amikor egy kategóriaoldalra kerülnek.

Távolítsa el a vásárlókat zsemlemorzsával

A navigációs elemek olyan navigációs elemek, amelyek megmutatják a felhasználóknak a kezdőlapról induló útvonalat, mint ez:

Ha ezeket az oldal tetejére helyezzük, akkor könnyebben tájékozódhatunk a látogatókról. Megmondja nekik, hogy melyik oldalon vagy kategóriában vannak, és hogyan térhetnek vissza a kezdőlapra.

4. Koncentrálj a látványra, de ne felejtsd el a termékoldalakon található szöveget

Online, az egyetlen módja annak, hogy termékeit vizuálisan mutassa meg. Ez az oka annak, hogy a nagy termékképek köztudottan növelik az e-kereskedelmi konverziókat.

azonban, míg a látvány a fontos, az elrendezésben legyen hely a leíró szövegnek is. A jó példány nem csak a terméket jellemzi, hanem segít eladni azt és a márkáját.

Például, fontolja meg, hogy a BestMadeCo hogyan használ erős példányt a honlapján egy nemrégiben piacra dobott termék értékesítéséhez. Az elrendezés segíti, hogy a szöveg tökéletesen illeszkedjen a képhez.

Termék másolat különösen fontos a termékoldalakon. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:

Ár (kedvezményt is beleértve, represented visually)
Product rating and number of reviews
Product and brand names
Whether the product is in stock (and whether stock is running low)
Shipping details
2-3 key product details

This is an example of how not to layout products. The product page has no copy at all – it’s difficult to make a decision.

As with most things, Amazon’s layout is perfect here, giving customers everything they need to make a decision.

5. Add product recommendations and related products

On product pages, you have two goals:

Get the customer to the checkout page, vagy
Get the customer to view another product

For the latter, you should have a recommended or related products section. You can place this either after the product information or before it.

Amazon does this particularly well. Notice the related products and “also viewed” listings below the fold:

Ha több terméke van ugyanabban a kollekcióban, feltétlenül jelenítse meg azokat is. Íme egy jó példa a WorldMarkettől:

A kapcsolódó terméklistáknak nem kell mindig vizuálisnak lenniük. Kapcsolódó kereséseket is megjeleníthet, hogy az ügyfeleket azokhoz a tételekhez irányítsa, amelyek érdekelhetik őket.

Kísérletezzen különböző elrendezésekkel a kapcsolódó/ajánlott termékekhez. Próbálja meg őket a lábléc fölé helyezni, termékleírás alatt, stb..

6. Kísérletezzen az egérmutató részleteivel a kategóriaoldalakon

Az átkattintási arány javításának egyik módja az, ha további részleteket adunk meg, amikor az ügyfél egy termékkép fölé viszi az egeret a kategóriaoldalakon..

Például, ez az oldal megmutatja a termék részleteit és a kosárba helyezés gombot az egérmutatón:

Ennek a taktikának az a célja, hogy egy pillantással átadja a felhasználóknak a legfontosabb információkat. Akkor működik a legjobban, ha azt várja a felhasználóktól, hogy gyorsan böngésszenek nagyszámú termék között, mint például a ruhaboltokban. Lehet, hogy más kategóriákban nem működik, de lefuttathat néhány osztott tesztet, és megnézheti az eredményeket.

Az Ecwidben, engedélyezheti a „Vásárlás most” gombokat a terméklistákon, hogy segítse ügyfeleit a gyors böngészésben (és vásárolni) termékeit.

Amikor egy ügyfél rákattint egy ilyen gombra, üzlete nem nyitja meg a teljes termékoldalt. Helyette, ügyfele egy felugró ablakot fog látni a terméklehetőségekkel:

Ha a terméke nem rendelkezik opciókkal, egyenesen a kosárba kerül.

Következtetés

Amikor a termék elrendezéséről van szó, legjobb, ha ragaszkodunk a konvenciókhoz, és követjük azt, amit a piacvezetők már csinálnak. Részletes katalógusba rendezze termékeit, alaposan kategorizálja őket, then organize them out in a standard grid layout.

The best practices shared above will work for most stores across sectors. Try them at your own store!

About The Author

Anna is a content creator at Ecwid. She loves big cities, pasta and Woody Allen's films.