Priručnik

Kako koristiti Fittle – od ugradnje na web do krojne liste.

Upute za stolare i kuhinjske studije te za kupce koji koriste konfigurator. Ugradnja na web opisana je u zasebnim uputama za instalaciju.

1. Početak

Fittle ima dvije strane: konfigurator, koji vaši kupci koriste na vašem webu (ili na hostanoj stranici app.getfittle.com/s/vase-ime), i račun stolara na app.getfittle.com/carpenter/, gdje vidite upite, 3D preglede, postavljate integraciju i pišete podršci.

  1. Račun nastaje odabirom paketa u cjeniku (Pro do 1 000 upita mjesečno, Business do 10 000) – nakon registracije, potvrde e-pošte i plaćanja karticom konfigurator je aktivan.
  2. Prijavite se na app.getfittle.com/login/ – e-poštom (poveznica), SMS kodom ili lozinkom, ako ste je postavili.
  3. U računu ćete naći svoj ključ za ugradnju (FITT-XXXX-XXXX-XXXX) i gotov isječak koda. Ugradnju na web (WordPress, Wix, Shopify, vlastiti HTML) opisuju upute za instalaciju.
  4. Nemate web? Pošaljite kupcima poveznicu na hostanu stranicu – radi jednako.
Ključ i domena. Ključ za ugradnju vidljiv je u HTML-u vašeg weba, zato je vezan uz vašu domenu – na tuđem webu ne radi. Domenama upravljate u računu.

2. Upravljanje konfiguratorom

Konfigurator: lijevo ploča s postavkama, desno 3D scena s trakom gumba

Scena i gumbi

Miš: povlačenje okreće, kotačić približava, desna tipka pomiče. Dodir: jedan prst okreće, dva prsta približavaju. Klikom na ormarić ili modul odabirete ga – u ploči se otvaraju njegove postavke, a u sceni dobiva plavi okvir. Klik ne otvara vratašca, za to su gumbi.

Gornji red gumba upravlja pogledom:

  • Otvori vrata otvara vratašca i ladice odabranog ormarića, Otvori sve cijele kompozicije.
  • Prozirno – fronte postaju prozirne, vide se police i ladice unutra.
  • Auto-okretanje, Centriraj (povratak kamere), Dimenzije (kote u sceni).
  • Prošeći – obilazak iz prvog lica (poglavlje 8); na mobitelu i Prikaži u mojoj sobi (AR).

Lijevi stupac su radnje: Nasumična kuhinja / zid / sve, Isprazni, Izvoz 3D, Krojna lista, AI opis slike, Spremi nacrt, Učitaj nacrt. Na mobitelu su gumbi u dva pomična reda iznad scene.

Lijeva ploča

Ploča je sklopiva – svaki se odjeljak otvara klikom na njegov naziv. Na početku je blok s alatima, zatim oblik kompozicije, prostorija, dimenzije, sadržaj odabranog modula, vratašca i ručke, dekori. Na mobitelu se ploča izvlači odozdo: povucite ručku „Postavke“ prema gore.

Ispod klizača dimenzija je narančasti sažetak ukupnih dimenzija (u kuhinji i visina radne ploče i donji rub gornjih ormarića) – to su brojke koje kupac treba izmjeriti kod kuće.

Prostorija

Uključite Postavi u prostoriju i unesite širinu, dubinu i visinu; oblik L ima izrez u kutu. U zidove se mogu dodati prozori i vrata (zid, položaj, širina, visina, parapet) – namještaj ih zaobilazi i pri koliziji vas upozorava. Pod birate iz kataloga, stropna svjetla imaju broj, boju i jačinu. Kod ravne kompozicije u prostoriji može se postaviti udaljenost od lijevog zida; kod L i U kompozicija ide od zida do zida i širinu određuje prostorija.

Dekori i materijali

Preklopnik iznad dekora određuje što bojite: vratašca, ladice, korpus, unutrašnjost, radnu ploču, zaštitnu ploču ili police. Više dekora otvara katalog s pretraživanjem, kategorijama i odabirom dobavljača; vlastitu boju unosite kodom. Debljina ploče (0,8–4 cm) preračunava sve svijetle mjere, leđa mogu biti 3 / 5 / 8 mm ili puna ploča – utječe na krojnu listu.

