Vše, co potřebujete k prodeji online

Vytvořte si online obchod během několika minut a prodávejte na webu, sociálních sítích nebo tržištích.

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

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 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ší.

Jak prodávat online
Tipy od e-commerce odborníci pro majitele malých podniků a začínající podnikatele.
Zadejte prosím platnou e-mailovou adresu

Ú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 bezplatná webová stránka s internetovým obchodem, který Ecwid poskytuje zdarma, když si vytvoříte svůj úč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.

Tento 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í barev Wix a Ecwid

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? 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í.

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

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ýkladudesign. 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.

Návrhář obchodu

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.

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 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

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í motiv CSS

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.

***

Přečtěte si také: Jak navrhnout obrázky kategorie produktů, na které vaši zákazníci neodolají kliknutí


 

Obsah

Prodávejte online

S Ecwid Ecommerce můžete snadno prodávat kdekoli a komukoli – přes internet a po celém světě.

O autorovi

Qetzal je vedoucím produktu ve společnosti Ecwid. Rád vytváří nové věci, které lidem usnadňují život.

Elektronický obchod, který vám kryje záda

Tak jednoduché použití – zvládnou to i moji nejvíce technofobní klienti. Snadná instalace, rychlé nastavení. Světelné roky před ostatními pluginy obchodu.
Jsem tak ohromen, že jsem to doporučil svým klientům webových stránek a nyní je používám pro svůj vlastní obchod spolu se čtyřmi dalšími, pro které jsem webmasterem. Krásné kódování, vynikající špičková podpora, skvělá dokumentace, fantastická videa s návody. Děkuji moc Ecwide, ty rocke!
Použil jsem Ecwid a miluji samotnou platformu. Všechno je tak zjednodušené, až je to šílené. Líbí se mi, že máte různé možnosti výběru přepravců, abyste mohli dát tolik různých variant. Je to docela otevřená brána elektronického obchodu.
Snadné použití, cenově dostupné (a bezplatná možnost, pokud začínáte). Vypadá profesionálně, na výběr je mnoho šablon. Aplikace je moje oblíbená funkce, protože svůj obchod mohu spravovat přímo z telefonu. Vřele doporučuji 👌👍
Líbí se mi, že Ecwid bylo snadné spustit a používat. I pro člověka jako jsem já, bez jakéhokoliv technického zázemí. Velmi dobře napsané články nápovědy. A podpůrný tým je podle mě nejlepší.
Pro vše, co ECWID nabízí, je neuvěřitelně snadné nastavení. Vřele doporučuji! Hodně jsem pátral a vyzkoušel asi 3 další konkurenty. Stačí vyzkoušet ECWID a během chvilky budete online.

Vaše sny o elektronickém obchodování začínají zde

Kliknutím na „Přijmout všechny soubory cookie“ souhlasíte s ukládáním souborů cookie na vašem zařízení za účelem zlepšení navigace na webu, analýzy používání webu a podpory našeho marketingového úsilí.
Vaše soukromí

Když navštívíte jakoukoli webovou stránku, může ukládat nebo získávat informace ve vašem prohlížeči, většinou ve formě souborů cookie. Tyto informace se mohou týkat vás, vašich preferencí nebo vašeho zařízení a většinou se používají k tomu, aby web fungoval tak, jak očekáváte. Tyto informace vás obvykle přímo neidentifikují, ale mohou vám poskytnout personalizovanější web. Protože respektujeme vaše právo na soukromí, můžete se rozhodnout nepovolit některé typy souborů cookie. Kliknutím na nadpisy různých kategorií se dozvíte více a změníte naše výchozí nastavení. Blokování některých typů souborů cookie však může ovlivnit vaši zkušenost s webem a službami, které jsme schopni nabídnout. Více informací

Více informací

Nezbytně nutné soubory cookie (vždy aktivní)
Tyto cookies jsou nezbytné pro fungování webových stránek a nelze je v našich systémech vypnout. Obvykle se nastavují pouze v reakci na vámi provedené akce, které představují požadavek na služby, jako je nastavení vašich předvoleb ochrany osobních údajů, přihlášení nebo vyplňování formulářů. Svůj prohlížeč můžete nastavit tak, aby vás o těchto cookies zablokoval nebo vás na ně upozornil, ale některé části webu pak nebudou fungovat. Tyto soubory cookie neukládají žádné osobně identifikovatelné informace.
Cílení souborů cookie
Tyto soubory cookie mohou být prostřednictvím našeho webu nastaveny našimi reklamními partnery. Tyto společnosti je mohou použít k vytvoření profilu vašich zájmů a zobrazení relevantních reklam na jiných webech. Neukládají přímo osobní údaje, ale jsou založeny na jedinečné identifikaci vašeho prohlížeče a internetového zařízení. Pokud tyto soubory cookie nepovolíte, uvidíte méně cílenou reklamu.
Funkční soubory cookie
Tyto soubory cookie umožňují webu poskytovat rozšířenou funkčnost a personalizaci. Můžeme je nastavit my nebo poskytovatelé třetích stran, jejichž služby jsme přidali na naše stránky. Pokud tyto soubory cookie nepovolíte, některé nebo všechny tyto služby nemusí fungovat správně.
Výkonné soubory cookie
Tyto soubory cookie nám umožňují počítat návštěvy a zdroje návštěvnosti, abychom mohli měřit a zlepšovat výkon našich stránek. Pomáhají nám zjistit, které stránky jsou nejoblíbenější a které nejméně, a sledovat, jak se návštěvníci po webu pohybují. Všechny informace, které tyto soubory cookie shromažďují, jsou agregované, a proto anonymní. Pokud tyto soubory cookie nepovolíte, nebudeme vědět, kdy jste navštívili naše stránky.
Pro tuto stránku jsme použili strojový překlad. Pokud máte potíže s jazykovou kvalitou, přejděte prosím na mezinárodní verzi webu.