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

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

12 min čtení

UDP: V dubnu 2018 jsme vydali nová nastavení designu v ! Zjistěte, jak hluboce si můžete přizpůsobit svůj obchod 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 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 éٲ.

Většina z nich je uvedena v . 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 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: 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 Instant Site, pokud nemáte webové stránky

Instant Site je bezplatná webová stránka s internetovým obchodem, který poskytuje zdarma, když si vytvoříte svůj účet .

Okamžitá stránka

Když už mluvíme o designu, Instant Site je postaven s dzٴDZý 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, 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 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 .

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

ٲí barev Wix a

ٲí designu obchodu na webech Wix

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

Pokud otevřete nový obchod a přidáte ho na svůj web, 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 , režim přizpůsobení barev nebude ve výchozím nastavení povolen, ale můžete jej povolit na stránce Design:

 Color Adaptive Mode

Co když přidáte svůj obchod 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ů . ʴdzá첹: Obchodníci + Wix mohou sladit barvy svých webových stránek a ukládat pouze v nastavení aplikace Wix.

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

Kdykoli vás prodávat online s je možné povolit nebo zakázat prvky výkladu 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í.

ٲí 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 App Market

Jedno Trh aplikací čí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.

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ů , stejně jako zbytek aplikací App Market.

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

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

Dobrodruzi mohou najít různé ; například,

or .

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

Svá CSS témata můžete spravovat v .

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

Správa CSS témat v u

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

dzٴDZý témata a vývoj témat jsou k dispozici pro všechny obchodníky .

Ú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 k nepoznání pomocí vlastních šablon CSS nebo 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 

K dispozici je  který vysvětluje, jak vytvořit vlastní téma CSS a .

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 , můžete vždy požádat o pomoc tým péče o zákazníky společnosti . Nebo je to ještě možné .

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

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

Můžete například vytvořit nové téma CSS nebo aplikaci a prodávat je na App Market. 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 .

***

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 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 . 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 e, ty rocke!
Použil jsem 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 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