Tillbaka till fallstudier
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: en egenutvecklad konfigurator för träfönster för WooCommerce
Fell & Frame·
Fell & Frame konstruerar, tillverkar med maskiner och handbehandlar träfönster i sin egen verkstad i Carlisle, Cumbria, och säljer dem till husägare, byggare, arkitekter och fastighetsutvecklare i hela Storbritannien. Företaget tillverkar och levererar med mer än 50 års erfarenhet av snickeri, och varje fönster tillverkas på beställning: egen storlek, eget träslag, egen glasning, egna gångjärn och beslag.
I mars 2026 lade Fell & Frame till en konfigurator för träfönster i sin WordPress- och WooCommerce-butik på fellandframe.co.uk. Köpare väljer en av sex typer av släta sidhängda fönster, anger måtten på millimetern, specificerar fönstret i 3D och lägger det i varukorgen till priset som visas på skärmen. Fell & Frames eget team gjorde hela uppsättningen: de sex konfiguratorerna i Simplio3D, WooCommerce-produkterna bakom dem och sidan som samlar dem, anslutna med Simplio3D-pluginet för WordPress.
Projektet i korthet
| Post | Information |
|---|---|
| Kund | Fell & Frame, en tillverkare av fönster och dörrar i trä i Carlisle, Cumbria, och ett varumärke som ägs av Cubby Construction Limited |
| Butik | fellandframe.co.uk, byggd på WordPress och WooCommerce |
| Konfiguratorer | Sex typer av infällda fönsterbågar: 1 ruta, 2 rutor horisontellt, 2 rutor vertikalt, 3 rutor (1–2), 3 rutor (2–1) och 4 rutor |
| Skapat av | Fell & Frames eget team: 3D-konfiguratorerna, deras tillval och priser, WooCommerce produkterna och sidan |
| Integration | Insticksprogrammet Simplio3D för WordPress, i läget Lägg i varukorgen |
| Lanserades | Mars 2026, bakom en konfigurator-knapp i butikens huvudmeny |
| Vad köparen ser | Fönstret i 3D med måtten utmärkta, totalpriset och en knapp för Lägg i varukorgen |
Vad kunden behövde
Ett pris för alla mått
Varje fönster måttanpassas, så ingen prislista kunde täcka hela sortimentet. Varje bredd och höjd mellan 300 och 1 400 mm behövde ett eget pris.
Hela specifikationen online
Öppningstyper, träslag, glasning, gångjärn, spaltventiler, ytbehandling och handtag: allt verkstaden behöver för att tillverka fönstret, valt av köparen.
Trygghet och säkerhet från början
PAS 24-säkerhet, laminerat glas och utrymningsgångjärn väljs när fönstret specificeras, inte läggs till efter ett telefonsamtal.
Se fönstret innan du beställer
Rätt antal rutor, rätt öppningsfunktioner och handtagen på rätt sida, visade i 3D innan köparen betalar.
Beställningar som verkstaden kan tillverka från
Varje fönster som når varukorgen har en komplett specifikation och är redo att gå in i produktion.
Drivs av snickeriet självt
En lösning som Fell & Frames eget team kunde bygga, prissätta och ändra utan att behöva vänta på en utvecklare.
Lösningen: en konfigurator för träfönster för varje typ av båge
En knapp med texten Konfigurator i huvudmenyn öppnar en enda sida. Sex kort högst upp visar renderingar av de fönstertyper som Fell & Frame tillverkar, från en till fyra rutor. När man klickar på ett kort laddas det fönstrets konfigurator i ramen nedan, så att köparen kan växla mellan typer utan att lämna sidan.
Varje konfigurator visar fönstret i 3D, med alternativen bredvid i nio avsnitt: PAS24-säkerhet, fönstertyp, handtag, träslag, storlek, gångjärn, ventilation, ytbehandling och glasning. Måtten anges i millimeter och modellen ändrar storlek för att matcha, med måtten utritade bredvid. Fönster med mer än en båge har ett höjdmått för varje rad och ett breddmått för varje kolumn, samt en öppningstyp för varje båge: vridbar, tiltfunktion eller fast. Informationsknappar förklarar de mindre uppenbara valen, till exempel vad ett utrymningsgångjärn används till eller hur mycket insynsskydd varje glasmönster ger.
Regler ser till att varje specifikation går att tillverka. Val av PAS 24-säkerhet ändrar glaset till laminerat, och en båge som ställs in som fast förlorar sina val för handtag och gångjärn. Priset följer var och en av dessa ändringar, precis som alla andra val.
Under alternativen ändras Totalt pris med varje val, bredvid knappen Lägg i varukorg. En verktygsrad bredvid modellen låter köparen rotera den, visa den i helskärm, visa måtten eller ta en ögonblicksbild.
Vad Fell & Frame-köpare kan specificera
De sex konfiguratorerna delar samma uppsättning alternativ. Fönster med fler rutor lägger till ett mått för varje rad eller kolumn och en öppningstyp för varje båge.
| Alternativ | Valmöjligheter |
|---|---|
| Fönstertyp | Vrid-, tilt- eller fast funktion, inställd för varje båge. En fast båge har varken handtag eller gångjärn. |
| Storlek | Bredd och höjd i millimeter, 300 till 1 400 mm i steg om 1 mm; en höjd för varje rad och en bredd för varje kolumn på fönster med fler rutor |
| Fönsterbänksförlängning | 35, 60 eller 85 mm |
| Träslag | Röd furu (barrträ) och Accoya (modifierat trä) på alla typer, samt Red Grandis (modifierat trä) på fem typer eller Utile (lövträ) på 3-rutorsfönstret (1–2) |
| Handtag | Vänster- eller högerhängd för varje båge, i polerad krom, satin-krom, vitt, svart eller guld |
| Gångjärn | Friktionsgångjärn för varje öppningsbar båge: standard, utrymnings- eller lättstädade utrymningsgångjärn |
| Ventilation | Ingen, eller en spaltventil för varje båge från 265 mm (1 700 mm²) och uppåt; enkelbågen inkluderar Simon Sightline 400 och 500 samt Titon Trimvent XR16 och 90 Hi Lift; ventilfärg i vitt, svart eller brunt |
| Ytbehandling | Endast grundmålad eller helt färdigbehandlad |
| Glasning | En 24 mm dubbelglasad isolerruta, klar eller med ett av 20 insynsskyddande mönster i klass 1 till 5; härdat som standard eller laminerat; distansprofil med varm kant i svart eller silver |
| Säkerhet | PAS 24 eller inte; om du väljer PAS 24 ändras glaset till laminerat glas |
Så här beställer en köpare ett Fell & Frame-fönster
Välj fönstertyp
Öppna Konfiguratorn från huvudmenyn och klicka på ett av de sex korten, från 1 ruta till 4 rutor.
Ange måtten
Ange bredd och höjd i millimeter, mellan 300 och 1 400 mm. 3D-fönstret ändrar storlek och visar sina mått.
Ange fönstret
Öppningstyp för varje båge, träslag, handtag, gångjärn, spaltventil, ytbehandling och glasning, med PAS 24-säkerhet där projektet kräver det.
Lägg i varukorgen
Kontrollera totalsumman och klicka på Lägg i varukorgen. Varukorgen visar fönstret med alla val, och ett fält för platsreferens anger vilket rum det gäller.
Tillverkad i Carlisle
Fell & Frame bearbetar, monterar och färdigställer fönstret i sin verkstad och levererar det klart för montering, eller så hämtar köparen det.
Så ansluter konfiguratorn till WooCommerce
fellandframe.co.uk körs på WordPress och WooCommerce, och konfiguratorerna når varukorgen via Simplio3D-pluginet för WordPress, i läget Lägg i varukorg. Fell & Frame satte upp det i fyra delar:
- Sex konfiguratorer byggda i Simplio3D, en för varje fönstertyp, med sina alternativ och priser.
- Sex WooCommerce-produkter, från Flush Casement 1 Pane till Flush Casement 4 Pane, var och en med eget SKU.
- Varje konfigurator är länkad till sin produkt via WooCommerce-produkt-ID.
- En WordPress-sida med ett kort block av Fell & Frames egen HTML: sex kort som var och en laddar sin konfigurator i samma inbäddade ram.
När en köpare trycker på Lägg i varukorg lägger pluginet till den matchande produkten i WooCommerce-varukorgen till konfiguratorns beräknade pris, med en beskrivning av varje val. Varukorgen öppnas bredvid sidan, där butikens eget fält Platsreferens (rum / plats) låter köparen notera var varje fönster ska placeras, vilket hjälper när en beställning omfattar flera rum. Frakt och skatter läggs till i butikens vanliga WooCommerce-kassa. Läs mer om denna uppsättning: 3D-produktkonfiguratorer för WooCommerce.
Resultat
Varje bågtyp prissatt online
Sex fönstertyper kan specificeras och prissättas på millimetern på fellandframe.co.uk när som helst på dygnet, utan att behöva vänta på en offert.
Beställningar som kommer in med fullständig specifikation
Varje fönster hamnar i varukorgen med sin fullständiga specifikation och en platsreferens, så beställningen anger exakt vad verkstaden ska tillverka.
En konfigurator som teamet äger
Fell & Frame byggde den och driver den internt, så nya alternativ och prisändringar görs av dem som tillverkar fönstren.
Vad Fell & Frame säger
Varje fönster vi tillverkar måttanpassas, så en prislista skulle aldrig fungera online. Vi byggde konfiguratorn själva i Simplio3D: våra typer av öppningsbara fönster, träslagen, glasen, ventilerna och gångjärnen vi erbjuder samt prissättningen bakom dem. Kunderna ser nu det exakta fönstret med dess mått innan det läggs i varukorgen, och varje beställning når oss med fullständig specifikation och information om vilket rum den gäller. Eftersom vi satte upp den internt kan vi enkelt själva lägga till ett alternativ eller justera ett pris.
Peter SikkensProduktföretagsingenjör inom snickeri · Fell & Frame
Frågor om det här projektet
Fell & Frames eget team, utan extern utveckling. De byggde de sex konfiguratorerna i Simplio3D, angav deras alternativ och priser, skapade en WooCommerce-produkt för varje fönstertyp, kopplade varje konfigurator till sin produkt och skrev sidan som växlar mellan dem. Insticksprogrammet Simplio3D för WordPress hanterar steget Lägg i varukorg.
Bredd och höjd anges i millimeter, i steg om 1 mm från 300 till 1 400 mm. Fönster med flera rutor har en höjd för varje rad och en bredd för varje kolumn, och 3D-modellen ritar om sina mått när siffrorna ändras.
Genom insticksprogrammet för Simplio3D i läget Lägg i varukorg. Varje konfigurator är kopplad till en WooCommerce-produkt via produkt-ID, och Lägg i varukorg lägger produkten i varukorgen till det pris som konfiguratorn har beräknat, tillsammans med en beskrivning av varje val.
Ja. Fell & Frame visar alla sex på en sida: ett kort för varje fönstertyp laddar dess konfigurator i samma inbäddade ram, och varje konfigurator lägger fortfarande till sin egen WooCommerce-produkt i varukorgen.
Ja, genom regler som Fell & Frame har ställt in i Simplio3D. Om du väljer PAS 24-säkerhet ändras glaset till laminerat, och om du ställer in en båge som fast tas valen för handtag och gångjärn bort. Priset räknas om vid varje ändring.
Genom att välja utrymningsgångjärn, eller lättstädade utrymningsgångjärn, för den öppningsbara bågen. Konfiguratorns informationsknappar förklarar att utrymningsgångjärn öppnas hela 90 grader för utrymning och att ett utrymningsfönster behöver en öppningsbar del som är minst 540 mm bred och 830 mm hög.
Fell & Frame tillverkar fönstret i sin verkstad i Carlisle och levererar det sedan klart för montering, eller låter det hämtas upp från verkstaden. I deras egen FAQ står det att de siktar på leverans inom fyra veckor.
Vad ett sådant projekt skulle kunna lägga till i dag
Inget i detta avsnitt ingår i Fell & Frame-installationen som beskrivs ovan, vilken använder en tidig version av Simplio3D-pluginet och en sida som Fell & Frame själv skapade. För ett snickeri som börjar nu:
- Block i stället för handskriven HTML. Det aktuella WordPress-pluginet lägger till fem inbyggda block (Viewer, Options, Price, Summary och Add to Cart) som delar en och samma aktiva konfiguration på sidan, och vart och ett finns även som en shortcode för sidbyggare som Elementor, vilket Elementor-guiden förklarar. Varukorgspriset kan vara det pris som Simplio3D har beräknat och som kontrolleras på servern.
- Ett nytt sortiment från en beskrivning. En första konfigurator för en annan produkt, exempelvis ett sortiment av trädörrar, kan genereras från en skriftlig beskrivning och sedan färdigställas manuellt.
- Kontroll av reglerna. AI-assistenten kan granska täckningen av alternativ och villkorslogik i alla sex konfiguratorer, till exempel att varje fast båge tar bort handtag och gångjärn i varje fönstertyp, och föreslå korrigeringar där en regel saknas.
- Prissättning av telefonförfrågningar med en agent. Fell & Frame tar också emot beställningar per telefon. En AI-klient som Claude, ansluten till arbetsytan via MCP med en begränsad anslutning, kan beräkna priset för en konfiguration som en uppringare beskriver. Ändringar av priser eller SKU:er kommer alltid in som väntande ändringar som en person tillämpar i instrumentpanelen.
Fönsterluckor i 3D, i ett offertsystem
Så returnerar Evergreen Shutters en genererad 3D-vy av varje fönsterlucka med varje offert från sitt eget system, via Simplio3D API.
Programvara för fönsterkonfigurator
Mått, karmmaterial, glasning, öppningstyp och färg, med priset beräknat medan kunden bygger sitt fönster.
Konfiguratorer i en WooCommerce-butik
Så integreras en konfigurator med WooCommerce och skickar den konfigurerade produkten, till sitt beräknade pris, till varukorgen.
Bygg, distribuera och skala 3D-handel.
Äg en 3D-produktkonfigurator för att driva försäljning och generera förslag direkt från din webbplats.
Relaterade fallstudier
Tentest: a 3D pop-up tent configurator with a design canvas on every panel
How Tentest built its own pop-up tent configurator: six sizes, a design canvas with logo upload on every panel, AR, and a quote request at the end.
Zdesk: en 3D-konfigurator för kontorsmöbler integrerad i WooCommerce
Zdesk, en kontorsmöbeltillverkare från Wrocław, lade till sju 3D-konfiguratorer i sin WooCommerce-butik med pluginet Simplio3D. Köpare väljer storlek, dekor och beslag, ser priset och lägger produkten i varukorgen.
Evergreen Shutters: 3D förhandsvisningar av persienner i ett internt offertsystem
Evergreen Shutters Ltd behövde exakta visuella representationer för tusentals persiennvarianter i sin egen offertplattform. Istället för att bygga en 3D-motor integrerade de Simplio3D API och returnerade en genererad 3D-vy med varje offert.