E-commerce, energetická řešení

Přechod ze zastaralé šablony Shopify 1.0 na moderní Shopify OS 2.0

E-shop Ecoflow.cz nabízí moderní řešení v oblasti energetiky. Pro udržení kroku s dynamickým růstem značky a trhu potřeboval e-shop technologický upgrade, který by zajistil kvalitní uživatelský zážitek a výrazně zjednodušil interní správu celého webu.

Přečíst studii nahlas hlas prohlížeče

Klient: Ecoflow.cz
Obor: E-commerce, energetická řešení
Služba: Migrace Shopify šablony
Technologie: Shopify OS 2.0Shopify Markets

0výpadků prodeje při přechodu na novou šablonu

+3nové funkce: hlídací pes, předobjednávky, samoobslužné storno

Shrnutí

E-shop Ecoflow.cz běžel na zastaralé šabloně Shopify 1.0 a každá změna designu vyžadovala programátora. Přes staging jsme ho převedli na Shopify OS 2.0 bez výpadku prodeje, zjednodušili košík, opravili měny pro Slovensko a doplnili nové funkce: web si klient upravuje sám.

Šablona běží v existující administraci, data nebylo nutné přesouvat.
Shopify Markets a geolokace zastavily nechtěné přepínání měny na koruny.
Tlačítko Do košíku přímo v kategoriích, funkční vyhledávání a přehlednější navigace.

Proces

Jak to fungovalo dřív a jak teď

Šablona Shopify 1.0 bez podpory OS 2.0 Nová šablona Shopify OS 2.0
Úpravy webu Každá změna přes programátora Klient obsah přeskládá sám
Košík Slevový kód až v pokladně Boční panel s polem pro slevový kód
Měna pro SK Nechtěné přepnutí na koruny Shopify Markets a geolokace

DříveE-shop běžel na zastaralé šabloně a i drobná změna designu nebo obsahu čekala na programátora.

NyníNa Shopify OS 2.0 klient spravuje vzhled webu sám a nové funkce jsou napojené přes aplikační bloky.

Výzva

Klient se na nás obrátil s jasným problémem: e-shop běžel na zastaralé šabloně, která nepodporovala moderní standard Shopify OS 2.0. V praxi to znamenalo, že byl web z pohledu úprav neflexibilní. Klient si nemohl sám přeskládat obsah stránek, rychle přidat marketingový banner nebo upravit detail produktu.

Každá, i ta nejmenší změna designu vyžadovala zásah programátora. To firmu výrazně brzdilo a zbytečně prodražovalo běžný provoz e-shopu. Hlavní cíle projektu proto byly:

Přejít na novou šablonu s plnou podporou Shopify 2.0
Šablonu kompletně nastavit a vylepšit její vizuální podobu
Implementovat a otestovat nové funkce bez jakéhokoliv výpadku prodeje

Řešení

Postup krok za krokem

Přechod na novou šablonu Shopify OS 2.0

V rámci projektu jsme vybrali a nainstalovali novou šablonu. Součástí úprav bylo nastavení podle vizuální identity značky, rekonstrukce hlavního menu (včetně obrázků produktových řad) a přeskládání sekcí na úvodní stránce. Celý proces proběhl v existující administraci bez nutnosti přesouvat data.

Využili jsme testovací (staging) prostředí, díky čemuž jsme e-shop plynule překlopili na novou verzi bez výpadku. Klient tak získal přístup k moderním funkcím Shopify bez narušení webu.
Optimalizace košíku a pokladny

Nákupní košík jsme zjednodušili a doplnili o boční panel (cart drawer). Po přidání produktu se nyní zákazníkovi ihned zobrazí přehled zboží, aniž by musel opustit stránku. Pro snazší nákup jsme rovnou do košíku přidali pole pro slevový kód, aby ho zákazníci nemuseli složitě hledat až v samotném checkoutu. Upravili jsme také zobrazení platebních metod a přejmenovali dobírku na srozumitelnější „Platbu při převzetí“.
Mezinárodní obchod — měny a Shopify Markets

