Új Ecwid tervezési beállítások: Több tucat testreszabási lehetőség, kódolás nélkül

12 min olvasva

A design sokat mond e-commerce bolt. Ha az emberek könnyen eligazodnak az Ön online kirakatában, akkor sokkal nagyobb eséllyel konvertálják őket. A következetes, modern dizájn elmondhatja az ügyfeleknek, hogy Ön egy megbízható márka.

Az Ecwid segít minden vállalkozásnak – még egy kicsinek és kezdőnek is –, hogy professzionálisan nézzen ki és értékesítsen az interneten. Nem kell nagyon sokat fizetni érte élvonalban webdesignerek, hogy a mobilbarát, tiszta, szép e-commerce tárolni.

Hozzáadtuk tucatnyi új kirakattervezési funkció Ecwidnek, hogy odaadhassa a sajátját e-commerce tárolja azt a megjelenést és érzetet, amely leginkább tükrözi márkáját.

Az online áruház kialakításának minden apró részletének beállítása nagyon egyszerű. Kódolás nélkül módosíthatja a képstílusokat, a termékoldalak elrendezését és a kirakatelemeket. Ebben a bejegyzésben meglátod.

Az új beállítások alatt Beállítások → Tervezés az Ecwid vezérlőpultján. Használatukhoz győződjön meg arról, hogy az összes kirakatfrissítést engedélyezte Beállítások → Újdonságok.

Az új tervezési beállítások oldal megtekintéséhez engedélyezze ezeket a frissítéseket a Beállítások → Újdonságok menüpontban

Mi a teendő, ha az Ecwid kirakat régebbi verzióját használom?

Az új kirakatra váltás teljesen megváltoztathatja üzletének kinézetét. Az új tervezési beállításokkal több testreszabási lehetőséget és vonzóbb megjelenést kap az üzlete. Legyen azonban óvatos, ha a saját készítésű CSS téma vagy más egyedi fejlesztésű kirakatfunkciók – előfordulhat, hogy nem kompatibilisek az új kirakattal. Ha segítségre van szüksége, ügyfélszolgálati csapatunk készséggel áll az Ön rendelkezésére.

Tervezze meg online kirakatát

Ön szabályozza termékkatalógusa teljes megjelenését, a termékképektől a termékekig SKU és gombok.

1. Válassza ki a legjobb képméretet termékei bemutatásához

Alapértelmezés szerint a termékképek közepes méretű, amely a legtöbb üzlet számára megfelelő.

Egyes termékek fontos részleteket tartalmaznak, amelyeket érdemes elképzelni (például ha ékszereket vagy festményeket árul). Válassza ki a nagy képméretet, hogy ügyfelei megcsodálják gyönyörű termékeit és fényképeit.

Ha egy terméktípust nagy választékban árul (mondjuk 200 különböző színű bőröv), maradjon a kisebb képeknél. Az üzlete sok terméket jelenít meg a képernyőn, és vásárlóit lenyűgözi a választás.

Kis, közepes és nagy képméret a termékképekhez

2. Optimalizálja a kép méretarányát a termék méretéhez

Te árulsz pálmát? Vagy talán hosszú lábú a modellek bemutatják a designer kabátokat? Függőleges képeken mindkettő jól mutat.

A vízszintes arány széles termékekhez illik – például cipőkhöz, kanapékhoz vagy táprudakhoz.

Kerek tárgyakhoz (vagy ha kétségei vannak), használjon négyzet alakú képeket, mindig jól néznek ki.

Függőleges, vízszintes és négyzet alakú termékképek

Függőleges, vízszintes és négyzet alakú képek

Ha szeretné kiemelni a termékképeket, és kiemelni őket az üzlet hátteréből, válassza a „Sötétített képi háttér” lehetőséget.

3. Válassza ki, hogy milyen termékinformációkat jelenítsen meg a kirakaton

A termékfotókhoz hasonlóan a többi kirakatelemhez is számos tervezési lehetőség közül választhat: terméknevek, címek, árak, cikkszámok, „Vásárlás” gombok. Döntse el, hogyan jelenítse meg mindegyiket – a termék képe alatt vagy az egérmutatón.

