Comment utiliser Fittle – de l’intégration au site web au plan de débit.

1. Premiers pas

Fittle a deux faces : le configurateur, utilisé par vos clients sur votre site (ou sur la page hébergée app.getfittle.com/s/votre-nom), et le compte menuisier sur app.getfittle.com/carpenter/, où vous voyez les demandes et les aperçus 3D, configurez l’intégration et écrivez au support.

1. Le compte se crée en choisissant une formule dans les tarifs (Pro jusqu’à 1 000 demandes par mois, Business jusqu’à 10 000) – après inscription, vérification de l’e-mail et paiement par carte, le configurateur est actif.
2. Connectez-vous sur app.getfittle.com/login/ – par e-mail (lien), code SMS ou mot de passe si vous en avez défini un.
3. Dans le compte, vous trouvez votre clé d’intégration (FITT-XXXX-XXXX-XXXX) et un extrait de code prêt à l’emploi. L’intégration au site (WordPress, Wix, Shopify, HTML personnalisé) est décrite dans le guide d’installation.
4. Pas de site web ? Envoyez à vos clients le lien de la page hébergée – elle fonctionne de la même façon.

2. Utilisation du configurateur

Scène et boutons

Souris : glisser fait tourner, la molette zoome, le bouton droit déplace. Tactile : un doigt tourne, deux doigts zooment. Un clic sur un meuble ou un module le sélectionne – ses réglages s’ouvrent dans le panneau et il reçoit un cadre bleu dans la scène. Le clic n’ouvre pas les portes, il y a des boutons pour cela.

La rangée supérieure de boutons commande la vue :

• Ouvrir les portes ouvre les portes et tiroirs du meuble sélectionné, Tout ouvrir ceux de tout l’ensemble.
• Transparent – les façades deviennent transparentes, on voit les étagères et tiroirs à l’intérieur.
• Rotation auto, Centrer (retour de la caméra), Dimensions (cotes dans la scène).
• Se promener – visite à la première personne (chapitre 8) ; sur mobile aussi Voir dans ma pièce (AR).

La colonne de gauche contient les actions : Cuisine / meuble / tout aléatoire, Vider, Export 3D, Plan de débit, Description d’image IA, Enregistrer le projet, Charger le projet. Sur mobile, les boutons sont sur deux rangées défilantes au-dessus de la scène.

Panneau de gauche

Le panneau est repliable – chaque section s’ouvre en cliquant sur son nom. Au début se trouve le bloc d’outils, puis la forme de l’ensemble, la pièce, les dimensions, le contenu du module sélectionné, portes et poignées, décors. Sur mobile, le panneau se tire depuis le bas : faites glisser la poignée « Réglages » vers le haut.

Sous les curseurs de dimensions, un résumé orange indique les dimensions totales (en cuisine aussi la hauteur du plan de travail et le bord inférieur des meubles hauts) – ce sont les chiffres que le client doit mesurer chez lui.

Pièce

Activez Placer dans la pièce et saisissez sa largeur, sa profondeur et sa hauteur ; la forme en L a une découpe dans l’angle. On peut ajouter aux murs des fenêtres et portes (mur, position, largeur, hauteur, allège) – les meubles les évitent et vous avertissent en cas de collision. Le sol se choisit dans le catalogue, les plafonniers ont un nombre, une couleur et une intensité. Pour un ensemble droit dans la pièce, on peut régler la distance au mur gauche ; en L et U, l’ensemble va de mur à mur et la pièce détermine la largeur.

Décors et matériaux

Le sélecteur au-dessus des décors détermine ce que vous colorez : portes, tiroirs, caisson, intérieur, plan de travail, crédence ou étagères. Plus de décors ouvre le catalogue avec recherche, catégories et choix du fournisseur ; une couleur personnalisée se saisit par code. L’épaisseur du panneau (0,8–4 cm) recalcule toutes les dimensions intérieures, le fond peut être de 3 / 5 / 8 mm ou un panneau plein – cela influence le débit.

