CASE / 03Konfigurátor potlače tričiek

2025

Integrácia do Shopify·2025

Cenová ponuka za 30 sekúnd. Predtým to bolo 15 minút.

Custom konfigurátor potlače tričiek integrovaný priamo do Shopify katalógu klienta. Zákazník si vyberie tričko, nahrá motív, dostane okamžitú cenu pre dané množstvo a metódu potlače. Pravidlá a ceny nastavuje klient v Shopify admine. Objednávka ide štandardným Shopify checkoutom.

/ ROLE

frontend · pricing engine · integrácia do Shopify

/ STACK

Next.js · TypeScript · Shopify Storefront API

/ ROZSAH

~6 týždňov · fix-cena projekt

/ NASADENIE

embed do Shopify produktovej stránky

FIG-01 · KONFIGURÁTOR · NÁHĽAD

Shopify · product page

●shop.example.com/products/tricko

Shopify · product page

VIEWPORT · FRONT · 1.0x

ZOOM ⌘+/⌘-

PRINT AREA · A4 · 210 × 297 mm · DTG

FARBA

Krok 2 / 4 · Materiál

Bavlna 180g0,00 €

Bavlna 220g+ 1,20 €

Bio bavlna 200g+ 2,40 €

Tech Dryfit+ 3,60 €

Počet ks

Tričko · 50 × 10,10 €505,00 €

DTG potlač A4+ 225,00 €

DPH 23%167,90 €

Spolu897,90 €

01Pred a po

výsledok integrácie konfigurátora

15 minút →
30 sekúnd.

/ PRED

15:00

min · per ponuka

01 → Zákazník napíše email s požiadavkou
02 → Obchodník otvorí Excel kalkulačku
03 → Volá výrobu, overuje dostupnosť
04 → Pošle spätný email s PDF
05 → Zákazník chce zmenu motívu / množstva
06 → Opakuj 02–05

/ PO

00:30

sek · per ponuka

01 → Zákazník otvorí konfigurátor
02 → Vyberie tričko, farbu, metódu potlače
03 → Nahrá motív (PNG / SVG / PDF)
04 → Vidí cenu real-time pre dané množstvo
05 → PDF ponuka v emaili na klik
06 → Obchodník dostane lead pripravený na uzavretie

02Kontext

situácia · prístup · výsledok

/01Situácia

Štandardné Shopify varianty nestačili.

Klient predáva potlač tričiek cez Shopify. Štandardný produktový selector v Shopify (size + color) nepokrýval reálnu kombinatoriku — strih, farba, metóda potlače, motív zákazníka, množstvo. Cena závisela od kombinácie a vyžadovala vlastnú logiku.

/02Prístup

Custom frontend nad Shopify.

Postavili sme samostatný konfigurátor v Next.js a embedovali ho do Shopify produktovej stránky. Pravidlá (materiály, metódy potlače, ceny, tiery) sú nastaviteľné v Shopify admine. Vygenerovaný variant sa pridá do Shopify košíka a ide štandardným checkoutom.

/03Výsledok

Konfigurácia do košíka za 30 sekúnd.

Zákazník si poskladá produkt sám, cena sa dopočíta real-time, klik pridá variant do Shopify košíka. Klient mení ceny a pravidlá priamo v Shopify admine — bez programátora.

03Čo sme postavili

5 oblastí

/01

Pricing engine

Custom logika — materiál × metóda potlače × množstvo × prirážky × tiery. Real-time prepočet pri každej zmene konfigurácie.

/02

Upload motívu

Validácia formátu, rozlíšenia, farebnosti. Detekcia priesvitnosti pre DTF metódu. Upload sa pripojí k objednávke ako produktový artefakt.

/03

Embed do Shopify

Konfigurátor sa renderuje priamo v Shopify produktovej stránke (cez script + theme block). Konfigurácia + hash motívu sa pridá ako line item properties do Shopify košíka.

/04

Nastavenia v Shopify

Materiály, ceny, metódy potlače a tiery sú metafields v Shopify admine. Klient ich mení sám — bez programátora pre 90 % bežných zmien.

/05

Checkout & objednávka

Žiadny vlastný checkout. Štandardný Shopify checkout, štandardná správa objednávok, štandardné integrácie klienta (sklad, účtovníctvo, doprava).

04Súvisiace segmenty

iný typ problému

→ 01

Potrebujete konfigurátor pre váš produkt?

/konfiguratory →

→ 02