Jelenítse meg az elemeket a termékképek alatt, mutasson rá, vagy rejtse el őket

Ha úgy dönt, hogy az információkat a termékképek alatt helyezi el, lehetőség van az elrendezés beállítására. Igazítsa a tartalmat balra, jobbra, középre vagy igazítsa el - szabadon megalkothatja azt a megjelenést, amelyik a legjobban tetszik.

Az elemek különböző elrendezései (terméknév és ár)

Lehetőség van elemek elrejtésére is. Rejtsd el mindegyiket, hogy kirakatod egy lookbookra hasonlítson. Bármely termékképre kattintva vásárlói a termékoldalra jutnak.

Válasszon egy további termékkép megjelenítését, ha további részleteket szeretne megjeleníteni. Az Ecwid megjeleníti az első képet a termék fotógalériájából, az egérmutatóval.

További termékkép az egérmutatón

Ezek az új beállítások számos dizájnvariációt tesznek lehetővé a kirakat megjelenéséhez.

4. Tervezze meg bolti kategóriáit

Lehetőségeket talál a kategóriák megjelenésének beállítására. Függetlenül attól, hogy fényképei, ikonjai vagy márkalogói vannak a kategória képeihez, az Ecwid olyan tervezési lehetőségeket kínál, amelyek lenyűgöző megjelenést kölcsönöznek nekik.

Kategórianevek a képek alatt, rajtuk, lebegve és rejtve

Termékoldalak optimalizálása a konverzióhoz

Mostantól különféle módon rendszerezheti termékoldalai információit, attól függően, hogy mi a legjobb az ügyfelek számára. Minden tervezési lehetőség a legjobb szerint készül e-commerce gyakorlatok a konverziók növelésére.

1. Válassza ki a termékoldal elrendezését

Négy új lehetőség kínálkozik a tartalom rendszerezésére a termékoldalakon.

Vonja fel a figyelmet termékképeire. A jó minőségű A termékoldal bal oldalán található termékkép lesz az első dolog, amit vásárlói észrevesznek. Használja a 2 oszlopos elrendezés a termékleírással a jobb oldalon, ha tetszetős termékeket árul, és rövid termékleírásokkal rendelkezik.

A 2 oszlopos elrendezés a termékleírással a jobb oldalon

Adjon hozzá részletes termékleírásokat. Az olyan termékek esetében, mint az elektronikai vagy gyógyszerészeti termékek, a termékleírások meglehetősen hosszúak lehetnek. Ezután válassza ki a kétoszlopos elrendezés a kép alatti termékleírással. Még akkor is, ha hozzáad egy hosszú kézikönyvet a termék használatához, az oldal harmonikusan fog kinézni.

A 2 oszlopos elrendezés a kép alatti termékleírással

Hangsúlyozza a terméklehetőségeket és a „Pénztár” gombot. Ha vásárlóinak nem kell hosszú leírásokat olvasniuk vagy a galériát nem kell alaposan átnézniük a termékei megvásárlásához, válassza a terméklehetőségek megjelenítését a bal oldalon található fizetés gombbal. Mondjuk, ha apró akváriumi halakat árul.

A „Hozzáadás a táskához” gomb a fókuszban

Minimalizálja a görgetést és a figyelemelvonást. A három oszlopos Az elrendezés akkor működik, ha azt szeretné, hogy a termékoldalon a lehető legtöbb információ jelenjen meg további mozdulatok nélkül.

a kompakt 3 oszlopos elrendezés

Ön is válassza ki a fotógaléria elrendezését. Lenyűgöző fotógalériával segítse ügyfeleit, hogy érezzék a termékét. Válassza ki a galériában lévő képek miniatűreinek elrendezését (függőleges vagy vízszintes), vagy mutassa meg hipnotizáló képeit teljes méretben. Minél több alternatív és részletesebb nézetet jelenít meg, annál jobb.

Fotógaléria elrendezési lehetőségek

3. Válassza ki az oldalsávon megjelenítendő termékinformációkat

A konvertáló termékoldal elegendő termékinformációt nyújt, miközben egyszerű. Az Ecwidben elrejtheti az elemeket (pl. cikkszám, terméklehetőségek, megosztási gombok), ha nincs rájuk szüksége, így ügyfelei nem térnek el a kosár felé vezető úton.

