Handbok

Så använder du Fittle – från inbäddning på webbplatsen till kaplistan.

Guide för snickare och köksstudior samt för kunder som använder konfiguratorn. Inbäddningen på webbplatsen beskrivs i den separata installationsguiden.

1. Kom igång

Fittle har två sidor: konfiguratorn, som dina kunder använder på din webbplats (eller på den hostade sidan app.getfittle.com/s/ditt-namn), och snickarkontot på app.getfittle.com/carpenter/, där du ser förfrågningar och 3D-förhandsvisningar, ställer in integration och skriver till supporten.

  1. Kontot skapas genom att välja ett paket i prislistan (Pro upp till 1 000 förfrågningar per månad, Business upp till 10 000) – efter registrering, e-postverifiering och kortbetalning är konfiguratorn aktiv.
  2. Logga in på app.getfittle.com/login/ – via e-post (länk), sms-kod eller lösenord, om du har satt ett.
  3. I kontot hittar du din inbäddningsnyckel (FITT-XXXX-XXXX-XXXX) och ett färdigt kodavsnitt. Inbäddning på webbplatsen (WordPress, Wix, Shopify, egen HTML) beskrivs i installationsguiden.
  4. Ingen webbplats? Skicka kunderna länken till den hostade sidan – den fungerar likadant.
Nyckel och domän. Inbäddningsnyckeln är synlig i webbplatsens HTML och är därför bunden till din domän – på en främmande webbplats fungerar den inte. Domäner hanterar du i kontot.

2. Att använda konfiguratorn

Konfigurator: till vänster inställningspanelen, till höger 3D-scenen med knappraden

Scen och knappar

Mus: dra roterar, hjulet zoomar, höger knapp flyttar. Touch: ett finger roterar, två fingrar zoomar. Ett klick på ett skåp eller en modul väljer den – i panelen öppnas dess inställningar och i scenen får den en blå ram. Klick öppnar inte luckor, det finns knappar för det.

Den övre knappraden styr vyn:

  • Öppna luckor öppnar luckor och lådor i det valda skåpet, Öppna allt i hela uppställningen.
  • Genomskinlig – fronterna blir genomskinliga, hyllor och lådor inuti syns.
  • Auto-rotation, Centrera (kameran tillbaka), Mått (måttsättning i scenen).
  • Gå runt – rundvandring i förstaperson (kapitel 8); på mobil även Visa i mitt rum (AR).

Vänster kolumn är åtgärder: Slumpat kök / vägg / allt, Töm, 3D-export, Kaplista, AI-bildbeskrivning, Spara design, Läs in design. På mobil ligger knapparna i två rullbara rader ovanför scenen.

Vänster panel

Panelen är hopfällbar – varje sektion öppnas med klick på namnet. Först kommer verktygsblocket, sedan uppställningens form, rummet, måtten, innehållet i den valda modulen, luckor och handtag, dekorer. På mobil dras panelen upp nerifrån: dra handtaget ”Inställningar” uppåt.

Under måttreglagen finns en orange sammanfattning av totalmåtten (i köket även bänkskivans höjd och överskåpens underkant) – det är siffrorna kunden ska mäta hemma.

Rum

Slå på Placera i rum och ange bredd, djup och höjd; L-formen har ett urtag i hörnet. I väggarna kan fönster och dörrar läggas till (vägg, position, bredd, höjd, bröstning) – möblerna viker undan för dem och varnar vid kollision. Golvet väljs ur katalogen, taklampor har antal, färg och styrka. Vid en rak uppställning i rummet kan avståndet till vänster vägg ställas in; vid L och U går uppställningen från vägg till vägg och rummet bestämmer bredden.

Dekorer och material

Väljaren ovanför dekorerna avgör vad du färgar: luckor, lådor, stomme, insida, bänkskiva, stänkskydd eller hyllor. Fler dekorer öppnar katalogen med sökning, kategorier och leverantörsval; egen färg anges med kod. Skivtjockleken (0,8–4 cm) räknar om alla innermått, bakstycket kan vara 3 / 5 / 8 mm eller hel skiva – det påverkar kaplistan.

