Fell & Frame : un configurateur de fenêtres en bois conçu en interne pour WooCommerce

Fell & Frame conçoit, usine et finit à la main des fenêtres en bois dans son propre atelier à Carlisle, en Cumbria, puis les vend à des particuliers, constructeurs, architectes et promoteurs dans tout le Royaume-Uni. Forte de plus de 50 ans de savoir-faire en menuiserie, l’entreprise fabrique et fournit des fenêtres entièrement sur mesure : dimensions, essence de bois, vitrage, charnières et quincaillerie.

En mars 2026, Fell & Frame a ajouté un configurateur de fenêtres en bois à sa boutique WordPress et WooCommerce sur fellandframe.co.uk. Les acheteurs choisissent l’un des six types de fenêtres à battants affleurants, saisissent les dimensions au millimètre près, configurent la fenêtre en 3D et l’ajoutent au panier au prix affiché à l’écran. L’équipe de Fell & Frame a réalisé l’ensemble de la mise en place : les six configurateurs dans Simplio3D, les produits WooCommerce qui leur sont associés et la page qui les réunit, reliés au plugin Simplio3D pour WordPress.

La solution : un configurateur de fenêtres en bois pour chaque type de battant

Un bouton Configurateur dans le menu principal ouvre une page unique. Six cartes en haut de page présentent des rendus des types de fenêtres fabriqués par Fell & Frame, d’un à quatre vitrages. En cliquant sur une carte, le configurateur correspondant se charge dans le cadre ci-dessous, permettant à l’acheteur de changer de type sans quitter la page.

Chaque configurateur affiche la fenêtre en 3D, avec les options réparties à côté en neuf sections : sécurité PAS24, type de fenêtre, poignées, essences de bois, dimensions, charnières, ventilation, finition et vitrage. Les dimensions sont saisies en millimètres et le modèle se redimensionne en conséquence, avec ses cotes affichées à côté. Les fenêtres comportant plusieurs ouvrants nécessitent une hauteur pour chaque rangée et une largeur pour chaque colonne, ainsi qu’un type d’ouverture pour chaque ouvrant : à la française, oscillo-battant ou fixe. Des boutons d’information expliquent les choix moins évidents, par exemple l’utilité d’une charnière d’évacuation ou le degré d’opacité de chaque motif de verre.

Des règles garantissent que chaque configuration reste réalisable. Le choix de la sécurité PAS 24 fait passer le vitrage au verre feuilleté, et un ouvrant défini comme fixe perd ses options de poignée et de charnières. Le prix évolue avec chacun de ces changements, comme avec toutes les autres sélections.

Sous les options, le Prix total change à chaque sélection, à côté du bouton Ajouter au panier. Une barre d’outils à côté du modèle permet à l’acheteur de le faire pivoter, de passer en plein écran, d’afficher les dimensions ou de prendre une capture.

Comment le configurateur se connecte à WooCommerce

fellandframe.co.uk fonctionne avec WordPress et WooCommerce, et les configurateurs accèdent au panier via le plugin Simplio3D pour WordPress, en mode Ajouter au panier. Fell & Frame l’a configuré en quatre étapes :

1. Six configurateurs créés dans Simplio3D, un par type de fenêtre, avec leurs options et leurs prix.
2. Six produits WooCommerce, de Flush Casement 1 Pane à Flush Casement 4 Pane, chacun avec son propre SKU.
3. Chaque configurateur est relié à son produit par l’identifiant produit WooCommerce.
4. Une page WordPress comprenant un court bloc de HTML propre à Fell & Frame : six cartes, chacune chargeant son configurateur dans le même cadre intégré.

Lorsqu’un acheteur appuie sur Ajouter au panier, le plugin ajoute le produit correspondant au panier WooCommerce au prix calculé par le configurateur, avec le détail de chaque sélection. Le panier s’ouvre à côté de la page, où le champ propre à la boutique Référence du site (pièce / emplacement) permet à l’acheteur d’indiquer l’emplacement de chaque fenêtre, ce qui est utile lorsqu’une même commande couvre plusieurs pièces. La livraison et les taxes sont ajoutées lors du paiement habituel WooCommerce de la boutique. Pour en savoir plus sur cette configuration : configurateurs de produits 3D pour WooCommerce.

Ce qu’un projet comme celui-ci intégrerait aujourd’hui

Aucun élément de cette section ne fait partie de la configuration Fell & Frame décrite ci-dessus, qui utilise une ancienne version du plugin Simplio3D et une page rédigée par Fell & Frame elle-même. Pour une menuiserie qui démarre aujourd’hui :

• Des blocs plutôt que du HTML écrit à la main. Le plugin WordPress actuel ajoute cinq blocs natifs (Viewer, Options, Price, Summary et Add to Cart) qui partagent une même configuration active sur la page ; chacun est également disponible sous forme de shortcode pour les constructeurs de pages tels qu’Elementor, comme l’explique le guide Elementor. Le prix du panier peut être le prix calculé par Simplio3D, vérifié côté serveur.
• Une nouvelle gamme à partir d’une description. Un premier configurateur pour un autre produit, par exemple une gamme de portes en bois, peut être généré à partir d’une description écrite, puis finalisé manuellement.
• La vérification des règles. L’assistant IA peut auditer la couverture des options et la logique conditionnelle des six configurateurs, par exemple pour vérifier que chaque ouvrant fixe supprime bien sa poignée et ses charnières dans chaque type de fenêtre, puis proposer des corrections lorsqu’une règle manque.
• La tarification d’une demande téléphonique avec un agent. Fell & Frame prend également des commandes par téléphone. Un client IA tel que Claude, connecté à l’espace de travail via MCP avec une connexion limitée, peut calculer le prix d’une configuration décrite par un appelant. Les modifications de prix ou de SKU arrivent uniquement sous forme de changements en attente, qu’une personne applique ensuite dans le tableau de bord.