Objets 3D

La section Objets 3D place dans la pièce un meuble ou un appareil fini – votre propre fichier .glb / .kmz / .dae / .obj jusqu’à 8 Mo (depuis SketchUp : Fichier → Exporter → Modèle 3D). L’objet a une distance au mur, une rotation, une échelle et une dimension ; il n’entre pas dans le plan de débit. Les fournisseurs peuvent proposer leurs propres modèles, activés pour le menuisier dans le catalogue.

3. Cuisine

Forme droite / L / U ; en L, vous choisissez de quel côté part le retour. Dans l’angle se trouve toujours un vrai meuble d’angle (bas et haut 95 × 95 cm) avec deux vantaux droits – les retours commencent derrière lui, les portes ne se chevauchent donc jamais.

La cuisine est une suite de colonnes. Chacune a un meuble bas (portes, tiroirs, évier, plaque, four, cuisinière, lave-vaisselle), un meuble haut (portes, vitré, étagère, micro-ondes, hotte, aucun) ou est une armoire (réfrigérateur, four + micro-ondes, garde-manger, configurable). Les largeurs viennent des gammes de fabrication ; les appareils ont des largeurs fixes. Dans la section Meuble, vous réglez étagères et tiroirs (nombre et hauteurs), le sens d’ouverture, le verre avec cadre, la hauteur du four, la largeur de l’évier.

L’îlot s’active dans la forme de la cuisine et se déplace à la souris dans la scène ; il a ses propres modules, évier, plan, lave-vaisselle et débord de bar. Hauteurs et profondeurs : bas 72 cm, haut 72, crédence 60, profondeur 60/35, plinthe 10, plan 4 – tout par curseurs.

Le ruban LED sous les meubles hauts s’active par une case dans la section cuisine, avec le choix de la teinte (chaude / neutre / froide). Il éclaire le plan de travail sous chaque meuble haut, figure dans l’export 3D et n’apparaît pas dans le plan de débit.

4. Placard sur mesure

Le placard est une suite de modules (50–90 cm) ; chacun a des sections de haut en bas : tringle, étagères, tiroirs – à hauteurs réglables. Les portes concernent tout le placard : coulissantes, battantes ou aucune ; le nombre de portes et le sens d’ouverture sont dans la section Portes. Un module peut être ouvert (meuble à chaussures avec patères à l’entrée) ou un module lit.

Lit intégré : cochez-le sur un module, réglez la largeur (90–160), la longueur et l’espace au-dessus de la tête ; le rangement au-dessus du lit est ouvert ou avec portes. Le lit dépasse dans la pièce, il ne peut donc pas être juste à l’angle en L/U.

La forme L / U fonctionne comme en cuisine – dans l’angle, un élément d’angle avec son propre décor et sa poignée, les retours ont leurs propres modules.

Combles – plafond en pente : dans la section Pièce, activez les combles, choisissez le mur en pente (arrière ou latéral), la hauteur du mur vertical (jambette) et la pente du toit. Le placard s’adapte de lui-même : côtés, dessus, portes et étagères sont coupés selon la pente ; les portes coulissantes deviennent battantes quand le bord supérieur est incliné. Les panneaux coupés figurent dans le plan de débit sous forme de contour coté. Les éléments d’angle L/U ne sont pas coupés sous la pente.

5. Meuble de salon

Les modules s’empilent en hauteur à partir de caissons : portes, tiroirs, vitré, étagère ouverte, téléviseur (niche TV, exactement une par meuble) et espace libre – de l’air sans caisson. C’est l’espace libre qui crée les meubles bas avec éléments suspendus ou les meubles TV flottants. Chaque caisson a sa propre hauteur et ses étagères.

Le bouton Meuble aléatoire choisit parmi 30 modèles pour chaque forme (classique avec vitrines, flottant, jusqu’au plafond, loft, bibliothèque…). Le meuble par défaut est « Classique avec vitrines ».