Slovenští zákazníci se dříve potýkali s nechtěným přepínáním měny na české koruny. Tento problém jsme úspěšně vyřešili správnou konfigurací nástroje Shopify Markets, geolokace a přepínače měn v hlavičce webu.

Narazili jsme však i na technický limit platformy: klient chtěl zprovoznit přenesení daňové povinnosti (reverse charge) pro slovenské B2B zákazníky. Vzhledem k tomu, že Shopify aktuálně umožňuje ověření DIČ až v pokladně, a dostupné externí aplikace nenabídly stoprocentně spolehlivé řešení, zůstává tato funkce otevřená pro budoucí přechod na vyšší tarif Shopify Plus.
Rozšíření funkcí e-shopu a zákaznický self-service

Do e-shopu jsme nasadili aplikace, které chytře rozšiřují jeho funkčnost. Integrovali jsme řešení pro „hlídacího psa“ (upozornění na naskladnění) a systém pro předobjednávky. Přidali jsme také nástroj, který zákazníkům umožňuje jednoduše a samoobslužně stornovat objednávku. Všechny tyto prvky jsme pomocí aplikačních bloků hladce propojili s novou šablonou.
Vylepšení uživatelské zkušenosti (UX) napříč webem

Na stránkách kategorií jsme rovnou do přehledu produktů přidali tlačítko „Přidat do košíku“, což zákazníkům šetří čas. Opravili jsme nefunkční vyhledávání a vylepšili navigaci – kliknutí na hlavní kategorii nyní přehledně zobrazí veškeré produkty, které pod ni spadají. Celkově tyto úpravy výrazně zpříjemnily a zkrátily cestu k nákupu.

Výsledek

Zákazníkovi jsme předali kompletně novou, důkladně otestovanou šablonu s moderním designem a pokročilými funkcemi, kterou jsme nasadili bez jakéhokoliv přerušení prodejů.

Editace webu bez programátora
Moderní funkce na míru
Lepší UX a kratší nákupní cesta
Migrace s nulovým výpadkem

Reference jiného klienta

S Lukášem jsem měl možnost pracovat v rámci svých projektů. Vřele doporučuji, Lukáš je odborník na e-commerce.

Petr Markovič, CMO, emclient.com

Závěr

Přechod na Shopify OS 2.0 vrátil klientovi plnou kontrolu nad e-shopem. Už nepotřebuje programátora na každou drobnou úpravu a vzhled webu si nyní spravuje snadno sám. I přes určité limity se nám podařilo z platformy vytěžit maximum a postavit moderní, spolehlivé řešení. Projekt s Ecoflow pro nás byl navíc skvělou příležitostí vyzkoušet si pokročilejší integrace a posunout tak i naše vlastní technologické know-how.

Časté otázky

Jak přejít ze staré Shopify šablony na Shopify OS 2.0 bez výpadku e-shopu?

U Ecoflow.cz jsme novou šablonu připravili v testovacím (staging) prostředí a e-shop na ni plynule překlopili. Vše proběhlo v existující administraci bez přesunu dat a bez přerušení prodejů.

Co přinese Shopify OS 2.0 oproti starší šabloně?

Hlavně možnost upravovat obsah bez programátora: přeskládat sekce, přidat banner nebo upravit detail produktu. Ecoflow.cz si dnes vzhled webu spravuje sám a nové funkce, jako hlídací pes nebo předobjednávky, jsou napojené přes aplikační bloky.

Jak v Shopify vyřešit přepínání měny pro slovenské zákazníky?

U Ecoflow.cz jsme nechtěné přepínání na české koruny vyřešili konfigurací Shopify Markets, geolokace a přepínače měn v hlavičce. Reverse charge pro slovenské B2B zákazníky zatím spolehlivě nejde, protože Shopify ověřuje DIČ až v pokladně, a zůstává otevřený pro Shopify Plus.