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

12 min čtení

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

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 Ovládacích panelech → Nastavení → Návrh . Na této stránce můžete spravovat nastavení návrhu 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

Rychlé a snadné

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.

Okamžitá stránka 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 webové stránky Wix je to ještě jednodušší: procházejte šablony, aniž byste museli opustit www.wix.com.

Poznámka: Obchodníci Ecwid + Wix si mohou barvy svých webových stránek a obchodů sladit 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:

Ecwid Color Adaptive Mode

Co když přidáte svůj obchod Ecwid na několik webových stránek? S povoleným režimem Color Adaptive Mode se barvy obchodu přizpůsobí každému z nich. Váš obchod bude vypadat přirozeně v každém webovém prostředí, 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 prodáváte online s Ecwidem, je možné prvky výkladní skříně Ecwidu povolit nebo zakázat několika kliknutími. Například ti, kteří prodávají ručně vyráběné produkty v jednotlivých kusech, často raději skrývají pole pro 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í.

Nastavení vzhledu

Úroveň 2: Dobrodruh

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

Ecwid App Market nabízí více než 100 aplikací, které vám pomohou s analytikou, propagací, dopravou a dalšími věcmi. Najdete zde také aplikace pro přizpůsobení a design výloh . Podíváme se na jednu aplikaci pro změnu barev motivu bez nutnosti kódování: Store Designer.

Návrhář obchodu

Store Designer je aplikace, která umožňuje 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.

Návrhář obchodů je k dispozici ve všech placených tarifech Ecwid a také ve všech ostatních aplikacích App Marketu.

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 zde mohou najít různé pokyny k úpravě výlohy ; například

změna písem v obchodě nebo 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.

Šablony CSS můžete spravovat v Ovládacích panelech → Nastavení → Návrh.

Postup probíhá takto: pokud chcete například změnit ikonu košíku, přejděte do Nastavení → Návrh , vytvořte nové CSS téma, přidejte kus kódu , uložte změny a aktivujte téma.

Správa CSS témat v Ecwidu

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 nenajdete šablonu, která by vyhovovala vašim potřebám, další možností je objednat si vývoj CSS šablony , která bude vytvořena přímo pro vás. Vlastní šablona znamená mnohem víc než jen změnu barev a umožňuje vám hlubší přizpůsobení, např. zcela jiné pořadí bloků na stránce produktu.

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

Úroveň 3: Veterán

Veteran
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 šablony v Nastavení → Design

V databázi znalostí Ecwid je návod , který vysvětluje, jak si vytvořit vlastní CSS šablonu, 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.

Nezapomeňte, že pokud máte potíže s designem vašeho obchodu na Ecwidu, můžete se vždy obrátit na tým zákaznické podpory Ecwidu. Nebo je stále možné si objednat vývoj vlastního CSS tématu na míru.

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

Tato část je určena především pro vývojáře. Víte, co dalšího by mohlo vylepšit váš obchod na Ecwidu? Získání Javascript API pro Ecwid.

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, zaregistrujte se prosím na naší stránce pro vývojáře.