Design mluví za vše
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
Přidali jsme desítky nových funkcí designu výkladu ovi, abys mohl dát svůj
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 ve vašem ovládacím panelu . Chcete-li je používat, ujistěte se, že jste povolili všechny aktualizace obchodu v .
![Co je nového v ovládacím panelu](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-desing-2-1524574378-1024x310.png)
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 ?
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
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ů
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.
![Produktové obrázky design v](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-8-1524574356.gif)
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á
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ů](https://don16obqbay2c.cloudfront.net/wp-content/uploads/GIFMaker.org_2SrMTw-1524576477.gif)
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ší.
![Návrh obrázků produktů v u](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-9-1524574358.jpg)
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
![Různá rozložení prvků (název produktu a cenaRůzná rozložení prvků](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-7-1524574354.png)
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. zobrazí první obrázek z produktové fotogalerie při najetí myší.
![Další obrázek produktu při najetí myší](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-3-1524574375.gif)
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, má možnosti designu, aby vypadaly úchvatně.
![Návrh obrázků kategorie produktů](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-10-1524574360.gif)
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
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
![Optimalizace produktové stránky](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-11-1524574362.png)
Jedno
Přidejte podrobné popisy produktů. U produktů, jako je elektronika nebo farmaceutické zboží, mohou být popisy produktů pěkně dlouhé. Poté vyberte
![Optimalizace produktové stránky 2](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-1-1524574373.png)
Jedno
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.
![Optimalizace produktové stránky 3](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-store-design-5-1524574377.png)
Zaostřeno na tlačítko „Přidat do tašky“.
Minimalizujte rolování a rozptylování. A
![Optimalizace produktové stránky 4](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-14-1524574370-1024x302.png)
dz貹ٲí
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](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-2-1524574349.gif)
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 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.
![Optimalizace produktové stránky 5](https://don16obqbay2c.cloudfront.net/wp-content/uploads/Ecommerce-design-12-1524574365.gif)
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 , 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ě.
Jedno
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
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 (k dispozici u placených plánů , 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 který vysvětluje, jak vytvořit vlastní téma CSS a . Vždy můžete požádat o pomoc tým péče o zákazníky , popř .
- Pro vývojáře: Použijte .
Získejte zdarma web pro svůj internetový obchod
Váš obchod 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ý poskytuje při vytváření účtu . 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
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 Mobile pro správu obchodu pro iOS.
pomocí našeho
- Inspirující příklady okamžitých stránek
- Okamžitý web s připravenými motivy a více než 99 možnostmi designu
- Nové nastavení designu : desítky možností přizpůsobení, žádné kódování
- Jak vybrat šablonu elektronického obchodu pro váš web
- Komplexní ůǻ峦 přizpůsobením designu vašeho obchodu
- Návrh vašeho bezplatného elektronického webu od nuly
- Jak se ova přístupná šablona online obchodu stala hitem