Komplexní průvodce přizpůsobením designu vašeho obchodu Ecwid

Publikováno Před 9 let by Qetzal, Vedoucí produktu

UDP: V dubnu 2018 jsme vydali nová nastavení designu v Ecwid! Zjistěte, jak hluboce si můžete přizpůsobit svůj obchod Ecwid bez jakéhokoli kódování v novějším příspěvku na blogu. Pokud byl váš obchod vytvořen před dubnem 2018 a chcete se naučit používat stará nastavení, pokračujte ve čtení tohoto.

Obchod Ecwid je vytvořen tak, že je možné jej přidat na každý web a okamžitě začít prodávat každý typ produktu. Jeho výloha se automaticky přizpůsobí stolním i mobilním zařízením a obchod vypadá skvěle na každé obrazovce.

Když se váš obchod stane přirozenou součástí vašeho webu, působí dojmem profesionálního podnikání. Možná budete chtít změnit design obchodu, aby odpovídal stylu vašeho webu a specifickým potřebám vaší konkrétní firmy. Toho lze dosáhnout řadou prostředků, od plně automatizovaného nastavení až po vytvořené na zakázku témata.

Většina z nich je uvedena v řídicí panel → Nastavení → Design. Na této stránce můžete spravovat svá nastavení designu a v tomto příspěvku vám řekneme, jak je co nejlépe využít.

Rozdělili jsme všechny možné úpravy designu vašeho obchodu Ecwid do tří úrovní podle požadovaných dovedností a zdrojů, od rychlých a jednoduchých po hlubší a složitější.

Úroveň 1: Rychle a snadno

Snadné, rychlé úpravy. Není potřeba nic jiného než klikání na tlačítka.

Než začnete přemýšlet o změnách designu, máme tu dobrou zprávu: Ecwid se automaticky zabuduje do prostředí a vypadá jako přirozená součást vašeho webu nebo sociální stránky. Nemusíte kvůli tomu dělat žádné kódování – vše bude fungovat dobře.

Kromě toho existují snadné způsoby, jak přizpůsobit vzhled a dojem vašeho obchodu vašemu poslání bez dalšího úsilí.

1. Prodávejte na Ecwid Instant Site, pokud nemáte webové stránky

Instant Site je web s online obchodem, který Ecwid poskytuje, když si vytvoříte účet Ecwid.

Když už mluvíme o designu, Instant Site je postaven s hotový bloky (titulní obrázek, logo, internetový obchod, část „O nás“, zpětná vazba od zákazníků a kontakty), které můžete povolit a zakázat, upravit a přizpůsobit svému podnikání. To vše lze udělat prakticky během chvilky vlastníma rukama.

Pokud tedy nemáte webové stránky, na kterých byste mohli prodávat, je to velmi snadný způsob, jak začít prodávat online na a dobře vypadající webová stránka zdarma.

Toto krok za krokem průvodce vysvětluje, jak navrhnout svůj okamžitý web: Personalizace vašeho okamžitého webu od nuly až po první prodej

2. Snadné přizpůsobení designu pro ty, kteří již mají webové stránky

Pokud již máte webovou stránku, Ecwid se s ní stále hladce integruje, bez ohledu na to, na čem je postaven: WordPress, Wix, Joomla nebo jakákoli jiná platforma. Zde je to, co můžete udělat, aby váš obchod vypadal ještě lépe.

Krok 1: Použijte odpovídající motiv pro tvůrce webu

Chcete-li navrhnout svůj web, můžete si jednoduše vybrat z desítek motivů, které si můžete zakoupit. Obchod Ecwid je kompatibilní s většinou z nich.

Zde je rychlý adresář míst na webu, kde můžete najít témata pro tvůrce stránek.

Pro weby WordPress

Také si nenechte ujít sbírku nejlepší bezplatná témata WordPress pro e-commerce Webové stránky.

Pro weby Joomla

Pro weby Squarespace

Pro weby Wix, je to ještě jednodušší: procházejte témata, aniž byste museli odejít wix.com.

Poznámka: Obchodníci Ecwid + Wix mohou sladit barvy svých webových stránek a uložit je v nastavení aplikace Ecwid Wix.

Nastavení designu obchodu Ecwid na webech Wix

Krok 2: Povolte režim přizpůsobení barev

Pokud otevřete nový obchod Ecwid a přidáte ho na svůj web, Ecwid automaticky MAGICKY přizpůsobí barvy obchodu vašemu stylu webu. Tato funkce se nazývá Color Adaptive Mode. Je to velmi snadný způsob, jak udělat z vašeho obchodu přirozenou součást vašeho webu.

Pokud již prodáváte s Ecwid, režim přizpůsobení barev nebude ve výchozím nastavení povolen, ale můžete jej povolit na stránce Design:

Co když přidáte svůj obchod Ecwid na několik webových stránek? Když je povolen režim přizpůsobení barev, barvy obchodu se přizpůsobí každé z nich. Váš obchod bude vypadat přirozeně v každém prostředí webu, bez ohledu na to, zda je bílý, černý nebo zelený.

Tato funkce je dostupná pro většinu obchodníků Ecwid. Poznámka: Obchodníci Ecwid + Wix mohou sladit barvy svých webových stránek a ukládat pouze v nastavení aplikace Ecwid Wix.