6. Meuble et meuble sous vasque

Meuble : largeur, hauteur, profondeur, plinthe ou pieds, sections (portes, tiroirs, ouvert, vitré) avec compartiments réglables. Meuble sous vasque : fixation murale ou sur pieds, façade (tiroirs, portes), vasque à poser / encastrée / intégrée, forme et taille de la vasque, robinet, miroir, double vasque à partir de 110 cm.

7. Salle de bain, faïence et carrelage

La salle de bain n’a pas de forme linéaire – chaque module (meuble sous vasque, colonne, miroir, armoire de toilette, lave-linge dans un meuble, sèche-linge sur le lave-linge) et chaque équipement (baignoire droite / d’angle / asymétrique, douche carrée / quart de cercle / walk-in, WC suspendu ou au sol, lave-linge) se place contre le mur que vous choisissez, à la position depuis le bord gauche du mur indiquée (vu de l’intérieur) ; les éléments d’angle restent dans l’angle. Les modules ont leur propre profondeur (sous vasque 40–50 cm, colonnes 30–35, armoires de toilette 12–16), des façades à portes ou tiroirs et des portes qui s’ouvrent. Salle de bain aléatoire choisit parmi 50 agencements prêts pour une salle de bain droite, d’angle ou en U.

Faïence et carrelage (section Carrelage, disponible dans tous les produits) : carrelage au sol et faïence aux murs jusqu’à la hauteur choisie ; motif droit / décalé / diagonal / chevrons, format du carreau, joint et sa couleur, carreaux des catalogues fournisseurs. Les carreaux se posent depuis l’angle gauche, portes et fenêtres sont déduites. Résultat séparé pour le sol et les murs : m², nombre de carreaux à acheter, pièces coupées et chutes en pourcentage – selon la règle du carreleur : les murs se posent en carreaux entiers depuis le haut (la rangée coupée au sol), un carreau coupé n’est posé côté coupé que contre un mur, le sol ou une ouverture, et une chute est réutilisée là où elle tient ou recoupée d’un trait droit.

8. Promenade, VR et AR

Se promener passe la caméra à hauteur des yeux. Sur ordinateur WASD ou les flèches, la souris tourne (un clic dans la scène verrouille le curseur, Échap le libère). Sur mobile, un joystick et le bouton Gyroscope – vous tournez le téléphone. Curseur Hauteur des yeux 100–200 cm. Les murs et les meubles sont des obstacles.

Voir dans ma pièce (AR) sur iPhone/iPad ouvre le modèle dans la pièce réelle via la caméra (Safari), sur Android via Chrome. Avec un casque VR (p. ex. Meta Quest), le bouton VR apparaît dans la promenade.

9. Enregistrer, charger, aléatoire

• Enregistrer le projet télécharge un fichier JSON avec tout l’état (pièce, décors, épaisseurs compris). Charger le projet le ramène en 3D – même dans un autre navigateur ou un mois plus tard.
• Cuisine / meuble / tout aléatoire construit un nouveau projet à partir de modèles d’ensembles réels ; dans la section du module, il y a aussi un module aléatoire seul ou le vidage.
• Le sélecteur de langue dans l’en-tête change tous les textes (24 langues), le thème clair/sombre se change par un bouton.

10. Envoi de la demande

Le bouton Envoyer pour devis ouvre un formulaire : nom, e-mail, téléphone, demandes particulières (jusqu’à 4 000 caractères) et photos de la pièce (jusqu’à 5, depuis un mobile même 8 Mo – elles sont réduites dans le navigateur). Le client peut aussi télécharger le projet en JSON. Après l’envoi, le menuisier reçoit un e-mail récapitulatif et la demande est dans le compte avec aperçu 3D et photos.

11. Plan de débit et export PRO

