Jak stavíme e-shopy
Tvorba e-shopu začíná otázkou,
kde v projektu leží riziko.
Volba mezi hotovou platformou a e-shopem na míru se obvykle řeší jako otázka vkusu. Není to otázka vkusu. Je to otázka toho, kde se tenhle konkrétní projekt nejspíš pokazí: jestli v logice objednávky, nebo v tom, že zákazník nepochopí, co kupuje. Odpověď určuje všechno ostatní.
Krátká verze: u e-shopu s netriviálním skladem, cenovými hladinami nebo napojením na výrobu píšeme vlastní řešení. U e-shopu s běžnou objednávkou a produktem, který se musí vysvětlit, stavíme šablonu na míru na Shoptetu nebo Upgates a ušetřené peníze dáme do struktury a obsahu. Dlouhá verze následuje.
- 01
Rozhodnutí: platforma, nebo na míru
Rozhodujeme podle jediné otázky: kde se projekt nejspíš pokazí. U e-shopu s tisíci položkami, netriviálním skladem, cenami podle zákazníka nebo napojením na výrobu leží riziko v logice objednávky a vlastní řešení bývá levnější než ohýbání platformy. U e-shopu s běžnou dopravou a platbou a produktem, který se musí vysvětlit, leží riziko v obsahu, a platforma vyřeší provoz za zlomek ceny. Existuje na to levný test, který dáváme každému, kdo váhá: sepište všechny stránky, které web musí mít, nejen kategorie, ale i rozcestníky, průvodce a segmentové stránky, a zkuste je na papíře navrhnout do zvolené platformy. Když se vejdou, je rozhodnuto. Když se dvě nebo tři nevejdou, víte to dřív, než se začne stavět, a ne po třech měsících.
- 02
Šablona na míru na Shoptetu a Upgates
Když vyjde platforma, nestavíme z hotové šablony s vyměněnými barvami. Šablonu píšeme uvnitř platformy od návrhu, takže web vypadá jako váš a ne jako tisíc jiných. Platforma přitom pokrývá věci, které se v každém vlastním e-shopu píší znovu a pak se roky udržují: objednávkový tok včetně stavů, na které si při psaní od nuly vzpomenete až v provozu, napojení na dopravce a platební brány, které se mění bez vás, sklad a varianty s administrací, kterou klient zvládne sám, faktury a právní texty a provoz se zálohami, za který někdo ručí smluvně. Nic z toho není zajímavá práce a všechno to musí fungovat. Ušetřené peníze jdou tam, kde se o výsledku opravdu rozhoduje. Přesně takhle vznikl e-shop pro Rebon.
- 03
Kde uzavřená platforma narazí
Cena za rychlost je v tom, že možnosti šablony jsou dané. To není výtka, to je definice, a je lepší vědět, kde ta hranice vede, než ji objevit v půlce stavby. Datový model je hotový: produkt má parametry, varianty a kategorie v podobě, kterou platforma umí, a entitu, která tomu neodpovídá, jde nasimulovat, ne vymyslet. Obsahové stránky nejsou produkty: vejdou se, ale chovají se jinak než kategorie a musí se na to myslet při návrhu. Výkon není zcela ve vašich rukou, protože část kódu patří platformě. Výstupy jako sitemapa, feedy nebo strukturovaná data mají tvar, v jakém je platforma generuje; doplnit jde leccos, přepsat od základu obvykle ne. A odchod stojí práci: obsah vyvezete, šablona zůstane tam, kde vznikla.
- 04
Vlastní e-shop, když se platforma nevejde
Vlastní řešení stavíme v Next.js a Node.js stejně jako weby: předrenderované stránky, vlastní datový model, administrace podle toho, kdo s ní bude pracovat. Dává smysl tam, kde platforma překáží: konfigurátor nebo poptávkový tok místo běžného košíku, ceny a dostupnost podle zákaznické skupiny, napojení na výrobu, sklad nebo ERP, rozsáhlé filtrování podle vlastností, které platformní parametry neumí, nebo B2B rozhraní vedle běžného prodeje. Počítejte s tím, že si pak košík, platby a dopravu udržujete sami. Proto do vlastního řešení jdeme jen tehdy, když pro to existuje důvod silnější než estetika.
- 05
Produktová data, feed a srovnávače
U produktové reklamy rozhodují o výkonu data ve feedu víc než nastavení kampaně, takže feed řešíme při stavbě, ne až když se spustí reklama. Znamená to názvy a popisy psané pro člověka, který teprve hledá, ne interní označení ze skladu, správné kategorie a parametry, identifikátory výrobce, ceny a dostupnost, které sedí s webem, a vlastní štítky, podle kterých se dá reklama členit podle marže. Jeden feed pak obsluhuje Google Merchant Center, Zboží.cz, Heureku i Glami, protože čtou v podstatě tatáž data s jinými požadavky na pole. Chyba se projeví na všech kanálech naráz, a stejně tak oprava.
- 06
Měření, spuštění a migrace
E-shop odevzdáváme s GTM, GA4 a Consent Mode v2 nastaveným dřív, než se spustí jakýkoli tag, s vlastní cookie lištou bez licence za doménu a s e-commerce událostmi v jednotných názvech, na které může agentura rovnou navázat kampaně. Pak ověřujeme to, na čem záleží nejvíc: že objednávky v analytice sedí s objednávkami v administraci. Kde to potřeba, přidáme serverové měření. Když se stěhuje starý e-shop, připravíme mapu přesměrování po jednotlivých adresách dřív, než se přepne doména, protože u e-shopů se pozice ztrácejí rychle a vracejí pomalu. Strukturu navrhujeme podle toho, co lidé hledají, tedy podle fáze zákazníka, ne podle členění skladu.
Co dostanete
Co dostanete při předání
- Repozitář nebo šablonu a dokumentaci vedenou na vás
- Přístupy k doméně, platformě a službám na vaše jméno
- Feed ověřený v Merchant Center i na srovnávačích
- Sitemap, strukturovaná data a přesměrování ověřená v Search Console
- GA4 s e-commerce událostmi odsouhlasené proti administraci
- Zaškolení v administraci a návod na běžné úpravy
Co neděláme
Co neděláme
- Nedoporučujeme vlastní e-shop tam, kde platformu stačí dobře postavit.
- Nestavíme na hotové šabloně s vyměněnými barvami a logem.
- Nespouštíme e-shop bez ověření, že objednávky v analytice sedí s administrací.
- Nestěhujeme e-shop bez mapy přesměrování připravené dopředu.
Související projekty
Produkty, které denně provozujeme

Rebon: e-shop na filtraci vody od značky po objednávku
Nová značka, nový e-shop. Od loga přes návrh a stavbu na Upgates až po obsah, který vysvětlí technický produkt a dovede zákazníka k sestavě, která sedí na jeho vodu.

AI Toolkit: pět nástrojů zdarma
Web s pěti deterministickými nástroji pro viditelnost v AI a kontrolu feedů. Node.js a SQLite bez build kroku, 30 testů, ochrana proti SSRF.

Chci PPC: vzdělávací web v sedmi jazycích
Knihovna článků a kalkulačka rozpočtu s modelem reklamní odezvy. Next.js, sedm jazyků, lokalizované slugy, generované OG obrázky, RSS a llms.txt.
Kontakt
Máte projekt? Napište nám.
Pár vět o tom, co řešíte, stačí. Ozveme se do jednoho pracovního dne s otázkami a návrhem postupu.