Terug naar casestudies
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: een intern ontwikkelde configurator voor houten ramen voor WooCommerce
Fell & Frame·
Fell & Frame ontwerpt, produceert en werkt houten ramen met de hand af in zijn eigen werkplaats in Carlisle, Cumbria, en verkoopt ze aan huiseigenaren, bouwers, architecten en projectontwikkelaars in heel het VK. Het bedrijf produceert en levert al meer dan 50 jaar maatwerk in timmerwerk, en elk raam wordt op bestelling gemaakt: met een eigen afmeting, eigen houtsoort, eigen beglazing, scharnieren en beslag.
In maart 2026 voegde Fell & Frame een configurator voor houten ramen toe aan zijn WordPress- en WooCommerce-winkel op fellandframe.co.uk. Kopers kiezen een van de zes typen vlakliggende draairamen, voeren de afmetingen tot op de millimeter in, configureren het raam in 3D en voegen het toe aan de winkelmand voor de prijs die op het scherm staat. Het eigen team van Fell & Frame verzorgde de volledige inrichting: de zes configuratoren in Simplio3D, de achterliggende WooCommerce-producten en de pagina die alles samenbrengt, gekoppeld met de Simplio3D-plugin voor WordPress.
Het project in één oogopslag
| Onderdeel | Details |
|---|---|
| Klant | Fell & Frame, een fabrikant van houten ramen en deuren in Carlisle, Cumbria, en een handelsmerk van Cubby Construction Limited |
| Webshop | fellandframe.co.uk, gebouwd op WordPress en WooCommerce |
| Configurators | Zes typen draaikiepramen: 1 ruit, 2 ruiten horizontaal, 2 ruiten verticaal, 3 ruiten (1-2), 3 ruiten (2-1) en 4 ruiten |
| Gebouwd door | Het eigen team van Fell & Frame: de 3D-configurators, hun opties en prijzen, de WooCommerce-producten en de pagina |
| Integratie | De Simplio3D-plug-in voor WordPress, in de modus Toevoegen aan winkelmandje |
| Livegang | Maart 2026, achter een Configurator-knop in het hoofdmenu van de winkel |
| Wat de koper ziet | Het raam in 3D met de afmetingen erop, de totaalprijs en een knop 'Toevoegen aan winkelmandje' |
Wat de klant nodig had
Een prijs voor elke afmeting
Elk raam wordt op maat gemaakt, dus geen enkele prijslijst kon het volledige assortiment omvatten. Elke breedte en hoogte tussen 300 en 1.400 mm had een eigen prijs nodig.
De volledige specificatie, online
Openingswijzen, hout, beglazing, scharnieren, ventilatieroosters, afwerking en handgrepen: alles wat de werkplaats nodig heeft om het raam te maken, gekozen door de koper.
Veiligheid en beveiliging voorop
PAS 24-beveiliging, gelaagd glas en uitzettingsscharnieren worden gekozen wanneer het raam wordt gespecificeerd, niet pas na een telefoontje toegevoegd.
Bekijk het raam voordat u bestelt
Het juiste aantal ruiten, de juiste openers en de handgrepen aan de juiste kant, in 3D getoond voordat de koper betaalt.
Bestellingen die de werkplaats kan produceren
Elk raam komt met de volledige specificatie in het winkelmandje, klaar om in productie te gaan.
Beheerd door de timmerwerkplaats zelf
Een opzet die het eigen team van Fell & Frame kon opbouwen, prijzen en aanpassen, zonder op een ontwikkelaar te wachten.
De oplossing: een configurator voor houten ramen voor elk type draairaam
Een knop Configurator in het hoofdmenu opent één pagina. Zes kaarten bovenaan tonen renders van de raamtypen die Fell & Frame maakt, van één tot vier ruiten. Door op een kaart te klikken, wordt de configurator van dat raam in het kader eronder geladen, zodat een koper tussen typen kan wisselen zonder de pagina te verlaten.
Elke configurator toont het raam in 3D, met daarnaast de opties in negen secties: PAS24-beveiliging, raamtype, handgrepen, houtsoort, afmetingen, scharnieren, ventilatie, afwerking en beglazing. De afmetingen worden in millimeters ingevoerd en het model past zich overeenkomstig aan, met de maten ernaast weergegeven. Ramen met meer dan één vleugel vereisen een hoogte per rij en een breedte per kolom, plus een openingstype voor elke vleugel: draaibaar, kiepend of vast. Infoknoppen lichten minder voor de hand liggende keuzes toe, zoals waarvoor een vluchtwegscharnier dient of hoe ondoorzichtig elk glaspatroon is.
Regels zorgen ervoor dat elke specificatie maakbaar blijft. Bij de keuze voor PAS 24-beveiliging wordt het glas vervangen door gelaagd glas, en een als vast ingestelde vleugel verliest zijn keuzes voor handgreep en scharnier. De prijs volgt elk van deze wijzigingen, net als elke andere selectie.
Onder de opties verandert de Totale prijs bij elke selectie, naast de knop Toevoegen aan winkelmand. Met een werkbalk naast het model kan de koper het draaien, schermvullend weergeven, de afmetingen tonen of een momentopname maken.
Wat kopers van Fell & Frame kunnen specificeren
De zes configuratoren delen één set opties. Ramen met meer ruiten voegen een maat toe voor elke rij of kolom en een openingstype voor elke vleugel.
| Optie | Keuzes |
|---|---|
| Raamtype | Draaien, kiepen of vast, ingesteld voor elke vleugel. Een vaste vleugel heeft geen handgreep of scharnieren. |
| Afmetingen | Breedte en hoogte in millimeters, 300 tot 1.400 mm in stappen van 1 mm; een hoogte voor elke rij en een breedte voor elke kolom bij ramen met meerdere ruiten |
| Vensterbankverlenging | 35, 60 of 85 mm |
| Hout | Red Pine (naaldhout) en Accoya (gemodificeerd hout) voor elk type, plus Red Grandis (gemodificeerd) voor vijf typen of Utile (hardhout) voor de uitvoering met 3 ruiten (1-2) |
| Handgrepen | Links- of rechtshandig voor elke vleugel, in gepolijst chroom, satijnchroom, wit, zwart of goud |
| Scharnieren | Wrijvingsscharnieren voor elke te openen vleugel: standaard, vluchtweguitvoering of gemakkelijk te reinigen en vluchtweguitvoering |
| Ventilatie | Geen, of een ventilatierooster voor elke vleugel vanaf 265 mm (1,700 mm²); het enkele draairaam biedt daarnaast Simon Sightline 400 en 500 en Titon Trimvent XR16 en 90 Hi Lift; roosterkleur in wit, zwart of bruin |
| Afwerking | Alleen gegrond, of volledig afgewerkt |
| Beglazing | Een 24 mm dubbelglas geïsoleerde eenheid, helder of met een van 20 matte patronen in klasse 1 tot 5; standaard gehard of gelaagd; een zwarte of zilverkleurige warm-edge afstandhouder |
| Beveiliging | PAS 24 of niet; als u PAS 24 kiest, wordt het glas vervangen door gelaagd glas |
Zo bestelt een koper een Fell & Frame-raam
Kies het raamtype
Open Configurator via het hoofdmenu en klik op een van de zes kaarten, van 1 ruit tot 4 ruiten.
Voer de afmetingen in
Voer de breedte en hoogte in millimeters in, tussen 300 en 1.400 mm. Het 3D-raam past zich aan en toont de afmetingen.
Specificeer het raam
Openingstype voor elke vleugel, houtsoort, handgrepen, scharnieren, ventilatierooster, afwerking en beglazing, met PAS 24-beveiliging waar het project daarom vraagt.
Voeg toe aan de winkelwagen
Controleer het totaalbedrag en klik op Toevoegen aan winkelwagen. De winkelwagen toont het raam met alle geselecteerde opties, en een veld voor de locatieverwijzing legt vast voor welke ruimte het bestemd is.
Gemaakt in Carlisle
Fell & Frame bewerkt, monteert en werkt het raam af in zijn werkplaats en levert het installatieklaar, of de koper haalt het op.
Hoe de configurator is gekoppeld aan WooCommerce
fellandframe.co.uk draait op WordPress en WooCommerce, en de configuratoren bereiken de winkelmand via de Simplio3D-plugin voor WordPress, in de modus Toevoegen aan winkelmand. Fell & Frame richtte dit in vier delen in:
- Zes configuratoren gebouwd in Simplio3D, één per raamtype, met hun opties en prijzen.
- Zes WooCommerce-producten, van Flush Casement 1 Pane tot Flush Casement 4 Pane, elk met een eigen SKU.
- Elke configurator gekoppeld aan zijn product via de WooCommerce-product-ID.
- Eén WordPress-pagina met een kort blok HTML van Fell & Frame zelf: zes kaarten die elk hun configurator in hetzelfde ingesloten kader laden.
Wanneer een koper op Toevoegen aan winkelmand klikt, voegt de plugin het bijbehorende product toe aan de WooCommerce-winkelmand voor de door de configurator berekende prijs, met een beschrijving van elke selectie. De winkelmand wordt naast de pagina geopend, waar het eigen veld Locatiereferentie (kamer / locatie) van de winkel de koper laat noteren waar elk raam komt, wat handig is wanneer één bestelling meerdere ruimtes omvat. Verzendkosten en belastingen worden toegevoegd tijdens de gebruikelijke WooCommerce-afrekenprocedure van de winkel. Meer over deze inrichting: 3D-productconfiguratoren voor WooCommerce.
Resultaten
Elk type draairaam online geprijsd
Zes raamtypes kunnen op fellandframe.co.uk op elk moment tot op de millimeter nauwkeurig worden gespecificeerd en geprijsd, zonder op een offerte te wachten.
Bestellingen die volledig gespecificeerd binnenkomen
Elk raam komt met de volledige specificatie en een projectreferentie in de winkelmand terecht, zodat de bestelling precies aangeeft wat de werkplaats moet maken.
Een configurator die het team zelf beheert
Fell & Frame heeft de configurator zelf gebouwd en beheert deze intern, zodat nieuwe opties en prijswijzigingen worden doorgevoerd door de mensen die de ramen maken.
Wat Fell & Frame zegt
Elk raam dat we maken, wordt op maat gemaakt, dus een prijslijst zou online nooit hebben gewerkt. We hebben de configurator zelf gebouwd in Simplio3D: onze types draai-kiepramen, de houtsoorten, beglazing, ventilatieroosters en scharnieren die we aanbieden, en de prijzen erachter. Klanten zien nu het exacte raam, inclusief de afmetingen, voordat het in de winkelmand gaat, en elke bestelling bereikt ons met de volledige specificatie en de ruimte waarvoor het bestemd is. Omdat we alles intern hebben opgezet, voegen we zelf eenvoudig een optie toe of passen we een prijs aan.
Peter SikkensProduct Engineer Timmerwerk · Fell & Frame
Vragen over dit project
Het eigen team van Fell & Frame, zonder externe ontwikkeling. Zij bouwden de zes configuratoren in Simplio3D, stelden de opties en prijzen in, maakten voor elk raamtype een WooCommerce-product, koppelden elke configurator aan het bijbehorende product en schreven de pagina waarmee je ertussen wisselt. De Simplio3D-plugin voor WordPress regelt het toevoegen aan de winkelmand.
De breedte en hoogte worden ingevoerd in millimeters, in stappen van 1 mm van 300 tot 1.400 mm. Ramen met meerdere ruiten gebruiken een hoogte voor elke rij en een breedte voor elke kolom, en het 3D-model past de afmetingen aan wanneer de waarden veranderen.
Via de modus Toevoegen aan winkelmand van de Simplio3D-plugin. Elke configurator is via de product-ID gekoppeld aan een WooCommerce-product, en Toevoegen aan winkelmand plaatst dat product in de winkelmand tegen de door de configurator berekende prijs, inclusief een beschrijving van elke selectie.
Ja. Fell & Frame toont alle zes op één pagina: een kaart voor elk raamtype laadt de bijbehorende configurator in hetzelfde ingebedde frame, en elke configurator voegt nog steeds zijn eigen WooCommerce-product toe aan de winkelmand.
Ja, via regels die Fell & Frame heeft ingesteld in Simplio3D. Bij het kiezen van PAS 24-beveiliging wordt het glas vervangen door gelaagd glas, en wanneer een raamvleugel als vast wordt ingesteld, verdwijnen de opties voor handgrepen en scharnieren. De prijs wordt bij elke wijziging opnieuw berekend.
Door scharnieren voor vluchtopeningen te kiezen, of scharnieren voor eenvoudig reinigen en vluchtopeningen, voor de openslaande vleugel. De infoknoppen van de configurator leggen uit dat vluchtopenscharniereen volledig tot 90 graden openen voor een vluchtweg, en dat een vluchtvenster een openingsdeel nodig heeft dat minimaal 540 mm breed en 830 mm hoog is.
Fell & Frame produceert het raam in de werkplaats in Carlisle en levert het vervolgens installatieklaar, of laat het ophalen bij de werkplaats. In de eigen FAQ staat dat het bedrijf ernaar streeft binnen vier weken te leveren.
Wat een dergelijk project vandaag zou toevoegen
Dit onderdeel maakt geen deel uit van de hierboven beschreven inrichting van Fell & Frame, die een vroege versie van de Simplio3D-plugin gebruikt en een pagina die Fell & Frame zelf heeft geschreven. Voor een timmerbedrijf dat nu begint:
- Blokken in plaats van handgeschreven HTML. De huidige WordPress-plugin voegt vijf native blokken toe (Viewer, Opties, Prijs, Overzicht en Toevoegen aan winkelwagen) die één live configuratie op de pagina delen; elk blok is ook beschikbaar als shortcode voor paginabouwers zoals Elementor, zoals de Elementor-handleiding uitlegt. De prijs in de winkelwagen kan de door Simplio3D berekende prijs zijn, gecontroleerd op de server.
- Een nieuw assortiment op basis van een beschrijving. Een eerste configurator voor een ander product, zoals een assortiment houten deuren, kan vanuit een geschreven beschrijving worden gegenereerd en vervolgens handmatig worden afgewerkt.
- De regels controleren. De AI-assistent kan de dekking van opties en voorwaardelijke logica in alle zes configuratoren controleren, bijvoorbeeld of elke vaste vleugel in elk raamtype zijn handgreep en scharnieren verliest, en verbeteringen voorstellen waar een regel ontbreekt.
- Een telefonische aanvraag prijzen met een agent. Fell & Frame neemt ook telefonisch bestellingen aan. Een AI-client zoals Claude, via MCP met een afgebakende verbinding gekoppeld aan de werkruimte, kan de prijs berekenen van een configuratie die een beller beschrijft. Wijzigingen in prijzen of SKU's worden uitsluitend als openstaande wijzigingen aangeleverd, die een medewerker in het dashboard toepast.
Luiken in 3D, binnen een offertesysteem
Hoe Evergreen Shutters via de Simplio3D API vanuit zijn eigen systeem bij elke offerte een gegenereerde 3D-weergave van elk luik terugstuurt.
Software voor raamconfiguratie
Afmetingen, kozijnmateriaal, beglazing, type opening en kleur, met een prijs die wordt berekend terwijl de klant het raam samenstelt.
Configurators in een WooCommerce-winkel
Hoe een configurator verbinding maakt met WooCommerce en het geconfigureerde product tegen de berekende prijs naar de winkelwagen stuurt.
Bouw, implementeer en schaal 3D-commerce.
Bezit een 3D-productconfigurator om verkopen te stimuleren en direct vanuit uw website offertes te genereren
Gerelateerde casestudy's
Tentest: een 3D-configurator voor pop-uptenten met een ontwerpcanvas op elk paneel
Tentest, een Estse fabrikant van pop-uptenten binnen Scandipro Group, bouwde zijn eigen 3D-configurator: zes tentformaten, een ontwerpcanvas met logo-upload op elk paneel, AR en een offerteaanvraag.
Zdesk: een 3D-configurator voor kantoormeubilair ingebouwd in WooCommerce
Zdesk, een producent van kantoormeubilair uit Wrocław, heeft met de plugin Simplio3D zeven 3D-configuratoren toegevoegd aan zijn WooCommerce-webshop. Kopers bepalen de afmetingen, het decor en de beslagonderdelen, zien de prijs en voegen het product toe aan de winkelwagen.
Evergreen Shutters: 3D luikvoorbeelden binnen een intern offertesysteem
Evergreen Shutters Ltd had nauwkeurige visuals nodig voor duizenden luikvariaties binnen hun eigen offertesysteem. In plaats van een 3D-engine te bouwen, integreerden ze de Simplio3D API en gaven een gegenereerd 3D-overzicht bij elke offerte terug.