3D-objekt

Sektionen 3D-objekt placerar en färdig möbel eller apparat i rummet – en egen fil .glb / .kmz / .dae / .obj upp till 8 MB (från SketchUp: Arkiv → Exportera → 3D-modell). Objektet har avstånd från vägg, rotation, skala och mått; det ingår inte i kaplistan. Leverantörer kan erbjuda egna modeller som aktiveras för snickaren i katalogen.

3D-objekt i rummet

3. Kök

Form rak / L / U; vid L väljer du åt vilket håll sidobenet går. I hörnet står alltid ett riktigt hörnskåp (under- och överskåp 95 × 95 cm) med två raka luckor – benen börjar först bakom det, så luckor överlappar aldrig.

Köket är en rad kolumner. Var och en har ett underskåp (luckor, lådor, diskho, häll, ugn, spis, diskmaskin), ett överskåp (luckor, glas, hylla, mikrovågsugn, fläkt, inget) eller är ett högskåp (kylskåp, ugn + mikro, skafferi, konfigurerbart). Bredderna kommer från produktionsserier; apparater har fasta bredder. I sektionen Skåp ställer du in hyllor och lådor (antal och höjder), gångjärnssida, glas med ram, ugnshöjd, diskhons bredd.

Köksön slås på i kökets form och dras med musen i scenen; den har egna moduler, diskho, skiva, diskmaskin och barutsprång. Höjder och djup: underskåp 72 cm, överskåp 72, stänkskydd 60, djup 60/35, sockel 10, skiva 4 – allt med reglage.

Ben A och rummet. Vid L/U ges längden på ben A av rummets bredd minus hörnskåp; det sista vanliga skåpet justeras som passbit så att hörnet stämmer exakt.

LED-list under överskåpen slås på med en kryssruta i kökssektionen, och du väljer ljuston (varm / neutral / kall). Den lyser upp bänkskivan under varje överskåp, finns med i 3D-exporten och syns inte i kaplistan.

4. Inbyggd garderob

Garderoben är en rad moduler (50–90 cm); var och en har sektioner uppifrån och ned: klädstång, hyllor, lådor – med justerbara höjder. Dörrar gäller hela garderoben: skjutdörrar, gångjärnsdörrar eller inga; antal dörrar och gångjärnssida finns i sektionen Dörrar. En modul kan vara öppen (skohylla med krokar vid entrén) eller en sängmodul.

Inbyggd säng: kryssa i vid modulen, ställ in bredd (90–160), längd och utrymme ovanför huvudet; förvaringen ovanför sängen är öppen eller med luckor. Sängen sticker ut i rummet och kan därför inte stå direkt vid hörnet i L/U.

Formen L / U fungerar som i köket – i hörnet finns en hörndel med eget dekor och handtag, sidobenen har egna moduler.

Vind – snedtak: slå på vind i sektionen Rum, välj den sneda väggen (bak eller sida), höjden på den lodräta väggen (knävägg) och taklutningen. Garderoben anpassar sig själv till lutningen: sidor, topp, dörrar och hyllor kapas efter lutningen; skjutdörrar byts till gångjärnsdörrar när överkanten är sned. De kapade skivorna finns i kaplistan som kontur med mått. Hörndelar i L/U kapas inte under snedtaket.

Garderob under snedtak

5. Vardagsrumsvägg

Modulerna byggs på höjden av skåp: luckor, lådor, glas, öppen hylla, tv (tv-nisch, exakt en per vägg) och fritt utrymme – luft utan stomme. Just med fritt utrymme uppstår lowboards med hängande skåp eller svävande tv-bänkar. Varje skåp har egen höjd och hyllor.

Knappen Slumpad vägg väljer bland 30 förlagor per form (klassisk med vitriner, svävande, upp till taket, loft, bibliotek…). Standardväggen är ”Klassisk med vitriner”.

6. Skåp och tvättställsskåp

