Nové nastavenia dizajnu Ecwid: desiatky možností prispôsobenia, žiadne kódovanie

12 min čítané

Dizajn hovorí za všetko e-commerce obchod. Ak sa ľudia môžu ľahko orientovať vo vašom online obchode, máte oveľa väčšiu šancu konvertovať ich. Konzistentný moderný dizajn môže zákazníkom povedať, že ste dôveryhodná značka.

Ecwid pomáha akejkoľvek firme – dokonca aj malej a začínajúcej – vyzerať a predávať profesionálne na webe. Nemusíte za to platiť strašne veľa najvyššiu úroveň web dizajnéri získať a vhodné pre mobilné zariadenia, čisté, a krásne e-commerce obchod.

Pridali sme desiatky nových funkcií dizajnu výkladu Ecwidovi, aby si mohol dať svoje e-commerce uchovávajte vzhľad a dojem, ktorý najviac odráža vašu značku.

Nastavenie každého malého detailu v dizajne vášho internetového obchodu je smrteľne jednoduché. Zmeňte štýly obrázkov, rozloženie stránky produktu a prvky výkladu bez kódovania. V tomto príspevku to uvidíte sami.

Nové nastavenia sú vnorené pod Nastavenia → Dizajn vo vašom ovládacom paneli Ecwid. Ak ich chcete použiť, uistite sa, že ste povolili všetky aktualizácie výkladu Nastavenia → Čo je nové.

Ak chcete zobraziť stránku nastavení nového dizajnu, povoľte tieto aktualizácie v časti Nastavenia → Čo je nové

Čo ak používam staršiu verziu výkladu Ecwid?

Prechod na nový výklad môže úplne zmeniť vzhľad vášho obchodu. S novými nastaveniami dizajnu získate viac možností prispôsobenia a pôsobivejší vzhľad vášho obchodu. Buďte však opatrní, ak používate a self-made Téma CSS alebo iné vyvinutý na mieru funkcie výkladu — nemusia byť kompatibilné s novým výkladom. Ak potrebujete pomoc, náš tím podpory je tu pre vás.

Navrhnite si svoj online obchod

Môžete ovládať celý vzhľad svojho katalógu produktov, od obrázkov produktov až po SKU a tlačidlá.

1. Vyberte si najlepšiu veľkosť obrázka na prezentáciu svojich produktov

V predvolenom nastavení sú obrázky produktov stredne veľké, ktorý je vhodný pre väčšinu obchodov.

Niektoré produkty majú dôležité detaily, ktoré si možno budete chcieť predstaviť (napríklad ak predávate šperky alebo obrazy). Vyberte veľkú veľkosť obrázka, aby vaši zákazníci mohli obdivovať vaše krásne produkty a fotografie.

Ak predávate jeden typ produktu vo veľkom sortimente (povedzme 200 kožených opaskov v rôznych farbách), držte sa menších obrázkov. Váš obchod zobrazí na obrazovke množstvo produktov a vaši zákazníci budú týmto výberom ohromení.

Dizajn obrázkov produktov v jazyku Ecwid

Malá, stredná a veľká veľkosť obrázkov pre obrázky produktov

2. Optimalizujte pomer strán obrázka k rozmerom vášho produktu

Predávate palmy? Alebo možno dlhonohý modely predvádzajú vaše značkové kabáty? Obe budú vyzerať skvele na vertikálnych obrázkoch.

Horizontálny pomer vyhovuje širokým výrobkom – povedzme topánkam, pohovkám alebo výživovým tyčinkám.

Pre okrúhle predmety (alebo, ak máte pochybnosti), použite štvorcové obrázky, vždy vyzerajú skvele.

Vertikálne, horizontálne a štvorcové obrázky

Ak chcete zvýrazniť obrázky produktov a nechať ich vyniknúť na pozadí obchodu, vyberte „Darken image background“.

3. Vyberte, aké informácie o produkte sa majú zobrazovať vo výklade

Podobne ako pri produktových fotografiách si môžete vybrať z mnohých dizajnových možností pre ďalšie prvky výkladu: názvy produktov, názvy, ceny, SKU, tlačidlá „Kúpiť“. Rozhodnite sa, ako každý z nich zobraziť – pod obrázkom produktu alebo pri umiestnení kurzora myši.

