Shoptet na míru: kdy stačí doplněk a kdy potřebujete vlastní úpravu
Vlastní vzhled, doplňky i propojení se skladem mohou posunout e-shop dál. Ukážeme, jak rozlišit jednotlivé možnosti Shoptetu, připravit zadání a naplánovat úpravu, která bude fungovat i v běžném provozu.
Co znamená Shoptet na míru
Pod jedním označením se může skrývat sladění e-shopu s identitou značky, úprava produktové stránky i propojení se skladovým systémem. Každý z těchto úkolů zasahuje do jiné části řešení a má jiné podmínky.
Vzhled
Typografie, barvy, bannery, informační hierarchie a rozložení prvků. Zákazník má poznat značku a snadno se zorientovat.
Chování
Interakce, formuláře nebo pomoc s výběrem. U každé funkce se ověřuje, která část může běžet v prohlížeči a která potřebuje podporu platformy či další služby.
Propojení
Přenos produktů, objednávek nebo zákaznických údajů mezi systémy. Rozhodující jsou dostupná rozhraní, oprávnění a pravidla práce s daty.
Shoptet umožňuje individuální úpravy pomocí HTML, CSS a JavaScriptu. Rozsah zásahu je potřeba posoudit podle použité šablony a požadované funkce. Možnosti vkládání kódu popisuje oficiální dokumentace Shoptetu.
Vlastní vzhled neznamená neomezený přístup ke všem vnitřním funkcím e-shopu. Pokud zadání mění výpočet ceny, pravidla objednávky nebo zpracování dat, technickou proveditelnost ověřujeme před návrhem finálního řešení.
Kdy stačí nastavení a kdy přichází vývoj
Nejdříve projdeme současné nastavení a existující možnosti. Vlastní programování dává smysl tam, kde přináší potřebnou funkci nebo řeší konkrétní omezení. Následující přehled pomáhá určit, co prověřit jako první.
| Co potřebujete | Co prověřit nejdříve | Rozhodující otázka |
|---|---|---|
| Změnit obsah, navigaci nebo základní vzhled | Nastavení a možnosti současné šablony. | Lze cíle dosáhnout dostupnými prvky? |
| Doplnit běžnou funkci | Podporovaný doplněk pro daný účel. | Zvládne i vaše varianty a výjimky? |
| Vytvořit vlastní prezentaci či interakci | Úpravu šablony a kódu na straně prohlížeče. | Stačí změna zobrazení a ovládání? |
| Přenášet data mezi systémy | Existující konektor nebo dostupné API. | Umožňuje rozhraní potřebné čtení i zápis? |
| Zásadně změnit obchodní logiku | Technickou analýzu možností platformy a návazných služeb. | Kde budou pravidla spolehlivě vyhodnocována? |
Výsledkem může být kombinace několika cest. E-shop například využije existující propojení skladu, vlastní grafické zpracování a menší úpravu výběru variant. Jednotlivé části mají mít srozumitelně rozdělenou odpovědnost.
Úprava Shoptet šablony začíná nákupní cestou
Úvodní stránka je jen jedna část e-shopu. Návštěvník může přijít z vyhledávání nebo reklamy rovnou na produkt. Návrh proto musí počítat s kategoriemi, detailem výrobku, košíkem i návazností objednávkového procesu v možnostech platformy.
U produktové stránky řešíme zejména čitelnost názvu, fotografie, výběr varianty, dostupnost, cenu a cestu k objednání. Podle sortimentu doplňujeme parametry, velikostní tabulky nebo vysvětlení použití. Stejnou pozornost potřebuje zobrazení na telefonu.
Konkrétní zadání pro design
„Na mobilu lidé přehlížejí volbu velikosti a ptají se na ni podpoře.“ Takový problém lze ověřit, navrhnout jeho řešení a po úpravě sledovat. Zadání „chceme modernější e-shop“ potřebuje nejdříve zpřesnit.
Barvy, písma a fotografie mají navazovat na značku. Pokud podklady chybějí nebo si odporují, pomůže nejprve sjednotit jejich pravidla. Této přípravě se věnujeme v článku Tvorba loga firmy a vizuální identity.
Jak poznat, že doplněk skutečně vyřeší zadání
Shoptet doplňky mohou pokrýt hotovou funkci i napojení na další službu. Před výběrem nestačí podobný název v katalogu. Potřebujete ověřit konkrétní scénář a souběh s tím, co už e-shop používá.
- Funkční rozsah: zvládá doplněk potřebné varianty, jazykové verze a zákaznické skupiny?
- Kompatibilita: funguje s vaší šablonou a dalšími zásahy do stejné části stránky?
- Správa: umí tým upravit obsah bez opakovaného zásahu vývojáře?
- Provoz: kdo řeší chybu a jaké jsou podmínky podpory?
- Data: kam se ukládají, kdo k nim má přístup a jak je získáte při ukončení služby?
- Náklady: co zahrnuje předplatné a které navazující služby se platí samostatně?
Pro zkoušku připravte běžnou objednávku i méně obvyklé situace. U prodejní akce to může být kombinace s existující slevou, změna varianty nebo zákazník přihlášený do jiné cenové skupiny. Tady se projeví, zda doplněk odpovídá skutečnému provozu.
Když vzhled formuláře a pravidla nabídky řeší různé věci
Představme si modelový příklad: e-shop chce nabídnout uvítací slevu po vyplnění formuláře. Design okna, texty a jeho chování jsou jedna část zadání. Podmínky vydání a použití kuponu tvoří další samostatnou část.
Co zákazník vidí
Kdy se nabídka zobrazí, jak se zavře, jak vypadá na telefonu a jak vysvětlí případnou chybu. Okno má být ovladatelné také klávesnicí a nemá blokovat potřebné kroky nákupu.
Co musí ověřit systém
Komu kupon náleží, zda je platný, na které produkty se vztahuje a s čím se může kombinovat. Samotný vzhled formuláře tyto podmínky nezajistí.
Pravidlo „jedna sleva pro jednoho zákazníka“ navíc potřebuje přesnou definici zákazníka a způsob ověření. Omezení uložené pouze v prohlížeči nemá stejný význam jako kontrola použití kuponu v objednávce. Zadání proto popisuje očekávaný výsledek i způsob jeho vynucení.
Pokud hotový nástroj pokrývá oba úkoly, může stačit jeho nastavení. Vlastní úprava je vhodná až pro chybějící část, jejíž proveditelnost máme ověřenou.
Shoptet, sklad, účetnictví a další systémy
U integrace nejprve určujeme, který systém je zdrojem správných dat. Například kde se mění skladová zásoba, kdo spravuje popis produktu a kam se předává objednávka. Bez tohoto rozdělení mohou různé služby přepisovat stejnou hodnotu.
API je rozhraní pro komunikaci mezi systémy. U Shoptetu se způsob přístupu liší podle zvoleného řešení: integrace mohou fungovat přes doplňky, zatímco Private API je součástí Shoptet Premium. Potřebné operace a oprávnění ověřujeme pro konkrétní e-shop; dostupnost jednoho rozhraní automaticky nepotvrzuje celé zadání.
Počítejte i s přerušeným přenosem
Když druhý systém chvíli neodpovídá, musí být jasné, zda se přenos zopakuje, jak zabrání vzniku duplicitní objednávky a kdo uvidí nevyřešenou chybu. Tyto situace patří do návrhu i testování integrace.
Jak postupujeme při úpravě e-shopu
Projdeme současný stav
Zmapujeme šablonu, doplňky, vlastní kód a problém, který chcete vyřešit. U každé úpravy určíme, kde se projeví a podle čeho poznáme správný výsledek.
Navrhneme rozsah a podobu
Rozdělíme práci na nastavení, design, programování a případné propojení. Důležité obrazovky připravíme pro počítač i telefon a technicky nejisté části ověříme předem.
Připravíme a otestujeme řešení
Úpravy nejprve ověříme v dostupném náhledu nebo testovacím prostředí. Kontrolujeme výběr produktu, ceny, košík, dokončení objednávky i souběh s ostatními doplňky podle dotčeného rozsahu.
Spustíme a předáme
Domluvíme postup nasazení a možnost vrátit změnu při problému. Předáme přehled úprav, pokyny ke správě a odpovědnost za jejich další údržbu.
Vlastní kód potřebuje správce také po spuštění. Shoptet ve své dokumentaci individuálních úprav uvádí, že podpora platformy s úpravami HTML, CSS a JavaScriptu nepomáhá. Návazné kontroly po změnách šablony je proto vhodné domluvit s dodavatelem úpravy.
Přínos posuzujeme podle původního cíle: zda se lidé lépe orientují, dokončují daný krok nebo zda ubývá dotazů na podporu. Při porovnávání výsledků zohledňujeme také změny návštěvnosti, kampaní a sortimentu.
Co potřebujeme pro individuální nacenění
Pro první konzultaci pomůže adresa e-shopu, používaný tarif a šablona, seznam souvisejících doplňků a stručný popis požadované změny. Připojte konkrétní stránku nebo příklad situace, která dnes nefunguje podle představ.
- Kdo má funkci používat a co má být výsledkem?
- Kterých stránek, jazyků nebo produktových variant se změna týká?
- Existuje vizuální identita a jsou připravené texty či fotografie?
- Má e-shop předávat data další službě?
- Kdo spravuje současné úpravy a schvaluje nové?
- Jaký termín je důležitý a co může následovat v další etapě?
Rozsah nabídky ovlivňuje počet šablon stránek, složitost chování, dostupnost integrací, testování i následná správa. Samostatně vyjasníme případné průběžné platby za doplňky a externí služby. Princip rozdělení projektu na konkrétní výstupy popisuje také článek Web na míru: co ovlivňuje cenu a jak vzniká rozpočet.
V HONEWA propojujeme návrh značky a digitálního prostředí. Možnosti spolupráce najdete mezi našimi online službami včetně Shoptetu, ukázky digitálních projektů v online referencích.
Nejčastější otázky
Lze upravit Shoptet bez změny platformy?
Řadu požadavků lze vyřešit nastavením, doplňkem nebo vlastní úpravou vzhledu a chování. Nejdříve posoudíme konkrétní zadání a možnosti současného e-shopu.
Je lepší doplněk, nebo programování na míru?
Záleží na funkci a podmínkách provozu. Doplněk dává smysl, pokud pokryje potřebné scénáře a má vyhovující podporu. Vlastní vývoj řeší přesně vymezenou potřebu a vyžaduje dohodnutou údržbu.
Potřebujeme pro vlastní design Shoptet Premium?
Individuální úpravy vzhledu lze provádět i na běžných šablonách. Potřebu Premium posuzujeme podle konkrétního rozsahu a technických požadavků. Samotný požadavek na barvy, typografii nebo vlastní bannery o volbě tarifu nerozhoduje.
Můžete upravit jen produktovou stránku?
Ano, rozsah může zahrnovat konkrétní část e-shopu. Současně prověříme návaznost na varianty, košík a další dotčené prvky, aby lokální změna fungovala v celé nákupní cestě.
Kdo se stará o vlastní úpravy po spuštění?
Správu domlouváme jako součást předání nebo navazující spolupráce. Má být jasné, kdo řeší chyby, kontroluje kompatibilitu a eviduje provedené změny.
Jak získáme cenu úpravy Shoptetu?
Pošlete odkaz na e-shop a popis požadovaného výsledku. Projdeme technické možnosti, obsah a návazné služby a připravíme individuální rozsah a nezávazné nacenění.
Potřebujete Shoptet přizpůsobit své značce a provozu?
Pošlete nám adresu e-shopu a popište, co chcete zlepšit. Projdeme design, funkce i technické možnosti a navrhneme rozsah spolupráce.
Požádat o nezávazné nacenění