3. Pohrajte si s rychlým nastavením vzhledu

Kdykoli vás prodávat online s Ecwid je možné povolit nebo zakázat prvky výkladu Ecwid několika kliknutími. Například ti, kteří prodávají ručně vyráběné výrobky v jednotlivých kopiích, často raději skryjí pole množství.

Možná budete chtít skrýt i nepotřebné prvky nebo změnit velikost miniatur – sekce Vzhled na stránce Návrh vám to zcela umožní.

Úroveň 2: Dobrodruh

Pro ty bez technických znalostí, kteří hledají hlubší designové změny a mají čas na malou cestu.

Máte svůj obchod nastavený a už jste se rozhlédli. Nyní začnete pociťovat potřebu osobního kontaktu: mohou to být značkové barvy tlačítek, textů a pozadí, jedinečné ikony nebo zcela nové prvky. Nemáte však ponětí o kódování.

Žádný strach: na této úrovni jsme shromáždili nástroje, které vám pomohou dosáhnout výše uvedených cílů bez zvláštních znalostí. Pojďme se na ně podívat blíže.

1. Pro návrh obchodu použijte aplikace z Ecwid App Market

Jedno Trh aplikací Ecwid čítá více než 100 aplikací, které vám pomohou s analýzou, propagací, dopravou a dalšími. Můžete také najít aplikace pro přizpůsobení výkladu si design. Podíváme se na jednu aplikaci pro změnu barev motivu bez jakéhokoli kódování: Návrhář obchodu.

Návrhář obchodu

Návrhář obchodu je aplikace, která vám umožní rychle nastavit barvy pro tlačítka, text a pozadí.

Režim náhledu vám umožní hrát si s barvami, jak chcete, než svůj dokonalý návrh zveřejníte ve výloze.

Rozhraní Store Designer

Aplikace stojí 4.99 $ a nabízí bezplatný zkušební týden.

Store Designer je k dispozici u všech placených plánů Ecwid, stejně jako zbytek aplikací App Market.

2. Kopírovat vložit připravené vylepšení ze znalostní báze

Znalostní báze Ecwid má odpovědi na většinu otázek, které by majitel obchodu Ecwid mohl mít. Neustále sem doplňujeme nové články s nejčastějšími tipy a hotový řešení.

Dobrodruzi mohou najít různé pokyny k přizpůsobení výkladu; například,

změna fontů v obchodě or přidání vyhledávacího pole.

Většina těchto pokynů se rozpadá na kopírování-vkládání kus kódu do vašeho motivu CSS.

Svá CSS témata můžete spravovat v řídicí panel → Nastavení → Design.

Proces probíhá takto: například pokud chcete změnit ikonu košíku, přejděte na svůj Nastavení → Design, vytvořit nový motiv CSS, přidat kus kódu, uložte změny a aktivujte motiv.

Do tohoto motivu byste měli přidat všechny další změny – aktivní může být vždy pouze jedno téma, takže musí zahrnovat všechny úpravy, které chcete do svého obchodu přenést.

3. Objednejte si vlastní vývoj motivu

Pokud nemůžete najít téma, které by uspokojilo vaše potřeby, další možností je objednat vývoj tématu CSS který bude postaven právě pro vás. Vlastní motiv znamená mnohem víc než jen změnu barev a umožňuje vám získat hlubší přizpůsobení, např. zcela jiné pořadí bloků na stránce vašeho produktu.

Hotový témata a vývoj témat jsou k dispozici pro všechny obchodníky Ecwid.

Úroveň 3: Veterán

Náročné přizpůsobení: kompletní změny vzhledu vašeho obchodu. Dobrý den, kód.

Někdy jsou nutné hlubší změny vzhledu obchodu: možná budete chtít a drop-down menu, jiné rozložení prvků stránky produktu nebo vlastní design tlačítek.

Pro technicky důvtipný obchodníkům nebo těm, kteří mají ve svém týmu vývojáře, existuje příležitost přinést změny tohoto typu a dokonce přeměnit svůj obchod Ecwid k nepoznání pomocí vlastních šablon CSS nebo Ecwid API.

1. Vytvořte a self-made Téma CSS

Pokud chcete svůj obchod navrhnout sami, zvažte vytvoření vlastního motivu CSS.

Téma CSS je sada pravidel, která určují vzhled každého prvku v obchodě (velikost, tvar, barvu a umístění na stránce).

Vytvořte si vlastní CSS motivy v Nastavení → Design

K dispozici je průvodce 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šimněte si, že budete muset rozumět HTML a CSS, takže pokud vám tato dvě slova zní neznáme, měli byste být připraveni strávit nějaký čas získáním potřebných dovedností, abyste mohli vytvořit téma od začátku.

Pamatujte, že pokud máte problémy s designem svého obchodu Ecwid, můžete vždy požádat o pomoc tým péče o zákazníky společnosti Ecwid. Nebo je to ještě možné objednejte si vlastní vývoj vlastního CSS motivu.

2. Použijte Ecwid Javascript API k rozšíření funkcí obchodu Ecwid

Tato část je převážně pro vývojáře. Víte, co by ještě mohlo zlepšit vaši výlohu Ecwid? Získání Ecwid Javascript API.

Můžete například 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.