Zobrazte prvky pod obrázkami produktov, pri umiestnení kurzora myši alebo ich skryte

Ak sa rozhodnete umiestniť informácie pod obrázky produktov, je možné nastaviť rozloženie. Zarovnajte obsah doľava, doprava, na stred alebo zarovnajte - môžete si vytvoriť vzhľad, ktorý sa vám najviac páči.

Rôzne rozloženia prvkov (názov produktu a cenaRôzne rozloženia prvkov

Rôzne rozloženie prvkov (názov produktu a cena)

Je tiež možné skryť prvky. Skryte ich všetky, aby váš výklad pripomínal lookbook. Kliknutím na ktorýkoľvek z obrázkov produktu sa vaši zákazníci dostanú na stránku produktu.

Ak chcete zobraziť ďalšie podrobnosti, vyberte zobrazenie ďalšieho obrázka produktu. Ecwid po prejdení myšou zobrazí prvý obrázok z galérie produktov.

Ďalší obrázok produktu po umiestnení kurzora myši

Tieto nové nastavenia umožňujú veľké množstvo variácií dizajnu pre vzhľad vášho výkladu.

4. Navrhnite si kategórie obchodov

Nájdete tu možnosti nastavenia vzhľadu kategórií. Či už máte fotografie, ikony alebo logá značiek pre obrázky svojej kategórie, Ecwid má možnosti dizajnu, aby vyzerali úžasne.

Názvy kategórií pod obrázkami, na nich, pri umiestnení kurzora myši a skryté

Optimalizujte stránky produktov na konverziu

Teraz môžete organizovať informácie na svojich produktových stránkach rôznymi spôsobmi v závislosti od toho, čo najlepšie funguje pre vašich zákazníkov. Každá možnosť dizajnu je vyrobená podľa toho najlepšieho e-commerce postupy na zvýšenie konverzií.

1. Zvoľte rozloženie stránky produktu

Existujú štyri nové možnosti usporiadania obsahu na vašich produktových stránkach.

Upútajte pozornosť na obrázky vašich produktov. Umiestnenie a vysoko kvalitné obrázok produktu na ľavej strane vašej produktovej stránky bude prvou vecou, ktorú si vaši zákazníci všimnú. Použite 2-stĺpcový rozloženie s popisom produktu vpravo, ak predávate vizuálne príťažlivé produkty a máte krátke popisy produktov.

2-stĺpcový rozloženie s popisom produktu vpravo

Pridajte podrobné popisy produktov. V prípade produktov, ako je elektronika alebo farmaceutický tovar, môžu byť popisy produktov dosť dlhé. Potom vyberte dvojstĺpcový rozloženie s popisom produktu pod obrázkom. Aj keď pridáte dlhý návod na používanie vášho produktu, stránka bude vyzerať harmonicky.

2-stĺpcový rozloženie s popisom produktu pod obrázkom

Zdôraznite možnosti produktu a tlačidlo „Pokladňa“. Ak vaši zákazníci nemusia čítať dlhé popisy alebo skúmať galériu, aby si kúpili vaše produkty, vyberte si zobrazenie možností produktu pomocou tlačidla pokladne vľavo. Povedzme, ak predávate malé akváriové ryby.

Zaostrené tlačidlo „Pridať do tašky“.

Minimalizujte rolovanie a rozptýlenie. A trojstĺpcový rozloženie funguje, ak chcete, aby vaša produktová stránka zobrazovala maximálne informácie bez ďalších pohybov.

kompaktné 3-stĺpcový nákres

Môžete tiež vyberte rozloženie vašej fotogalérie. Pomôžte svojim zákazníkom získať pocit z vášho produktu pomocou pútavej fotogalérie. Vyberte si rozloženie miniatúr obrázkov vo svojej galérii (vertikálne alebo horizontálne) alebo zobrazte svoje hypnotizujúce obrázky v plnej veľkosti. Čím viac striedavých a podrobnejších zobrazení zobrazíte, tým lepšie.

Možnosti rozloženia fotogalérie

3. Vyberte informácie o produkte, ktoré sa majú zobraziť na bočnom paneli

Konvertujúca stránka produktu poskytuje dostatok informácií o produkte a zároveň je jednoduchá. V Ecwid môžete skryť prvky (ako SKU, možnosti produktu, tlačidlá zdieľania), ak ich nepotrebujete, aby vaši zákazníci neboli rozptyľovaní na ceste do košíka.

Najlepšie na tom je, že každý prvok môžete pretiahnuť a usporiadať v ľubovoľnom poradí. Otestujte množstvo nových spôsobov, ako optimalizovať svoje produktové stránky na konverzie.

Flexibilné nastavenia bočného panela

Zmeňte svoju navigáciu a farby

Existuje niekoľko ďalších nastavení výkladu, ktoré sú predvolene povolené, aby pomohli vašim zákazníkom orientovať sa vo vašom obchode. Ktorýkoľvek z nich môžete kedykoľvek vypnúť.

Ak prejdete zo staršej verzie výkladu, tieto nastavenia sa migrujú do nového výkladu tak, ako ste ich mali predtým.

Farebný adaptívny režim. Ak si na svoj web nainštalujete internetový obchod Ecwid, farby obchodu budú automaticky zodpovedať téme vášho webu. Váš obchod bude vyzerať ako prirodzená súčasť vášho webu.

Ponuka päty a strúhanka pomôžte zákazníkom rýchlejšie prehliadať váš obchod a zabráňte ich strate.

neprihlásený odkaz umožňuje zákazníkom prihlásiť sa do svojho profilu, aby si mohli prezerať svoje objednávky a používať zoznam želaní.

Možnosti „Zoradiť podľa“. umožniť vašim zákazníkom triediť vaše produkty podľa ceny, názvu a ďalších podmienok.

Ďalšie spôsoby, ako zmeniť dizajn vášho obchodu Ecwid

Nové nastavenia dizajnu pokrývajú najčastejšie prípady použitia. Ak by ste chceli zmeniť svoj obchod iným spôsobom:

Ak potrebujete vlastný motív pre svoj obchod bez kódovania, skúste to dizajnové aplikácie zo služby Ecwid App Market (k dispozícii na platených plánoch Ecwid, platia ceny aplikácií).
Vytvorte si vlastnú tému CSS (súbor pravidiel, ktoré určujú vzhľad každého prvku v obchode, napríklad veľkosť, tvar alebo farbu). Vytvorenie témy CSS si vyžaduje určité technické znalosti. Existuje a sprievodca témami CSS v databáze znalostí Ecwid ktorý vysvetľuje, ako vytvoriť vlastnú tému CSS a pokyny na zmenu konkrétnych prvkov. Vždy môžete požiadať o pomoc tím starostlivosti o zákazníkov spoločnosti Ecwid, príp objednajte si vlastný vývoj vlastnej CSS témy.
Pre vývojárov: Použite Ecwid Javascript API na rozšírenie funkcií výkladu Ecwid. Môžete si vytvoriť novú tému CSS alebo aplikáciu a predávať ju na Ecwid App Market. Ecwid Javascript API vám umožňuje úplne zmeniť vzhľad výkladu a prináša tak hlboké zmeny, aké potrebujete. Ak ste pripravení začať, prosím zaregistrujte sa na našej stránke pre vývojárov.

Získajte bezplatnú webovú stránku pre svoj online obchod

Váš obchod Ecwid vyzerá skvele, ale nemáte webovú stránku, na ktorej by ste mohli predávať?

Instant Site je bezplatný nástroj na tvorbu webových stránok, ktorý Ecwid poskytuje pri vytváraní účtu Ecwid. Robí sa to preto, aby ste mohli rýchlo začať predávať online na prehľadnej webovej stránke a okamžite zarobiť na raste svojho podnikania.

Keď už hovoríme o dizajne, Instant Site je vytvorený pomocou konfekčné bloky (obrázok na obale, logo, internetový obchod, časť „O nás“, spätná väzba od zákazníkov a kontakty), ktoré môžete povoliť, zakázať a prispôsobiť.

Ak potrebujete prispôsobiť svoju okamžitú stránku, komu zavoláte? No nikto! Celú webovú stránku môžete upravovať bez špeciálnych znalostí pomocou stolného počítača alebo dokonca cez aplikáciu Ecwid Mobile pre správu obchodu pre iOS.

Vytvorte si bezplatnú okamžitú stránku ešte dnes pomocou nášho krok za krokom sprievodca.