3D objekti

Odjeljak 3D objekti stavlja u sobu gotov komad namještaja ili uređaj – vlastitu datoteku .glb / .kmz / .dae / .obj do 8 MB (iz SketchUpa: Datoteka → Izvoz → 3D model). Objekt ima odmak od zida, rotaciju, mjerilo i dimenziju; ne ulazi u krojnu listu. Dobavljači mogu nuditi vlastite modele, koji se stolaru uključuju u katalogu.

3D objekti u sobi

3. Kuhinja

Oblik ravni / L / U; kod L birate na koju stranu ide bočni krak. U kutu je uvijek pravi kutni ormarić (donji i gornji 95 × 95 cm) s dva ravna krila – kraci počinju tek iza njega, pa se vratašca nikad ne preklapaju.

Kuhinja je niz stupaca. Svaki ima donji ormarić (vratašca, ladice, sudoper, ploča za kuhanje, pećnica, štednjak, perilica posuđa), gornji (vratašca, staklo, polica, mikrovalna, napa, bez) ili je visoki ormar (hladnjak, pećnica + mikrovalna, smočnica, konfigurabilan). Širine su iz proizvodnih serija; uređaji imaju fiksne širine. U odjeljku Ormarić postavljate police i ladice (broj i visine), stranu otvaranja, staklo s okvirom, visinu pećnice, širinu sudopera.

Otok uključujete u obliku kuhinje, u sceni ga vučete mišem; ima vlastite module, sudoper, ploču, perilicu posuđa i barski prepust. Visine i dubine: donji 72 cm, gornji 72, zaštitna ploča 60, dubina 60/35, sokl 10, ploča 4 – sve klizačima.

Krak A i prostorija. Kod L/U duljina kraka A određena je širinom prostorije minus kutni ormarići; posljednji obični ormarić prilagođava se kao ispuna kako bi kut točno sjeo.

LED traku ispod gornjih ormarića uključujete kvačicom u odjeljku kuhinje i birate ton svjetla (toplo / neutralno / hladno). Osvjetljava radnu ploču ispod svakog gornjeg ormarića, nalazi se u 3D izvozu, u krojnoj listi se ne pojavljuje.

4. Ugradbeni ormar

Ormar je niz modula (50–90 cm); svaki ima odjeljke odozgo prema dolje: šipku za vješalice, police, ladice – s podesivim visinama. Vrata su na razini cijelog ormara: klizna, krilna ili bez; broj vrata i strana otvaranja su u odjeljku Vrata. Modul može biti otvoren (cipelarnik s vješalicom kod ulaza) ili modul s krevetom.

Ugradbeni krevet: označite kod modula, postavite širinu (90–160), duljinu i prostor iznad glave; spremište iznad kreveta je otvoreno ili s vratašcima. Krevet strši u sobu, zato ne može stajati odmah uz kut u L/U.

Oblik L / U funkcionira kao u kuhinji – u kutu je kutni dio s vlastitim dekorom i ručkom, bočni kraci imaju vlastite module.

Potkrovlje – kosi strop: u odjeljku Prostorija uključite potkrovlje, odaberite kosi zid (stražnji ili bočni), visinu okomitog zida (koljena) i nagib krova. Ormar se sam prilagođava kosini: bočnice, vrh, vrata i police režu se prema nagibu; klizna vrata kod kosog gornjeg ruba mijenjaju se u krilna. Odrezane ploče naći ćete u krojnoj listi kao obris s dimenzijama. Kutni dijelovi L/U ne režu se ispod kosine.

Ormar ispod kosog stropa

5. Regal za dnevni boravak

Moduli se slažu po visini od ormarića: vratašca, ladice, staklo, otvorena polica, televizor (niša s TV-om, na zidu točno jedan) i slobodan prostor – zrak bez korpusa. Upravo slobodnim prostorom nastaju lowboardi s visećim ormarićima ili lebdeći TV stolići. Svaki ormarić ima vlastitu visinu i police.

Gumb Nasumični zid bira između 30 uzoraka za svaki oblik (klasika s vitrinama, lebdeći, do stropa, loft, knjižnica…). Zadani zid je „Klasika s vitrinama“.

6. Ormarić i ormarić za umivaonik

