Nové nastavení designu Ecwid: desítky možností přizpůsobení, žádné kódování

12 min čtení

Design mluví za vše e-commerce obchod. Pokud se lidé mohou snadno orientovat ve vaší online výloze, máte mnohem větší šanci, že je převedete. Konzistentní, moderní design může zákazníkům říci, že jste důvěryhodná značka.

Ecwid pomáhá jakémukoli podniku – i malému a začínajícímu – vypadat a prodávat profesionálně na webu. Nemusíte za to platit strašně moc nejvyšší úroveň webdesignéři získat a vhodné pro mobily, čisté a krásné e-commerce obchod.

Přidali jsme desítky nových funkcí designu výkladu Ecwidovi, abys mohl dát svůj e-commerce uložit vzhled a dojem, který nejvíce odráží vaši značku.

Nastavení každého malého detailu v designu vašeho internetového obchodu je smrtelně snadné. Změňte styly obrázků, rozvržení stránky produktu a prvky výlohy bez kódování. Uvidíte to sami v tomto příspěvku.

Nové nastavení se vnoří pod Nastavení → Design ve vašem ovládacím panelu Ecwid. Chcete-li je používat, ujistěte se, že jste povolili všechny aktualizace obchodu v Nastavení → Co je nového.

Chcete-li zobrazit stránku nastavení nového designu, povolte tyto aktualizace v Nastavení → Co je nového

Co když používám starší verzi obchodu Ecwid?

Přechod na novou výlohu může zcela změnit vzhled vašeho obchodu. S novým nastavením designu získáte více možností přizpůsobení a působivější vzhled vašeho obchodu. Buďte však opatrní, pokud používáte a self-made Téma CSS nebo jiné vyvinutý na zakázku funkce výlohy – nemusí být kompatibilní s novou výlohou. Pokud potřebujete pomoc, náš tým podpory je tu pro vás.

Navrhněte si svůj online obchod

Máte pod kontrolou celý vzhled svého katalogu produktů, od obrázků produktů až po SKU a tlačítka.

1. Vyberte nejlepší velikost obrázku pro prezentaci vašich produktů

Ve výchozím nastavení jsou obrázky produktů středně velký, který je vhodný pro většinu obchodů.

Některé produkty obsahují důležité detaily, které byste si mohli chtít představit (například pokud prodáváte šperky nebo obrazy). Vyberte velkou velikost obrázku, aby vaši zákazníci mohli obdivovat vaše krásné produkty a fotografie.

Pokud prodáváte jeden typ produktu ve velkém sortimentu (řekněme 200 kožených opasků v různých barvách), držte se menších obrázků. Váš obchod zobrazí na obrazovce spoustu produktů a vaši zákazníci budou ohromeni výběrem.

Malá, střední a velká velikost obrázku pro obrázky produktů

2. Optimalizujte poměr stran obrazu k rozměrům vašeho produktu

Prodáváte palmy? Nebo možná dlouhonohý modely předvádějí vaše značkové kabáty? Oba budou vypadat skvěle na vertikálních snímcích.

Horizontální poměr vyhovuje širokým produktům – řekněme botám, pohovkám nebo výživovým tyčinkám.

Pro kulaté předměty (nebo, pokud si nejste jisti), použijte čtvercové obrázky, vždy vypadají skvěle.

Vertikální, horizontální a čtvercové obrázky produktů

Svislé, vodorovné a čtvercové obrázky

Pokud chcete zvýraznit obrázky produktů a nechat je vyniknout z pozadí obchodu, vyberte „Darken image background“.

3. Vyberte, jaké informace o produktu se mají zobrazovat ve výloze

Podobně jako u produktových fotografií si můžete vybrat z mnoha možností designu pro další prvky výkladu: názvy produktů, názvy, ceny, SKU, tlačítka „Koupit“. Rozhodněte se, jak každý z nich zobrazit — pod obrázkem produktu nebo při najetí myší.

