Co všechno můžete upravit na e-shopu Eshop-rychle?

Možná vám na e-shopu chybí jen větší logo. Možná chcete přehlednější produkty, pohodlnější nákup na mobilu nebo úplně jiný vizuální styl. Šablona je dobrý základ, ale její výchozí podoba nemusí být konečná. Pojďme se podívat, co všechno se dá přizpůsobit vašim představám.

Při každodenní práci s e-shopem si člověk všimne spousty drobností. Tlačítko by mohlo být výraznější. Název produktu se nehezky zalamuje. Hlavička zabírá na telefonu příliš mnoho místa. Nebo vám celý obchod připadá příliš podobný ostatním a rádi byste mu dali vlastní tvář.

Dobrá zpráva je, že na Eshop-rychle lze upravit mnohem víc než jen barvu pozadí. Od nenápadných detailů až po výraznější proměnu rozložení a vzhledu. Možností je tolik, že nemá smysl omezovat svůj nápad jen tím, co právě vidíte ve výchozí šabloně. Napište mi, co byste si přáli, a společně najdeme vhodné řešení.

E-shop, který bude odpovídat vaší značce

Stejná šablona může působit jemně a přátelsky, střídmě a elegantně nebo výrazně a hravě. Rozdíl vytvářejí barvy, písmo, rozestupy, tvary a způsob, jakým spolu jednotlivé prvky ladí. Nemusíte se spokojit s kombinací, kterou šablona nabídla na začátku.

Lze změnit písmo celého webu nebo jen nadpisů, upravit velikost textu, výšku řádků a šířku odstavců. Vybrat čitelný font s českou diakritikou, sladit ho s logem a nastavit jinou velikost pro mobil. Také barvy tlačítek, odkazů, ikon, rámečků a pozadí mohou vycházet z vaší značky. Přidat se dají jemné textury, barevné přechody nebo třeba tmavá hlavička se světlým obsahem.

Často přitom pomůže méně změn, než byste čekali. Jednotné zaoblení, dobře zvolené písmo a vyvážené mezery mohou propojit celý e-shop v příjemný celek. Inspiraci najdete v přehledech úprav písma a barev a pozadí.

Hlavička nemusí mít přesně takovou výšku, jakou má dnes. Logo může být větší, menší nebo jinak zarovnané. Vyhledávání může získat více prostoru, kontakt být lépe viditelný a ikona košíku výraznější. U vhodné šablony lze připravit také hlavičku, která při posouvání zůstává po ruce nebo se zmenší, aby nezabírala tolik místa.

Podobně se dá upravit horní i boční menu: velikost položek, rozestupy, zarovnání, barevné odlišení aktivní kategorie nebo vzhled rozbalovacích nabídek. Dlouhé názvy kategorií mohou dostat více prostoru a důležitá položka vlastní zvýraznění. Drobečkovou navigaci lze upravit či přesunout tak, aby zákazník snáze poznal, kde se nachází.

Samostatnou pozornost si zaslouží informační lišta. Oznámení o dovolené, termínu objednávek před Vánoci nebo aktuální akci může mít vlastní barvu, výšku, zarovnání i odkaz. Lištu lze podle potřeby zobrazovat jen v některých částech obchodu. Podívejte se na hlavičku a logo, menu a informační lištu.

Úvodní stránka, která ukáže to podstatné

Některému obchodu sluší velká úvodní fotografie. Jiný potřebuje zákazníka co nejrychleji dostat ke kategoriím a produktům. Přizpůsobit lze výšku slideru, podobu šipek a teček, čitelnost textu přes fotografii i styl bannerů. Na telefonu může úvod vypadat jinak než na velkém monitoru.

Měnit se dá také pořadí a vzhled sekcí, nadpisy, dlaždice kategorií nebo zvýraznění vybraného sortimentu. Dlouhý úvodní text lze po domluvě doplnit rozbalováním, aby produkty nebyly zbytečně daleko. Výhody obchodu mohou získat přehledné ikony a vlastní uspořádání. Příklady najdete v sekci Úvodní stránka.

Produktové karty: aby fotografie, název a cena spolu ladily

Ve výpisu produktů často rozhodují maličkosti. Různě dlouhé názvy rozházejí tlačítka, fotografie mají odlišné proporce a některé údaje zanikají. Upravit lze velikost a poměr stran obrázků, výšku karet, odsazení, rámečky, stíny i mezery mezi produkty.