Ormarić: širina, visina, dubina, sokl ili nožice, odjeljci (vratašca, ladice, otvoren, staklo) s podesivim pregradama. Ormarić za umivaonik: montaža na zid ili na nožice, fronta (ladice, vratašca), umivaonik na ploču / ugradbeni / integrirani, oblik i veličina umivaonika, slavina, ogledalo, dvostruki umivaonik od 110 cm.

7. Kupaonica, pločice i keramika

Kupaonica nema oblik niza – svaki modul (ormarić za umivaonik, visoki ormar, ogledalo, ormarić s ogledalom, perilica rublja u ormaru, sušilica na perilici) i svaki sanitarni element (kada ravna / kutna / asimetrična, tuš kabina kvadratna / četvrtkružna / walk-in, WC viseći ili stojeći, perilica rublja) stoji uz zid koji odaberete, na zadanom položaju od lijevog ruba zida (gledano iznutra); kutni dijelovi drže se kuta. Moduli imaju vlastitu dubinu (za umivaonik 40–50 cm, visoki 30–35, ormarići s ogledalom 12–16), fronte s vratašcima ili ladicama i vratašca koja se otvaraju. Nasumična kupaonica bira između 50 gotovih kompozicija za ravnu, kutnu i U kupaonicu.

Kupaonica u 3D

Pločice i keramika (odjeljak Pločice, dostupan u svim proizvodima): keramika na podu i pločice na zidovima do odabrane visine; uzorak mreža / vez / dijagonala / riblja kost, dimenzija pločice, fuga i njezina boja, pločice iz kataloga dobavljača. Komadi se slažu od lijevog kuta, vrata i prozori se odbijaju. Rezultat zasebno za pod i zidove: m², broj pločica za kupnju, rezani komadi i otpad u postocima – prema pravilu keramičara: zidovi se postavljaju cijelim pločicama odozgo (rezani red uz pod), rezana pločica ide rezanom stranom samo uz zid, pod ili otvor, a odrezak se koristi gdje stane ili se dorezuje ravnim rezom.

Pločice s izračunom otpada
Kolizije. Sanitarni elementi i 3D objekti ne provjeravaju se u odnosu na namještaj ni otvore u zidu – položaj čuvate sami; ormarići i sanitarije imaju shematske oblike.

8. Šetnja, VR i AR

Prošeći prebacuje kameru u visinu očiju. Na računalu WASD ili strelice, miš okreće (klik u scenu zaključava pokazivač, Esc ga oslobađa). Na mobitelu je joystick i gumb Žiroskop – okrećete telefon. Klizač Visina očiju 100–200 cm. Zidovi i namještaj su prepreke.

Prikaži u mojoj sobi (AR) na iPhoneu/iPadu otvara model u stvarnoj prostoriji kroz kameru (Safari), na Androidu kroz Chrome. S VR naočalama (npr. Meta Quest) u šetnji se pojavljuje gumb VR.

Šetnja iz prvog lica

9. Spremi, učitaj, nasumično

  • Spremi nacrt preuzima JSON datoteku s cijelim stanjem (i prostorija, dekori, debljine). Učitaj nacrt vraća ga u 3D – i u drugom pregledniku ili za mjesec dana.
  • Nasumična kuhinja / zid / sve gradi novi nacrt iz uzoraka stvarnih kompozicija; u odjeljku modula je i nasumični jedan modul ili pražnjenje.
  • Preklopnik jezika u zaglavlju mijenja sve tekstove (24 jezika), svijetla/tamna tema mijenja se gumbom.

10. Slanje upita

Gumb Pošalji na ponudu otvara obrazac: ime, e-pošta, telefon, posebni zahtjevi (do 4 000 znakova) i fotografije prostora (do 5, s mobitela slobodno 8 MB – smanjuju se u pregledniku). Kupac može nacrt i preuzeti kao JSON. Nakon slanja stolar dobiva e-poštu sa sažetkom, a upit je u računu s 3D pregledom i fotografijama.

Bez cijena. Konfigurator namjerno ne prikazuje procjenu cijene – ponudu radi stolar prema stvarnom nacrtu. Kupac to zna iz teksta kod obrasca.

11. Krojna lista i izvoz PRO