Skåp: bredd, höjd, djup, sockel eller ben, sektioner (luckor, lådor, öppen, glas) med justerbara fack. Tvättställsskåp: väggmontering eller på ben, front (lådor, luckor), tvättställ på skiva / infällt / integrerat, tvättställets form och storlek, blandare, spegel, dubbelt tvättställ från 110 cm.

7. Badrum, kakel och klinker

Badrummet har ingen radform – varje modul (tvättställsskåp, högskåp, spegel, spegelskåp, tvättmaskin i skåp, torktumlare ovanpå tvättmaskinen) och varje inredningsföremål (badkar rakt / hörn / asymmetriskt, dusch kvadratisk / kvartsrund / walk-in, wc vägghängd eller golvstående, tvättmaskin) står vid den vägg du väljer, i angiven position från väggens vänstra kant (sett inifrån); hörndelar håller sig i hörnet. Modulerna har eget djup (tvättställ 40–50 cm, högskåp 30–35, spegelskåp 12–16), fronter med luckor eller lådor och luckor som går att öppna. Slumpat badrum väljer bland 50 färdiga uppställningar för rakt, hörn- och U-badrum.

Badrum i 3D

Kakel och klinker (sektionen Kakel, tillgänglig i alla produkter): klinker på golvet och kakel på väggarna upp till vald höjd; mönster rutnät / förband / diagonal / fiskben, plattstorlek, fog och fogfärg, plattor från leverantörskataloger. Plattorna läggs från vänster hörn, dörrar och fönster dras av. Resultat separat för golv och väggar: m², antal plattor att köpa, kapade bitar och spill i procent – enligt plattsättarens regel: väggarna sätts med hela plattor uppifrån (den kapade raden vid golvet), en kapad platta sätts med snittkanten bara mot vägg, golv eller öppning, och en spillbit används där den ryms eller kapas om med ett rakt snitt.

Kakel med spillberäkning
Kollisioner. Inredningsföremål och 3D-objekt kontrolleras inte mot möbler eller väggöppningar – positionen bevakar du själv; skåp och sanitet har schematiska former.

8. Rundvandring, VR och AR

Gå runt sätter kameran i ögonhöjd. På dator WASD eller piltangenter, musen roterar (klick i scenen låser markören, Esc släpper). På mobil finns en joystick och knappen Gyroskop – du vrider telefonen. Reglage Ögonhöjd 100–200 cm. Väggar och möbler är hinder.

Visa i mitt rum (AR) öppnar på iPhone/iPad modellen i det verkliga rummet via kameran (Safari), på Android via Chrome. Med VR-glasögon (t.ex. Meta Quest) visas knappen VR under rundvandringen.

Rundvandring i förstaperson

9. Spara, läs in, slumpa

  • Spara design laddar ner en JSON-fil med hela tillståndet (även rum, dekorer, tjocklekar). Läs in design tar tillbaka den i 3D – även i en annan webbläsare eller om en månad.
  • Slumpat kök / vägg / allt bygger en ny design från förlagor av verkliga uppställningar; i modulsektionen finns även en slumpad enskild modul eller tömning.
  • Språkväljaren i sidhuvudet byter alla texter (24 språk), ljust/mörkt tema byts med en knapp.

10. Skicka förfrågan

Knappen Skicka för prissättning öppnar ett formulär: namn, e-post, telefon, särskilda önskemål (upp till 4 000 tecken) och foton av utrymmet (upp till 5, från mobilen gärna 8 MB – de förminskas i webbläsaren). Kunden kan även ladda ner designen som JSON. Efter sändning får snickaren ett e-postmeddelande med sammanfattning, och förfrågan ligger i kontot med 3D-förhandsvisning och foton.

Inga priser. Konfiguratorn visar avsiktligt ingen prisuppskattning – snickaren prissätter efter den verkliga designen. Kunden vet det från texten vid formuläret.

11. Kaplista och export PRO

