Zákazník sestaví návrh
Text, písmo, tvar, materiál, gravírování. Editor hlídá výrobní limity, takže nepustí dál návrh, který by nešel vyrobit.
Konfigurátor pro e-shopy na Upgates
Konfigurátor se vloží přímo do detailu produktu. Zákazník napíše jméno, vybere písmo, tvar a materiál — a při vložení do košíku vznikne na serveru výrobní SVG a náhled, které se připojí k objednávce. Cenu i košík počítá dál Upgates.
Běží v ostrém provozu na dekona.cz Bez zásahu do košíku a plateb Instalace vložením dvou řádků do šablony
Živé demo
Stejný kód, který běží na e-shopu. Napište jméno, přehoďte písmo, přidejte tvar — rozměr v milimetrech i účtovaná plocha se přepočítají stejně jako u zákazníka.
Demo · košík je jen naoko, objednávka nevznikne
Načítám konfigurátor…
Demo je napojené na skutečný backend, takže „Do košíku“ opravdu vyrobí výrobní SVG i náhled — jen je nemá kam odeslat. Žádná objednávka nevzniká a nic se neúčtuje.
Cesta jedné objednávky
Konfigurátor nemá vlastní košík ani vlastní platby. Vyrobí podklady, vyplní jimi nativní pole e-shopu a zbytek nechá na Upgates.
Text, písmo, tvar, materiál, gravírování. Editor hlídá výrobní limity, takže nepustí dál návrh, který by nešel vyrobit.
Ze zadání, ne z prohlížeče: cesty se počítají znovu z vlastního katalogu tvarů a fontů. Výsledkem je řezací SVG a PNG náhled.
Materiál, soubory, poznámka se souhrnem a účtovaná plocha se vyplní do polí, která už v e-shopu jsou.
Konfigurátor částku jenom čte a zobrazuje. Z prohlížeče se cena podvrhnout nedá, protože ji nikdo neposílá.
Co umí
Ozdobná, bezpatková i výrazná. Všechna pod licencí OFL a s ověřenými háčky a čárkami — písmo, které neumí „ř“, se do nabídky nedostane.
Podklady, ozdoby, geometrie. Nekreslí se ručně: generují se z geometrického popisu, takže kolečko je skutečný kruh a celá sada se dá hromadně upravit.
Dvě operace v jednom souboru, rozlišené barvou vrstvy. Gravírování musí ležet na materiálu — widget varuje a backend to přesně ověří.
Překrývající se text a podklad se na serveru sloučí booleanem do jedné kontury. Bez toho by v místě překryvu zůstal řez, který tam nepatří.
Přes nativní měrnou jednotku Upgates. Konfigurátor pošle počet cm², e-shop je vynásobí jednotkovou cenou — částka nikdy neprochází prohlížečem.
Zápich, přání, medaile. Co se zákazníkovi zobrazí, určuje hodnota vlastního pole u produktu — nový typ nepotřebuje zásah do widgetu.
Rozdělaný návrh se dá poslat odkazem — na schválení kolegovi nebo zákazníkovi, který si to chce rozmyslet do zítra.
Geometrie je interně vždy v mm, nikdy v pixelech. Co zákazník vidí jako 17,8 × 11,4 cm, to výroba dostane na papíře.
Výstup
Operace se v souboru nerozlišují vrstvami ani názvy, ale barvou tahu — tak, jak to čtou řezací plotry. Gravírování je v souboru před prořezem, protože v jiném pořadí by se materiál pohnul.
V administraci objednávky
Připojené k položce objednávky přes nativní souborovou konfiguraci. Stáhnete a otevřete v grafickém programu jako každý jiný soubor.
Materiál, rozměr, texty, písma, tvary a otisk souboru — čitelně, bez nutnosti cokoli rozklikávat. Bez souhrnu se produkt do košíku vůbec nevloží.
Na výrobní SVG i na PNG náhled, s platností 120 dní. Výroba se k podkladům dostane i tehdy, kdyby se příloha nenahrála.
Náhled, materiál, text a plocha zvlášť v pojmenovaných konfiguracích, takže se dají vypsat v e-mailu i v detailu objednávky bez parsování poznámky.
Než se to zapne
Nastavení je na půl hodiny v administraci a projdu ho s vámi. Tohle jsou podmínky, které se nedají obejít — projděte si je dřív, než se ozvete.
svg_configurator,
jehož hodnota určuje typ konfigurátoru. Prázdné pole znamená běžný produkt
bez konfigurátoru.
Nesplňujete něco z toho? Napište mi to rovnou v poptávce. U šablony i doplňků se dá skoro vždy něco udělat, jen je lepší to vědět předem než v půlce nasazení.
Reference
Konfigurátor běží v ostrém provozu na dekona.cz, kde si zákazníci sestavují dortové zápichy, přání a medaile. Tři typy produktů, jeden kód, jedna administrace.
Celé nasazení je popsané v dokumentaci projektu včetně toho, co se během něj ukázalo jinak, než jsme čekali — od chování souborových polí v e-shopu po pořadí operací ve výrobním souboru.
Kdo za tím je
Konfigurátor jsem navrhl a napsal celý sám — od geometrie a generování výrobních souborů po integraci do e-shopu. Nejsem agentura: mluvíte s tím, kdo to i píše, a odpověď na „jde tohle udělat jinak?“ dostanete rovnou.
Nasazení dělám od začátku do konce: nastavení v administraci projdeme společně, vložení do šablony i testovací objednávku beru na sebe.
Čím je to postavené
Editor · Preact + Vite, jeden verzovaný bundle
Backend · Hono na Vercel Functions
Data · Supabase Postgres, Vercel Blob
Geometrie · opentype.js, PathKit, sharp
Testy · Vitest a Playwright, desktop i mobil
Cena
Implementace jednorázově
Nastavení v administraci, vložení do šablony, katalog tvarů a písem podle vašeho sortimentu, testovací objednávka. Cenu určuje hlavně to, kolik typů produktů a tvarů budete chtít.
Provoz měsíčně
Běh backendu, úložiště výrobních souborů, aktualizace a drobné úpravy. Zahrnuje i to, že se ozvu já vám, když se něco v e-shopu změní tak, že by to konfigurátor rozbilo.
Konkrétní částku pošlu do dvou pracovních dnů podle toho, co budete potřebovat. Napište mi rozsah a odkaz na e-shop — z toho se to dá odhadnout přesně.
Poptávka
Stačí pár vět o tom, co si má zákazník nastavovat. Ozvu se do dvou pracovních dnů s tím, jestli to dává smysl a co by to obnášelo.