Krojna lista otvara popis svih ploča u nacrtu: dimenzije za rezanje (duljina × širina × debljina, čiste dimenzije bez dodatka za kant), broj komada, gdje su u nacrtu, crtež u odabranom dekoru. Jednake ploče su spojene (30 × 60 = 60 × 30). U sažetku je broj ploča, površina po debljini, materijal za kupnju po dekoru (m²) i staklo zasebno. Preuzmi CSV daje tablicu za pilu.

Označi ploče na 3D modelu prikazuje slovo svake grupe izravno na pločama u sceni – građevni plan za montažu. Izvoz 3D preuzima model kao .dae (SketchUp, Blender, ArchiCAD) ili .kmz s teksturama dekora; dimenzije u CAD-u odgovaraju krojnoj listi.

Krojna lista – popis ploča

12. Račun stolara

Na app.getfittle.com/carpenter/:

  • Profil i podaci za račun – naziv, regija, e-pošta za upite, jezik, proizvodi u preklopniku, podaci za račun (uređujete ih sami); ključ, hostana stranica i isječak za ugradnju.
  • Pretplata – paket, razdoblje i broj upita ovog mjeseca u odnosu na limit paketa (Pro 1 000 / Business 10 000). Nakon iscrpljenja daljnji se upiti do kraja mjeseca ne primaju, a kupac vidi uputu da vas kontaktira izravno – pri 90 % upozoravamo vas e-poštom.
  • Upiti – popis s kontaktom, napomenom i sličicama fotografija; Otvori 3D učitava nacrt u konfigurator u načinu pregleda; Poveznica za majstora kopira poveznicu koja radi bez računa 30 dana; status upita (novi → viđen → kontaktiran → ponuđen → dobiven / izgubljen).
  • Integracija – webhook i API ključ (poglavlje 13).
  • Podrška – chat uživo s nama; odgovor stiže i e-poštom.
  • Lozinka – neobavezna, uz poveznicu e-poštom i SMS kod.

13. Portali: webhook i API

Za portale i tvrtke s vlastitim sustavom: u računu postavite Webhook URL i tajni ključ – kod svakog upita šaljemo potpisani POST s JSON-om nacrta (potpis HMAC-SHA256, ponavljanje 10 s / 1 min / 5 min). Izdajte si API ključ i preuzimajte upite, fotografije, mijenjajte status ili generirajte poveznice na 3D pregled. Na vlastitom webu dostupni su i HNL.prefill(...) (predispunjavanje kontakta) i događaj HNL.on('quote', ...). Detalji: PORTAL.md.

<script src="https://app.getfittle.com/embed.js" data-key="FITT-…"></script>
      <script>
        HNL.mount('#konfigurator', { product:'kitchen', prefill:{ name:'Ivan Horvat', email:'ivan@…' } });
        HNL.on('quote', e => console.log('upit', e.id));
      </script>

14. Dobavljači dekora

Proizvođači i prodavači dekora imaju vlastiti račun na app.getfittle.com/supplier/: učitaju dekore i podove (slika, šifra, kategorija, površina), pošalju na odobrenje i nakon odobrenja nalaze se u katalogu koji vide svi kupci svih stolara – s nazivom dobavljača u padajućem izborniku.

15. Česta pitanja

Konfigurator se ne prikazuje na mom webu.

Provjerite je li ključ ispravan i je li domena weba dodana u račun. Kod „Probna verzija“ slanje je blokirano – ključ je istekao ili nije aktivan.

Kupac je poslao upit, ali e-pošta nije stigla.

Upit je uvijek i u računu u odjeljku Upiti. Provjerite e-poštu za upite u profilu i mapu neželjene pošte.

Jesu li dimenzije u krojnoj listi bez dodatka za kant?

Da – to su čiste dimenzije dijelova kako ih gradi 3D. Dodatak za ABS kant dodaje radionica prema svojoj tehnologiji.

Može li se stari upit učitati u 3D?

Upiti poslani od rujna 2026. da (imaju spremljeno stanje). Stariji se prikazuju samo kao tekst.

Radi li na tabletu i mobitelu?

Da, u Safariju i Chromeu. AR zahtijeva iOS (Safari) ili Android (Chrome); šetnja sa žiroskopom traži dopuštenje za senzore pokreta.