Kaplista öppnar listan över alla skivor i designen: kapmått (längd × bredd × tjocklek, nettomått utan kanttillägg), antal, var i designen de sitter, ritning i valt dekor. Lika skivor slås ihop (30 × 60 = 60 × 30). I sammanfattningen finns antal skivor, yta per tjocklek, material att köpa per dekor (m²) och glas separat. Ladda ner CSV ger en tabell för sågen.

Markera skivor på 3D-modellen visar varje grupps bokstav direkt på skivorna i scenen – en byggplan för montering. 3D-export laddar ner modellen som .dae (SketchUp, Blender, ArchiCAD) eller .kmz med dekortexturer; måtten i CAD stämmer med kaplistan.

Kaplista – lista över skivor

12. Snickarkonto

På app.getfittle.com/carpenter/:

  • Profil och faktureringsuppgifter – namn, region, e-post för förfrågningar, språk, produkter i väljaren, faktureringsuppgifter (du redigerar dem själv); nyckel, hostad sida och inbäddningsavsnitt.
  • Prenumeration – paket, period och antal förfrågningar denna månad mot paketets gräns (Pro 1 000 / Business 10 000). När gränsen är nådd tas fler förfrågningar inte emot månaden ut, och kunden ser en uppmaning att kontakta dig direkt – vid 90 % meddelar vi dig via e-post.
  • Förfrågningar – lista med kontakt, anteckning och fotominiatyrer; Öppna 3D läser in designen i konfiguratorn i visningsläge; Länk till verkstaden kopierar en länk som fungerar utan konto i 30 dagar; förfrågans status (ny → sedd → kontaktad → prissatt → vunnen / förlorad).
  • Integration – webhook och API-nyckel (kapitel 13).
  • Support – livechatt med oss; svaret kommer även via e-post.
  • Lösenord – valfritt, utöver e-postlänk och sms-kod.

13. Portaler: webhook och API

För portaler och företag med eget system: ange webhook-URL och en hemlig nyckel i kontot – vid varje förfrågan skickar vi en signerad POST med designens JSON (HMAC-SHA256-signatur, omförsök 10 s / 1 min / 5 min). Skapa en API-nyckel och hämta förfrågningar och foton, ändra status eller generera länkar till 3D-förhandsvisningen. På din egen webbplats finns även HNL.prefill(...) (förifyllning av kontakt) och händelsen HNL.on('quote', ...). Detaljer: PORTAL.md.

<script src="https://app.getfittle.com/embed.js" data-key="FITT-…"></script>
      <script>
        HNL.mount('#konfigurator', { product:'kitchen', prefill:{ name:'Anna Svensson', email:'anna@…' } });
        HNL.on('quote', e => console.log('förfrågan', e.id));
      </script>

14. Dekorleverantörer

Tillverkare och återförsäljare av dekorer har eget konto på app.getfittle.com/supplier/: de laddar upp dekorer och golv (bild, kod, kategori, yta), skickar för godkännande, och efter godkännande finns de i katalogen som alla kunder hos alla snickare ser – med leverantörens namn i rullgardinsmenyn.

15. Vanliga frågor

Konfiguratorn visas inte på min webbplats.

Kontrollera att nyckeln är korrekt och att webbplatsens domän är tillagd i kontot. Vid ”Testversion” är sändning blockerad – nyckeln har gått ut eller är inte aktiv.

Kunden skickade en förfrågan, men inget e-postmeddelande kom.

Förfrågan finns alltid även i kontot under Förfrågningar. Kontrollera e-postadressen för förfrågningar i profilen och skräppostmappen.

Är måtten i kaplistan utan kanttillägg?

Ja – det är delarnas nettomått så som 3D bygger dem. Tillägg för ABS-kant lägger verkstaden till efter sin egen teknik.

Kan en gammal förfrågan läsas in i 3D?

Förfrågningar skickade från september 2026 ja (de har sparat tillstånd). Äldre visas bara som text.

Fungerar det på surfplatta och mobil?

Ja, i Safari och Chrome. AR kräver iOS (Safari) eller Android (Chrome); rundvandring med gyroskop ber om tillstånd för rörelsesensorer.