Zobrazte prvky pod obrázky produktů, při najetí myší nebo je skryjte

Pokud se rozhodnete umístit informace pod obrázky produktů, je možné nastavit rozložení. Zarovnejte obsah doleva, doprava, na střed nebo zarovnejte - můžete si vytvořit vzhled, který se vám nejvíce líbí.

Různá rozložení prvků (název produktu a cena)

Je také možné skrýt prvky. Všechny je skryjte, aby vaše výloha připomínala lookbook. Kliknutím na libovolný obrázek produktu se vaši zákazníci dostanou na stránku produktu.

Chcete-li zobrazit další podrobnosti, zvolte zobrazení dalšího obrázku produktu. Ecwid zobrazí první obrázek z produktové fotogalerie při najetí myší.

Další obrázek produktu při najetí myší

Tato nová nastavení umožňují velké množství designových variant vzhledu vašeho obchodu.

4. Navrhněte si kategorie obchodů

Najdete zde možnosti nastavení vzhledu kategorií. Ať už máte pro obrázky své kategorie fotografie, ikony nebo loga značek, Ecwid má možnosti designu, aby vypadaly úchvatně.

Názvy kategorií pod obrázky, na nich, při umístění kurzoru a skryté

Optimalizujte stránky produktů pro konverzi

Nyní můžete informace na svých produktových stránkách organizovat různými způsoby v závislosti na tom, co nejlépe vyhovuje vašim zákazníkům. Každá možnost designu je vyrobena podle toho nejlepšího e-commerce postupy pro zvýšení konverzí.

1. Zvolte rozvržení stránky produktu

Existují čtyři nové možnosti uspořádání obsahu na vašich produktových stránkách.

Upoutejte pozornost na obrázky vašich produktů. Umístění a vysoce kvalitní obrázek produktu na levé straně vaší produktové stránky bude tím prvním, čeho si vaši zákazníci všimnou. Použijte 2-sloupcové rozvržení s popisem produktu vpravo, pokud prodáváte vizuálně atraktivní produkty a máte krátké popisy produktů.

Auto 2-sloupcové rozložení s popisem produktu vpravo

Přidejte podrobné popisy produktů. U produktů, jako je elektronika nebo farmaceutické zboží, mohou být popisy produktů pěkně dlouhé. Poté vyberte dvousloupcový rozložení s popisem produktu pod obrázkem. I když přidáte dlouhý manuál k používání vašeho produktu, stránka bude vypadat harmonicky.

Auto 2-sloupcové rozložení s popisem produktu pod obrázkem

Zdůrazněte možnosti produktu a tlačítko „Pokladna“. Pokud vaši zákazníci nemusí číst dlouhé popisy nebo zkoumat galerii, aby si mohli koupit vaše produkty, zvolte zobrazení možností produktu pomocí tlačítka pokladny vlevo. Řekněme, když prodáváte drobné akvarijní rybičky.

Zaostřeno na tlačítko „Přidat do tašky“.

Minimalizujte rolování a rozptylování. A třísloupový rozložení funguje, pokud chcete, aby vaše produktová stránka zobrazovala maximum informací bez dalších pohybů.

kompaktní 3-sloupcové nákres

Můžete se také vyberte rozvržení své fotogalerie. Pomozte svým zákazníkům získat pocit z vašeho produktu pomocí působivé fotogalerie. Vyberte si rozvržení pro miniatury obrázků ve své galerii (vertikální nebo horizontální) nebo zobrazte své hypnotizující obrázky v plné velikosti. Čím více střídavých a podrobných pohledů zobrazíte, tím lépe.

Možnosti rozložení fotogalerie

3. Vyberte informace o produktu, které se mají zobrazit na postranním panelu

Konverzní produktová stránka poskytuje dostatek informací o produktu a přitom je jednoduchá. V Ecwid můžete skrýt prvky (jako SKU, možnosti produktu, tlačítka sdílení), pokud je nepotřebujete, aby vaši zákazníci nebyli rušeni na cestě do košíku.

