Tilbage til casestudier
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: en trævindueskonfigurator udviklet internt til WooCommerce
Fell & Frame·
Fell & Frame designer, fremstiller og færdiggør trævinduer i hånden på eget værksted i Carlisle, Cumbria, og sælger dem til boligejere, entreprenører, arkitekter og udviklere i hele Storbritannien. Virksomheden fremstiller og leverer med mere end 50 års erfaring inden for snedkerarbejde, og hvert vindue fremstilles på bestilling: i den ønskede størrelse, med det ønskede træ, den ønskede ruder, hængsler og beslag.
I marts 2026 tilføjede Fell & Frame en konfigurator til trævinduer til sin WordPress- og WooCommerce-butik på fellandframe.co.uk. Kunder vælger en af seks typer planforsænkede sidehængte vinduer, indtaster målene med millimeterpræcision, specificerer vinduet i 3D og lægger det i kurven til den viste pris. Fell & Frames eget team stod for hele opsætningen: de seks konfiguratorer i Simplio3D, WooCommerce-produkterne bag dem og siden, der samler dem, forbundet med Simplio3D-pluginet til WordPress.
Projektet kort fortalt
| Emne | Detaljer |
|---|---|
| Kunde | Fell & Frame, en producent af trævinduer og -døre i Carlisle, Cumbria, og et handelsmærke under Cubby Construction Limited |
| Butik | fellandframe.co.uk, bygget på WordPress og WooCommerce |
| Konfiguratorer | Seks typer plane vinduer: 1 rude, 2 ruder vandret, 2 ruder lodret, 3 ruder (1-2), 3 ruder (2-1) og 4 ruder |
| Udviklet af | Fell & Frame’s eget team: 3D-konfiguratorerne, deres valgmuligheder og priser, WooCommerce-produkterne og siden |
| Integration | Simplio3D-pluginnet til WordPress i tilstanden Føj til kurv |
| Lanceret | Marts 2026, bag en Konfigurator-knap i butikkens hovedmenu |
| Hvad køberen ser | Vinduet i 3D med angivne mål, den samlede pris og en knap til at lægge i kurven |
Hvad kunden havde brug for
En pris for enhver størrelse
Hvert vindue fremstilles efter mål, så ingen prisliste kunne dække hele sortimentet. Hver bredde og højde mellem 300 og 1.400 mm skulle have sin egen pris.
Hele specifikationen online
Åbningstyper, træ, glas, hængsler, ventilationsspalter, overfladebehandling og håndtag: alt, hvad værkstedet skal bruge for at fremstille vinduet, valgt af køberen.
Sikkerhed og tryghed fra starten
PAS 24-sikkerhed, lamineret glas og udgangshængsler vælges, når vinduet specificeres, ikke tilføjes efter en telefonsamtale.
Se vinduet, før du bestiller
Det rette antal ruder, de rette åbningsmuligheder og håndtagene på den rigtige side, vist i 3D, før køberen betaler.
Ordrer, som værkstedet kan bygge ud fra
Hvert vindue når kurven med sin komplette specifikation, klar til at gå i produktion.
Styret af snedkeriet selv
En opsætning, som Fell & Frame’s eget team kunne opbygge, prissætte og ændre uden at vente på en udvikler.
Løsningen: en konfigurator til trævinduer for hver type sidehængt vindue
En Konfigurator-knap i hovedmenuen åbner én samlet side. Seks kort øverst viser rendering af de vinduestyper, Fell & Frame fremstiller, fra én til fire ruder. Når man klikker på et kort, indlæses konfiguratoren for det pågældende vindue i rammen nedenfor, så kunden kan skifte mellem typer uden at forlade siden.
Hver konfigurator viser vinduet i 3D med valgmulighederne ved siden af i ni sektioner: PAS24-sikkerhed, vinduestype, greb, træsort, størrelse, hængsler, ventilation, overfladebehandling og glas. Målene indtastes i millimeter, og modellen ændrer størrelse derefter med dimensionerne vist ved siden af. Vinduer med mere end én ramme kræver en højde for hver række og en bredde for hver kolonne samt en åbningstype for hver ramme: dreje, kippe eller fast. Infoknapper forklarer de mindre indlysende valg, f.eks. hvad et nødudgangshængsel bruges til, eller hvor uigennemsigtigt hvert glasmønster er.
Regler sikrer, at alle specifikationer kan fremstilles. Valg af PAS 24-sikkerhed ændrer glasset til lamineret glas, og en ramme, der er indstillet som fast, mister sine valgmuligheder for greb og hængsler. Prisen følger hver af disse ændringer, ligesom den gør ved alle andre valg.
Under valgmulighederne ændres Samlet pris ved hvert valg ved siden af knappen Læg i kurv. En værktøjslinje ved siden af modellen giver kunden mulighed for at dreje den, vise den på fuld skærm, vise dimensionerne eller tage et øjebliksbillede.
Hvad Fell & Frame-købere kan angive
De seks konfiguratorer deler det samme sæt valgmuligheder. Vinduer med flere ruder tilføjer en størrelse for hver række eller kolonne samt en åbningstype for hver ramme.
| Valgmulighed | Valg |
|---|---|
| Vinduestype | Drej, kip eller fast, indstillet for hver ramme. En fast ramme har hverken håndtag eller hængsler. |
| Størrelse | Bredde og højde i millimeter, 300 til 1.400 mm i trin på 1 mm; en højde for hver række og en bredde for hver kolonne på vinduer med flere ruder |
| Forlængelse af vindueskarm | 35, 60 eller 85 mm |
| Træ | Rød fyr (nåletræ) og Accoya (konstrueret træ) på alle typer samt Red Grandis (konstrueret træ) på fem typer eller Utile (hårdttræ) på 3-ruders (1-2) |
| Håndtag | Venstre- eller højrehåndsbetjening for hver ramme, i poleret krom, satinkrom, hvid, sort eller guld |
| Hængsler | Friktionshængsler til hver oplukkelig ramme: standard, redningsåbning eller let rengøring og redningsåbning |
| Ventilation | Ingen eller en spalteventil til hver ramme fra 265 mm (1.700 mm²) og opefter; enkeltkarmvinduet omfatter desuden Simon Sightline 400 og 500 samt Titon Trimvent XR16 og 90 Hi Lift; ventilfarve i hvid, sort eller brun |
| Overfladebehandling | Kun grundet eller fuldt færdigbehandlet |
| Ruder | En 24 mm dobbeltforseglet rudeenhed, klar eller med et af 20 mønstrede glasdesigns i klassifikation 1 til 5; hærdet som standard eller lamineret; en sort eller sølvfarvet afstandsprofil med varm kant |
| Sikkerhed | PAS 24 eller ej; valg af PAS 24 skifter glasset til lamineret glas |
Sådan bestiller en køber et Fell & Frame-vindue
Vælg vinduestype
Åbn Configurator fra hovedmenuen, og klik på et af de seks kort, fra 1 rude til 4 ruder.
Indtast målene
Indtast bredden og højden i millimeter, mellem 300 og 1.400 mm. 3D-vinduet ændrer størrelse og viser sine mål.
Angiv vinduet
Åbningstype for hver ramme, træ, greb, hængsler, ventilationsspalte, overfladebehandling og glas, med PAS 24-sikring, hvor projektet kræver det.
Læg i kurven
Kontrollér det samlede beløb, og tryk på Læg i kurven. Kurven viser vinduet med alle valgmuligheder, og et felt til byggepladsreference angiver, hvilket rum det er til.
Fremstillet i Carlisle
Fell & Frame bearbejder, samler og færdigbehandler vinduet på sit værksted og leverer det klar til montering, eller køberen kan afhente det.
Sådan forbindes konfiguratoren med WooCommerce
fellandframe.co.uk kører på WordPress og WooCommerce, og konfiguratorerne når kurven via Simplio3D-pluginet til WordPress i tilstanden Læg i kurv. Fell & Frame opsatte det i fire dele:
- Seks konfiguratorer bygget i Simplio3D, én for hver vinduestype, med deres valgmuligheder og priser.
- Seks WooCommerce-produkter, fra Flush Casement 1 Pane til Flush Casement 4 Pane, hver med sit eget SKU.
- Hver konfigurator er knyttet til sit produkt via WooCommerce-produkt-ID'et.
- Én WordPress-side med en kort blok af Fell & Frames egen HTML: seks kort, som hver indlæser sin konfigurator i den samme indlejrede ramme.
Når en kunde trykker på Læg i kurv, føjer pluginet det tilsvarende produkt til WooCommerce-kurven til konfiguratorens beregnede pris med en beskrivelse af hvert valg. Kurven åbnes ved siden af siden, hvor butikkens eget felt Site reference (room / location) giver kunden mulighed for at notere, hvor hvert vindue skal placeres, hvilket er nyttigt, når én ordre omfatter flere rum. Fragt og moms tilføjes ved butikkens almindelige WooCommerce-checkout. Læs mere om denne opsætning: 3D-produktkonfiguratorer til WooCommerce.
Resultater
Alle rammetyper med priser online
Seks vinduestyper kan specificeres og prissættes ned til millimeteren på fellandframe.co.uk døgnet rundt uden at vente på et tilbud.
Ordrer, der modtages med fuld specifikation
Hvert vindue lægges i kurven med sin komplette specifikation og en stedsreference, så ordren præcist angiver, hvad værkstedet skal fremstille.
En konfigurator, som teamet selv ejer
Fell & Frame har bygget den og driver den internt, så nye valgmuligheder og prisændringer foretages af de mennesker, der fremstiller vinduerne.
Det siger Fell & Frame
Alle vinduer, vi fremstiller, er specialfremstillede, så en prisliste ville aldrig fungere online. Vi byggede selv konfiguratoren i Simplio3D: vores typer af sidehængte vinduer, de træsorter, glas, ventilationsåbninger og hængsler, vi tilbyder, samt priserne bag dem. Kunderne ser nu det nøjagtige vindue med dets mål, før det lægges i kurven, og hver ordre når frem til os med den fulde specifikation og oplysning om, hvilket rum det er til. Fordi vi har sat det op internt, er det noget, vi ganske enkelt selv gør, når vi skal tilføje en mulighed eller justere en pris.
Peter SikkensProdukttekniker inden for snedkerarbejde · Fell & Frame
Spørgsmål om dette projekt
Fell & Frames eget team, uden ekstern udvikling. De byggede de seks konfiguratorer i Simplio3D, indstillede deres valgmuligheder og priser, oprettede et WooCommerce-produkt for hver vinduestype, knyttede hver konfigurator til det relevante produkt og skrev siden, der skifter mellem dem. Simplio3D-pluginet til WordPress håndterer tilføjelsen til kurven.
Bredde og højde indtastes i millimeter i trin på 1 mm fra 300 til 1.400 mm. Vinduer med flere ruder har en højde for hver række og en bredde for hver kolonne, og 3D-modellen opdaterer sine dimensioner, når tallene ændres.
Via Simplio3D-pluginets tilstand Tilføj til kurv. Hver konfigurator er knyttet til et WooCommerce-produkt via sit produkt-ID, og Tilføj til kurv lægger produktet i kurven til den pris, konfiguratoren har beregnet, med en beskrivelse af hvert valg.
Ja. Fell & Frame viser alle seks på én side: et kort for hver vinduestype indlæser dens konfigurator i den samme indlejrede ramme, og hver konfigurator tilføjer stadig sit eget WooCommerce-produkt til kurven.
Ja, via regler, som Fell & Frame har opsat i Simplio3D. Valg af PAS 24-sikkerhed skifter glasset til lamineret glas, og hvis en ramme sættes til fast, fjernes valgmulighederne for håndtag og hængsler. Prisen genberegnes ved hver ændring.
Ved at vælge flugthængsler eller let-rengørings- og flugthængsler til den oplukkelige ramme. Konfiguratorens informationsknapper forklarer, at flugthængsler åbner helt op til 90 grader for flugt, og at et brandudgangsvindue skal have en åbning på mindst 540 mm i bredden og 830 mm i højden.
Fell & Frame fremstiller vinduet på sit værksted i Carlisle og leverer det derefter klar til montering eller lader det afhente fra værkstedet. Virksomhedens egen FAQ oplyser, at den tilstræber levering inden for fire uger.
Hvad et projekt som dette ville tilføre i dag
Intet i dette afsnit er en del af Fell & Frame-opsætningen beskrevet ovenfor, som bruger en tidlig version af Simplio3D-pluginet og en side, Fell & Frame selv har skrevet. For et snedkeri, der starter nu:
- Blokke i stedet for håndskrevet HTML. Det nuværende WordPress-plugin tilføjer fem indbyggede blokke (Viewer, Options, Price, Summary og Add to Cart), der deler én aktiv konfiguration på siden, og hver af dem findes også som en shortcode til sidebyggere som Elementor, som Elementor-guiden forklarer. Kurvprisen kan være den Simplio3D-beregnede pris, som kontrolleres på serveren.
- En ny produktserie ud fra en beskrivelse. En første konfigurator til et andet produkt, f.eks. en serie trædøre, kan genereres ud fra en skriftlig beskrivelse og derefter færdiggøres manuelt.
- Kontrol af reglerne. AI-assistenten kan gennemgå dækningen af valgmuligheder og betinget logik på tværs af alle seks konfiguratorer, f.eks. at hver fast ramme fjerner sine greb og hængsler i hver vinduestype, og foreslå rettelser, hvor en regel mangler.
- Prissætning af en telefonforespørgsel med en agent. Fell & Frame modtager også ordrer pr. telefon. En AI-klient som Claude, der er forbundet til arbejdsområdet via MCP med en afgrænset forbindelse, kan beregne prisen på en konfiguration, som en opkalder beskriver. Ændringer af priser eller SKU'er kommer altid kun som afventende ændringer, som en person anvender i dashboardet.
Skodder i 3D, integreret i et tilbudssystem
Sådan returnerer Evergreen Shutters en genereret 3D-visning af hver skodde sammen med hvert tilbud fra sit eget system via Simplio3D API.
Software til vindueskonfigurator
Mål, karmmateriale, glas, åbningstype og farve med priser, mens kunden sammensætter vinduet.
Konfiguratorer i en WooCommerce-butik
Sådan integreres en konfigurator med WooCommerce og sender det konfigurerede produkt til kurven til den beregnede pris.
Byg, implementer og skaler 3D-handel.
Ejer en 3D-produktkonfigurator for at øge salget og generere tilbud direkte fra dit websted
Relaterede casestudier
Tentest: en 3D-konfigurator til pop-up-telte med et designlærred på hver panel
Tentest, en estisk producent af pop-up-telte i Scandipro Group, byggede sin egen 3D-konfigurator: seks teltstørrelser, et designlærred med logo-upload på hver panel, AR og en tilbudsanmodning.
Zdesk: en 3D-konfigurator til kontormøbler integreret i WooCommerce
Zdesk, en producent af kontormøbler fra Wrocław, integrerede syv 3D-konfiguratorer i sin WooCommerce-butik med pluginnet Simplio3D. Kunderne vælger størrelse, dekorer og beslag, ser prisen og lægger varen i kurven.
Evergreen Shutters: 3D persienne forhåndsvisninger i et internt tilbudssystem
Evergreen Shutters Ltd havde brug for præcise visuelle fremstillinger af tusindvis af persiennevarianter i deres eget tilbudssystem. I stedet for at bygge en 3D-motor, integrerede de Simplio3D API og returnerede en genereret 3D-visning med hvert tilbud.