A legjobb az egészben az, hogy az egyes elemeket áthúzhatja és tetszőleges sorrendbe rendezheti. Teszteljen sok új módszert a termékoldalak konverziókra való optimalizálására.

Rugalmas oldalsáv beállítások

Változtassa meg a kirakat navigációját és színeit

Van még néhány kirakatbeállítás, amelyek alapértelmezés szerint engedélyezve vannak, hogy segítsenek ügyfelei eligazodni az üzletben. Bármelyiket kikapcsolhatja, amikor csak akarja.

Ha a régebbi kirakatverzióról vált át, ezek a beállítások áttelepülnek az új kirakatra, ahogy korábban is voltak.

Színadaptív mód. Ha Ecwid online áruházat telepít a webhelyére, az áruház színei automatikusan illeszkednek a webhely témájához. Az üzlete úgy fog kinézni, mint a webhely természetes része.

A lábléc menü és a kenyérmorzsa segítse ügyfeleit abban, hogy gyorsabban böngésszen az üzletében, és megakadályozza, hogy eltévedjenek.

A Bejelentkezés link lehetővé teszi az ügyfelek számára, hogy bejelentkezzenek a profiljukba, hogy megtekinthessék rendeléseiket és használhassák a kívánságlistát.

„Rendezés” opciók lehetővé teszi ügyfelei számára, hogy termékeiket ár, név és egyéb feltételek szerint rendezzék.

Egyéb módok az Ecwid üzlet kialakításának megváltoztatására

Az új tervezési beállítások lefedik a leggyakoribb használati eseteket. Ha más módon szeretné megváltoztatni üzletét:

Ha egyedi témára van szüksége az üzletéhez kódolás nélkül, próbálkozzon tervezzen alkalmazásokat az Ecwid App Marketről (fizetős Ecwid-csomagoknál érhető el, az alkalmazásárak érvényesek).
Hozzon létre egyéni CSS-témát (egy olyan szabálykészletet, amely meghatározza az áruház minden elemének megjelenését, például a méretét, alakját vagy színét). A CSS-téma létrehozásához bizonyos műszaki ismeretek szükségesek. Van egy útmutató a CSS-témákhoz az Ecwid Tudásbázisban amely elmagyarázza, hogyan hozhat létre saját CSS-témát és utasítások meghatározott elemek megváltoztatásához. Mindig kérhet segítséget az Ecwid ügyfélszolgálatától, ill megrendelheti saját CSS-témájának egyedi fejlesztését.
Fejlesztőknek: Használja a Ecwid Javascript API az Ecwid kirakat funkcióinak kiterjesztésére. Létrehozhat új CSS-témát vagy alkalmazást, és eladhatja az Ecwid App Marketen. Az Ecwid Javascript API lehetővé teszi a kirakat megjelenésének teljes megváltoztatását, olyan mélyre szabva a változtatásokat, amennyire szüksége van. Ha készen áll az indulásra, kérem regisztráljon oldalunkon a fejlesztők számára.

Szerezzen ingyenes webhelyet online boltjához

Az Ön Ecwid üzlete jól néz ki, de nincs webhelye, ahol eladhatná?

Az Instant Site egy ingyenes webhelykészítő, amelyet az Ecwid biztosít az Ecwid-fiók létrehozásakor. Ennek célja, hogy gyorsan elkezdhesse az online értékesítést egy ügyes weboldalon, és azonnali nyereségre tegyen szert vállalkozása bővítése érdekében.

Ha már a tervezésről beszélünk, az Instant Site a következővel épül fel készáru blokkok (borítókép, logó, online áruház, „Rólunk” rész, vásárlói visszajelzések és elérhetőségek), amelyeket engedélyezhet, letilthat és testreszabhat.

Ha testre kell szabnia azonnali webhelyét, kit fog hívni? Hát senki! A teljes webhelyet speciális ismeretek nélkül szerkesztheti asztali számítógépe segítségével, vagy akár az iOS rendszerhez készült Ecwid Mobile boltkezelő alkalmazáson keresztül.

Készítse el ingyenes azonnali webhelyét még ma a mi felhasználásával lépésről lépésre útmutató.