Název může být čitelnější, cena výraznější a nákupní tlačítka zarovnaná do stejné výšky. Lze změnit počet produktů v řádku, některé údaje zjednodušit nebo doplnit jemné zvýraznění při najetí myší. U obrázků společně zvolíme takový způsob zobrazení, aby nechtěný ořez neschoval důležitou část výrobku.

Také tlačítka mohou mít vlastní barvu, tvar, velikost, písmo i ikonu. Hlavní akce může být výrazná, zatímco vedlejší volby zůstanou decentnější. Nejde přitom jen o „Do košíku“, ale i o filtry, stránkování, formuláře nebo pokračování v objednávce. Prohlédněte si karty produktů a úpravy tlačítek.

Detail produktu, kde zákazník najde odpovědi i cestu k nákupu

U produktu můžeme dát více prostoru fotografii, upravit náhledy galerie nebo přehledněji uspořádat část s cenou, dostupností, variantami a tlačítkem. Nákupní blok může dostat vlastní pozadí, rámeček nebo u vhodného rozložení zůstávat viditelný při posouvání.

Přizpůsobit lze výběr variant, velikost ovládacích prvků, vzhled záložek, souvisejících produktů i okna po vložení do košíku. Popis může mít lépe čitelné odstavce, výraznější nadpisy, přehledné seznamy a upravenou tabulku parametrů. U zakázkové výroby může dávat smysl jiné rozložení než u zboží připraveného k okamžitému odeslání.

Nemusíte mít celé zadání promyšlené. Úplně stačí napsat: „Zákazníci přehlížejí výběr varianty“ nebo „Potřebuji, aby byla fotka větší“. Od takové situace se dobře odvíjí konkrétní návrh. Další inspirace je v přehledu úprav detailu produktu.

Ceny, štítky a recenze, které se lépe čtou

Cena nemusí být utopená mezi ostatními údaji. Dá se upravit její velikost, tučnost, barva i umístění. Také původní a akční cena nebo měna mohou být přehledněji uspořádané. Štítky „Novinka“, „Akce“ či „Tip“ lze sladit se značkou, odlišit barvou a přesunout tam, kde nebudou překrývat výrobek.

Podobně se dají upravit hvězdičky a recenze: jejich velikost, barvy, rozestupy i umístění. Jednotlivé zkušenosti zákazníků mohou být ve vlastních kartách, s čitelnějším textem a lépe oddělenými údaji. U produktů bez recenzí lze řešit i zobrazení prázdného hodnocení. Měníme způsob prezentace, skutečné ceny a hodnocení přitom zůstávají zachované.

Projděte si ceny a štítky a hodnocení produktů.

Přehlednější košík a příjemnější vyplňování

V košíku už zákazník potřebuje hlavně klid a jasné informace. Upravit můžeme vzhled položek, velikost obrázků, ovládání počtu kusů, souhrn objednávky i zvýraznění celkové částky. Tlačítko pro pokračování by mělo být snadno rozpoznatelné a vybraná doprava či platba dobře viditelná.

Formuláře mohou mít větší pole, čitelnější popisky, pohodlnější přepínače a srozumitelně zvýrazněná chybná místa. Na počítači se některá pole dají uspořádat vedle sebe, na mobilu pod sebe. Stejnou péči mohou dostat kontaktní formuláře, přihlášení, registrace nebo odběr novinek.

Konkrétní možnosti ukazují sekce Košík a objednávka a Formuláře. U těchto úprav vždy záleží i na zachování správného fungování objednávky a všech potřebných údajů.

Na mobilu může být všechno poskládané jinak

To, co funguje na širokém monitoru, nemusí být pohodlné na telefonu. Proto lze pro mobil samostatně upravit velikost písma, okraje, mezery, výšku hlavičky, menu i pořadí prvků. Není nutné jen zmenšit celý počítačový vzhled.

Produkty mohou být po dvou vedle sebe nebo v jednom větším sloupci. Tlačítka mohou mít větší plochu pro dotyk, výběr variant více prostoru a důležitá nákupní akce zůstávat po ruce u spodního okraje. Široké tabulky se dají upravit pro pohodlné procházení a odstranit lze také nechtěné posouvání celé stránky do strany.