Plan de débit ouvre la liste de tous les panneaux du projet : dimensions de coupe (longueur × largeur × épaisseur, dimensions nettes sans surcote de chant), nombre de pièces, où elles sont dans le projet, dessin dans le décor choisi. Les panneaux identiques sont regroupés (30 × 60 = 60 × 30). Le résumé donne le nombre de panneaux, la surface par épaisseur, le matériau à acheter par décor (m²) et le verre à part. Télécharger le CSV donne un tableau pour la scie.

Marquer les panneaux sur le modèle 3D affiche la lettre de chaque groupe directement sur les panneaux dans la scène – un plan de montage. Export 3D télécharge le modèle en .dae (SketchUp, Blender, ArchiCAD) ou .kmz avec les textures des décors ; les dimensions dans la CAO correspondent au plan de débit.

12. Compte menuisier

Sur app.getfittle.com/carpenter/ :

• Profil et données de facturation – nom, région, e-mail pour les demandes, langue, produits dans le sélecteur, données de facturation (vous les modifiez vous-même) ; clé, page hébergée et extrait d’intégration.
• Abonnement – formule, période et nombre de demandes du mois par rapport à la limite de la formule (Pro 1 000 / Business 10 000). Une fois épuisée, les demandes suivantes ne sont plus acceptées jusqu’à la fin du mois et le client voit l’invitation à vous contacter directement – à 90 %, nous vous prévenons par e-mail.
• Demandes – liste avec contact, remarque et aperçus des photos ; Ouvrir en 3D charge le projet dans le configurateur en mode consultation ; Lien pour l’atelier copie un lien qui fonctionne sans compte pendant 30 jours ; statut de la demande (nouvelle → vue → contactée → chiffrée → gagnée / perdue).
• Intégration – webhook et clé API (chapitre 13).
• Support – chat en direct avec nous ; la réponse arrive aussi par e-mail.
• Mot de passe – facultatif, en plus du lien e-mail et du code SMS.

13. Portails : webhook et API

Pour les portails et les entreprises avec leur propre système : dans le compte, définissez l’URL de webhook et une clé secrète – à chaque demande, nous envoyons un POST signé avec le JSON du projet (signature HMAC-SHA256, nouvelles tentatives 10 s / 1 min / 5 min). Générez une clé API et téléchargez les demandes et photos, changez le statut ou générez des liens vers l’aperçu 3D. Sur votre propre site, HNL.prefill(...) (préremplissage du contact) et l’événement HNL.on('quote', ...) sont aussi disponibles. Détails : PORTAL.md.

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

14. Fournisseurs de décors

Les fabricants et distributeurs de décors ont leur propre compte sur app.getfittle.com/supplier/ : ils téléversent décors et sols (image, code, catégorie, finition), les soumettent à validation, et une fois validés ils sont dans le catalogue visible par tous les clients de tous les menuisiers – avec le nom du fournisseur dans la liste déroulante.

15. Questions fréquentes

Le configurateur n’apparaît pas sur mon site.

Vérifiez que la clé est correcte et que le domaine du site est ajouté dans le compte. En « Version d’essai », l’envoi est bloqué – la clé a expiré ou n’est pas active.

Le client a envoyé une demande, mais aucun e-mail n’est arrivé.

La demande est toujours aussi dans le compte, section Demandes. Vérifiez l’e-mail pour les demandes dans le profil et le dossier spam.

Les dimensions du plan de débit sont-elles sans surcote de chant ?

Oui – ce sont les dimensions nettes des pièces telles que la 3D les construit. La surcote pour le chant ABS est ajoutée par l’atelier selon sa technologie.

Peut-on charger une ancienne demande en 3D ?

Les demandes envoyées depuis septembre 2026, oui (elles ont un état enregistré). Les plus anciennes ne s’affichent qu’en texte.

Est-ce que ça marche sur tablette et mobile ?

Oui, dans Safari et Chrome. L’AR nécessite iOS (Safari) ou Android (Chrome) ; la promenade avec gyroscope demande l’autorisation des capteurs de mouvement.