Nejlepší na tom je, že každý prvek můžete přetáhnout a uspořádat v libovolném pořadí. Vyzkoušejte spoustu nových způsobů, jak optimalizovat stránky produktů pro konverze.

Flexibilní nastavení postranního panelu

Změňte navigaci a barvy výlohy

Existuje několik dalších nastavení výlohy, která jsou ve výchozím nastavení povolena, aby zákazníkům usnadnila orientaci ve vašem obchodě. Kterýkoli z nich můžete kdykoli vypnout.

Pokud přejdete ze starší verze obchodu, tato nastavení se migrují do nového obchodu, jak jste je měli dříve.

Adaptivní režim barev. Pokud si na svůj web nainstalujete internetový obchod Ecwid, budou barvy obchodu automaticky odpovídat tématu vašeho webu. Váš obchod bude vypadat jako přirozená součást vašeho webu.

Nabídka zápatí a strouhanka pomozte zákazníkům rychleji procházet váš obchod a zabraňte jejich ztrátě.

Auto nepřihlášen https://trials.autocruitment.com umožňuje zákazníkům přihlásit se do svého profilu, aby si mohli prohlížet své objednávky a používat seznam přání.

Možnosti „Řadit podle“. umožnit svým zákazníkům třídit vaše produkty podle ceny, názvu a dalších podmínek.

Další způsoby, jak změnit design vašeho obchodu Ecwid

Nová nastavení návrhu pokrývají nejběžnější případy použití. Pokud byste chtěli změnit svůj obchod jiným způsobem:

Pokud potřebujete vlastní motiv pro svůj obchod bez kódování, zkuste to designové aplikace z Ecwid App Market (k dispozici u placených plánů Ecwid, platí ceny aplikací).
Vytvořte si vlastní motiv CSS (soubor pravidel, která určují vzhled každého prvku v obchodě, jako je velikost, tvar nebo barva). Vytvoření motivu CSS vyžaduje určité technické znalosti. Existuje a průvodce tématy CSS v databázi znalostí Ecwid který vysvětluje, jak vytvořit vlastní téma CSS a pokyny pro změnu konkrétních prvků. Vždy můžete požádat o pomoc tým péče o zákazníky Ecwid, popř objednejte si vlastní vývoj vlastního CSS motivu.
Pro vývojáře: Použijte Ecwid Javascript API rozšířit funkce výkladu Ecwid. Můžete vytvořit nové téma CSS nebo aplikaci a prodávat je na Ecwid App Market. Ecwid Javascript API vám umožňuje úplně změnit vzhled výkladu a přináší změny tak hluboké, jak potřebujete. Pokud jste připraveni začít, prosím zaregistrujte se na naší stránce pro vývojáře.

Získejte zdarma web pro svůj internetový obchod

Váš obchod Ecwid vypadá skvěle, ale nemáte web, na kterém byste mohli prodávat?

Instant Site je bezplatný nástroj pro tvorbu webových stránek, který Ecwid poskytuje při vytváření účtu Ecwid. To vám umožní rychle začít prodávat online na úhledné webové stránce a okamžitě vydělat na růstu vašeho podnikání.

Když už mluvíme o designu, Instant Site je postaven s hotový bloky (obrázek na obálce, logo, internetový obchod, část „O nás“, zpětná vazba od zákazníků a kontakty), které můžete povolit, zakázat a přizpůsobit.

Pokud potřebujete přizpůsobit svůj okamžitý web, komu zavoláte? No, nikdo! Celý web můžete upravovat bez speciálních znalostí pomocí stolního počítače nebo dokonce přes aplikaci Ecwid Mobile pro správu obchodu pro iOS.

Vytvořte si svůj bezplatný okamžitý web ještě dnes pomocí našeho krok za krokem průvodce.