Někdy největší zlepšení přinese menší hlavička a několik lépe umístěných prvků. V sekci Mobilní zobrazení najdete inspiraci pro telefon i tablet.

Články a patička si zaslouží stejnou péči jako produkty

Poradna, příběh značky nebo návod k výrobku mohou vypadat stejně pečlivě jako zbytek obchodu. U článků lze upravit šířku textu, řádkování, nadpisy, obrázky, tabulky, citace i rámečky s tipy. Výpis článků může získat podobu přehledných karet s obrázkem a krátkým úvodem.

V patičce se zase dají lépe uspořádat kontakty, odkazy, sociální sítě a loga dopravců či platebních metod. Lze změnit počet sloupců, rozestupy a barevné ladění. Na telefonu mohou být jednotlivé části úspornější nebo rozbalovací. Podívejte se na Články a blog a Patičku.

Drobné detaily, které dodají webu osobitost

Jemné podtržení odkazu, lehké nadzvednutí karty, plynulá změna barvy tlačítka nebo decentní sezónní výzdoba mohou web příjemně oživit. Stejně tak lze sjednotit ikony, stíny, oddělovače, vzhled stránkování či nápovědy. Důležitý je i dobrý kontrast a viditelné označení prvku při ovládání klávesnicí.

Vzhled cookie lišty a jejího nastavení lze sladit s obchodem, aby nepůsobily jako cizí součást. Zachováme přitom srozumitelné volby a fungování souhlasů. U animací zase volíme intenzitu tak, aby pomáhaly orientaci a respektovaly nastavení omezeného pohybu.

Inspiraci nabízejí Animace a efekty, Drobné detaily a Cookie lišta.

Někdy nejvíc pomůže něco ubrat

Nemusíte vždy přidávat další obsah. Když vybraný prvek nepotřebujete, lze zvážit jeho skrytí nebo přesunutí. Například velký slider na mobilu, nepoužívaný blok na úvodu nebo část informací na produktové kartě. Úprava může platit pro celý web, určitou kategorii, jednotlivé produkty nebo jen konkrétní zařízení.

Společně vybereme, co má pro vaše zákazníky smysl. Potřebné informace a funkce zůstanou dostupné. Samotné skrytí prvku navíc neznamená odstranění jeho dat ani automatické zrychlení stránky. Příklady najdete v sekci Skrytí prvků.

Máte vlastní představu? Seznam úprav není hranice

Možná chcete něco, co v žádné kategorii uvedené není. To vůbec nevadí. Přehled je inspirace, nikoli uzavřený katalog. Jednotlivé úpravy lze kombinovat a připravit vlastní variantu podle vašeho sortimentu, zákazníků i stylu značky. Někdy jde o drobnost na jednom produktu, jindy o sladění celého obchodu.

U vzhledu a rozložení je prostor opravdu široký. Některé změny zvládne samotné CSS, jiné potřebují doplnit HTML, JavaScript nebo vhodnou funkci platformy. Třeba nahrávání fotografie, výpočet termínu doručení či přidání služby do objednávky už řeší i chování e-shopu. Takové příklady najdete v ukázkách doplňků.

Konkrétní provedení vždy ověřím podle vaší šablony, tarifu a možností vložení vlastního kódu. Úpravy vzhledu samy o sobě nemění serverové jádro platformy. Pokud nápad vyžaduje jiné řešení, vysvětlím vám možnosti a navrhnu další postup. Nemusíte to ale předem technicky rozlišovat — od toho jsem tady já.

Stačí popsat, co by vám udělalo radost

Pošlete mi adresu e-shopu a napište, co vám dnes nevyhovuje nebo jakou máte představu. Může to být jedna věta, označený snímek obrazovky i ukázka stylu, který se vám líbí. Nemusíte znát názvy prvků ani připravovat technické zadání.

Společně doladíme podobu úpravy a domluvíme postup. U vizuálních změn vám podle jejich povahy připravím náhled, abyste si výsledek dokázali představit. Hotový kód můžete vložit sami podle jednoduchého návodu. Pokud chcete vše nechat na mně, vytvoříte mi dočasný přístup pouze do sekce Design a nasazení zařídím včetně kontroly na počítači a telefonu.

Máte na svém e-shopu něco, co byste chtěli jinak? Napište mi. Rád s vámi projdu možnosti a připravím úpravu, která bude dávat smysl právě vašemu obchodu.