Tilbake til kundecaser
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: en internutviklet konfigurator for trevinduer i WooCommerce
Fell & Frame·
Fell & Frame designer, produserer og håndferdigstiller tømmervinduer i sitt eget verksted i Carlisle, Cumbria, og selger dem til boligeiere, byggmestere, arkitekter og utbyggere over hele Storbritannia. Selskapet produserer og leverer med mer enn 50 års erfaring innen snekkerarbeid, og hvert vindu lages på bestilling: med egne mål, eget trevirke, egen glassløsning, hengsler og beslag.
I mars 2026 la Fell & Frame til en konfigurator for tømmervinduer i sin WordPress- og WooCommerce-butikk på fellandframe.co.uk. Kjøpere velger én av seks typer planforsenkede sprossevinduer, angir målene ned til millimeteren, spesifiserer vinduet i 3D og legger det i handlekurven til prisen som vises på skjermen. Fell & Frames eget team sto for hele oppsettet: de seks konfiguratorene i Simplio3D, WooCommerce-produktene bak dem og siden som samler dem, koblet til med Simplio3D-pluginen for WordPress.
Prosjektet i korte trekk
| Element | Detaljer |
|---|---|
| Kunde | Fell & Frame, en produsent av vinduer og dører i tre i Carlisle, Cumbria, og et handelsmerke tilhørende Cubby Construction Limited |
| Nettbutikk | fellandframe.co.uk, bygget på WordPress og WooCommerce |
| Konfiguratorer | Seks typer innadslående vinduer: 1 rute, 2 ruter horisontalt, 2 ruter vertikalt, 3 ruter (1–2), 3 ruter (2–1) og 4 ruter |
| Utviklet av | Fell & Frames eget team: 3D-konfiguratorene, alternativene og prisene deres, WooCommerce produktene og siden |
| Integrasjon | Simplio3D-utvidelsen for WordPress, i modusen Legg i handlekurv |
| Lansert | Mars 2026, tilgjengelig via en Konfigurator-knapp i butikkens hovedmeny |
| Det kjøperen ser | Vinduet i 3D med inntegnede mål, totalprisen og en knapp for å legge i handlekurven |
Hva kunden trengte
En pris for enhver størrelse
Hvert vindu lages etter mål, så ingen prisliste kunne dekke hele utvalget. Hver bredde og høyde mellom 300 og 1 400 mm trengte sin egen pris.
Hele spesifikasjonen, på nett
Åpningstyper, trevirke, glass, hengsler, spalteventiler, overflatebehandling og håndtak: alt verkstedet trenger for å lage vinduet, valgt av kjøperen.
Sikkerhet og trygghet først
PAS 24-sikkerhet, laminert glass og rømningshengsler velges når vinduet spesifiseres, ikke legges til etter en telefonsamtale.
Se vinduet før du bestiller
Riktig antall ruter, riktige åpningsmekanismer og håndtak på riktig side, vist i 3D før kjøperen betaler.
Bestillinger verkstedet kan bygge
Hvert vindu som legges i handlekurven, har en komplett spesifikasjon og er klart til produksjon.
Driftes av snekkeriet selv
Et oppsett som Fell & Frames eget team kunne bygge, prise og endre uten å vente på en utvikler.
Løsningen: en konfigurator for tømmervinduer til hver type sprossevindu
En Konfigurator-knapp i hovedmenyen åpner én samlet side. Seks kort øverst viser gjengivelser av vindustypene Fell & Frame produserer, fra én til fire ruter. Når du klikker på et kort, lastes konfiguratoren for det aktuelle vinduet inn i feltet nedenfor, slik at kjøperen kan bytte mellom typene uten å forlate siden.
Hver konfigurator viser vinduet i 3D, med valgene ved siden av fordelt på ni seksjoner: PAS24-sikkerhet, vindustype, håndtak, treslag, størrelse, hengsler, ventilasjon, overflatebehandling og glass. Målene angis i millimeter, og modellen endrer størrelse tilsvarende, med dimensjonene vist ved siden av. Vinduer med mer enn én ramme får en høyde for hver rad og en bredde for hver kolonne, samt en åpningstype for hver ramme: sidehengslet, vipp eller fast. Infoknapper forklarer de mindre åpenbare valgene, for eksempel hva et rømningshengsel brukes til eller hvor ugjennomsiktig hvert glassmønster er.
Regler sørger for at hver spesifikasjon kan produseres. Valg av PAS 24-sikkerhet bytter glasset til laminert glass, og en ramme satt til fast mister valgene for håndtak og hengsler. Prisen følger hver av disse endringene, på samme måte som alle andre valg.
Under valgene endres Totalpris med hvert valg, ved siden av knappen Legg i handlekurv. En verktøylinje ved siden av modellen lar kjøperen rotere den, vise den i fullskjerm, vise dimensjonene eller ta et øyeblikksbilde.
Hva Fell & Frame-kunder kan spesifisere
De seks konfiguratorene deler ett sett med alternativer. Vinduer med flere ruter får en størrelse for hver rad eller kolonne og en åpningstype for hver ramme.
| Alternativ | Valg |
|---|---|
| Vindustype | Drei, vipp eller fast, angitt for hver ramme. En fast ramme har verken håndtak eller hengsler. |
| Størrelse | Bredde og høyde i millimeter, 300 til 1 400 mm i trinn på 1 mm; én høyde for hver rad og én bredde for hver kolonne på vinduer med flere ruter |
| Forlengelse av vinduskarm | 35, 60 eller 85 mm |
| Treverk | Rød furu (mykt treverk) og Accoya (konstruert treverk) på alle typer, samt Red Grandis (konstruert treverk) på fem typer eller Utile (hardtre) på 3-ruters (1–2) |
| Håndtak | Venstre- eller høyrehendt for hver vindusramme, i polert krom, satengkrom, hvitt, svart eller gull |
| Hengsler | Friksjonshengsler for hver åpningsramme: standard, rømningshengsel eller lettvask- og rømningshengsel |
| Ventilasjon | Ingen, eller en spalteventil for hver ramme fra 265 mm (1 700 mm²) og oppover; enkeltkarmvinduet inkluderer også Simon Sightline 400 og 500 samt Titon Trimvent XR16 og 90 Hi Lift; ventilfarge i hvit, svart eller brun |
| Overflatebehandling | Kun grunnet, eller ferdigbehandlet |
| Glass | En 24 mm forseglet tolags glassrute, klar eller med ett av 20 mønstrede glassalternativer i klassene 1 til 5; herdet som standard eller laminert; en varmkantavstandsholder i svart eller sølv |
| Sikkerhet | PAS 24 eller ikke – valg av PAS 24 bytter glasset til laminert glass |
Slik bestiller en kjøper et Fell & Frame-vindu
Velg vindustype
Åpne Configurator fra hovedmenyen og klikk på ett av de seks kortene, fra 1-rutes til 4-ruters.
Angi målene
Skriv inn bredde og høyde i millimeter, mellom 300 og 1 400 mm. 3D-vinduet endrer størrelse og viser målene sine.
Spesifiser vinduet
Åpningstype for hver ramme, treverk, håndtak, hengsler, ventilasjonsventil, overflatebehandling og glass, med PAS 24-sikkerhet der prosjektet krever det.
Legg i handlekurven
Kontroller totalsummen og trykk på Legg i handlekurven. Handlekurven viser vinduet med alle valgene, og et felt for stedsreferanse angir hvilket rom det gjelder.
Produsert i Carlisle
Fell & Frame maskinbearbeider, monterer og ferdigstiller vinduet i verkstedet sitt, og leverer det klart for montering, eller kjøperen kan hente det.
Slik kobles konfiguratoren til WooCommerce
fellandframe.co.uk kjører på WordPress og WooCommerce, og konfiguratorene når handlekurven via Simplio3D-pluginen for WordPress, i modusen Legg i handlekurv. Fell & Frame satte det opp i fire deler:
- Seks konfiguratorer bygget i Simplio3D, én for hver vindustype, med tilhørende valg og priser.
- Seks WooCommerce-produkter, fra Flush Casement 1 Pane til Flush Casement 4 Pane, hvert med sin egen SKU.
- Hver konfigurator koblet til produktet sitt via WooCommerce-produkt-ID-en.
- Én WordPress-side med en kort blokk av Fell & Frames egen HTML: seks kort som hver laster konfiguratoren sin inn i den samme innebygde rammen.
Når en kjøper trykker på Legg i handlekurv, legger pluginen det tilsvarende produktet i WooCommerce-handlekurven til konfiguratorens beregnede pris, med en beskrivelse av hvert valg. Handlekurven åpnes ved siden av siden, der butikkens eget felt Stedsreferanse (rom / plassering) lar kjøperen notere hvor hvert vindu skal plasseres, noe som er nyttig når én bestilling omfatter flere rom. Frakt og avgifter legges til i butikkens vanlige WooCommerce-kasse. Les mer om dette oppsettet: 3D-produktkonfiguratorer for WooCommerce.
Resultater
Pris på nett for alle typer sidehengslede vinduer
Seks vindustyper kan spesifiseres og prises ned til millimeteren på fellandframe.co.uk når som helst på døgnet, uten å vente på et tilbud.
Bestillinger som kommer inn med fullstendig spesifikasjon
Hvert vindu legges i handlekurven med full spesifikasjon og en prosjektreferanse, slik at bestillingen angir nøyaktig hva verkstedet skal produsere.
En konfigurator teamet eier
Fell & Frame bygde den og drifter den internt, slik at nye alternativer og prisendringer gjøres av menneskene som lager vinduene.
Dette sier Fell & Frame
Alle vinduene vi lager, er skreddersydd, så en prisliste ville aldri fungert på nett. Vi bygde konfiguratoren selv i Simplio3D: våre typer sidehengslede vinduer, trevirket, glassløsningene, ventilene og hengslene vi tilbyr, samt prisene bak dem. Kundene ser nå det nøyaktige vinduet, med målene, før det legges i handlekurven, og hver bestilling kommer til oss med full spesifikasjon og informasjon om hvilket rom det er til. Fordi vi har satt det opp internt, er det noe vi enkelt gjør selv å legge til et alternativ eller justere en pris.
Peter SikkensProduktingeniør for snekkerarbeid · Fell & Frame
Spørsmål om dette prosjektet
Fell & Frames eget team, uten ekstern utvikling. De bygget de seks konfiguratorene i Simplio3D, satte opp alternativene og prisene, opprettet et WooCommerce-produkt for hver vindustype, koblet hver konfigurator til produktet sitt og skrev siden som veksler mellom dem. Simplio3D-utvidelsen for WordPress håndterer steget med å legge i handlekurven.
Bredde og høyde oppgis i millimeter, i trinn på 1 mm fra 300 til 1 400 mm. Vinduer med flere ruter har én høyde for hver rad og én bredde for hver kolonne, og 3D-modellen oppdaterer dimensjonene etter hvert som tallene endres.
Gjennom Simplio3D-utvidelsens modus for å legge i handlekurven. Hver konfigurator er koblet til et WooCommerce-produkt via produkt-ID-en, og funksjonen for å legge i handlekurven legger produktet i handlekurven til konfiguratorens beregnede pris, med en beskrivelse av hvert valg.
Ja. Fell & Frame viser alle seks på én side: Et kort for hver vindustype laster konfiguratoren inn i den samme innebygde rammen, og hver konfigurator legger fortsatt sitt eget WooCommerce-produkt i handlekurven.
Ja, gjennom regler Fell & Frame har satt opp i Simplio3D. Valg av PAS 24-sikkerhet endrer glasset til laminert glass, og å sette en vindusramme til fast fjerner valgene for håndtak og hengsler. Prisen beregnes på nytt ved hver endring.
Ved å velge rømningshengsler, eller lettvask- og rømningshengsler, for den åpningsbare vindusrammen. Konfiguratorens infoknapper forklarer at rømningshengsler åpnes hele 90 grader for rømming, og at et rømningsvindu må ha en åpningsdel som er minst 540 mm bred og 830 mm høy.
Fell & Frame produserer vinduet i verkstedet sitt i Carlisle, og leverer det deretter klart for montering eller lar det hentes på verkstedet. I egen FAQ oppgir selskapet at det sikter mot levering innen fire uker.
Hva et slikt prosjekt ville omfatte i dag
Ingenting i denne delen er en del av Fell & Frame-oppsettet som er beskrevet ovenfor, som bruker en tidlig versjon av Simplio3D-pluginen og en side Fell & Frame selv skrev. For et snekkerverksted som starter nå:
- Blokker i stedet for håndskrevet HTML. Den nåværende WordPress-pluginen legger til fem innebygde blokker (viser, valg, pris, sammendrag og legg i handlekurv) som deler én aktiv konfigurasjon på siden, og hver av dem er også en shortcode for sidebyggere som Elementor, slik Elementor-veiledningen forklarer. Prisen i handlekurven kan være den beregnede prisen fra Simplio3D, kontrollert på serveren.
- En ny produktserie fra en beskrivelse. En første konfigurator for et annet produkt, for eksempel en serie tredører, kan genereres fra en skriftlig beskrivelse og deretter ferdigstilles manuelt.
- Kontroll av reglene. AI-assistenten kan revidere dekningen av valg og betinget logikk på tvers av alle seks konfiguratorene, for eksempel at hver faste ramme fjerner håndtak og hengsler i hver vindustype, og foreslå rettelser der en regel mangler.
- Prissetting av telefonhenvendelser med en agent. Fell & Frame tar også imot bestillinger på telefon. En AI-klient som Claude, koblet til arbeidsområdet via MCP med en avgrenset tilkobling, kan beregne prisen på en konfigurasjon som en innringer beskriver. Endringer i priser eller SKU-er kommer alltid bare som ventende endringer som en person godkjenner i administrasjonspanelet.
Skodder i 3D, integrert i et tilbudssystem
Slik returnerer Evergreen Shutters en generert 3D-visning av hver skodde sammen med hvert tilbud fra sitt eget system, via Simplio3D API.
Programvare for vinduskonfigurator
Mål, karmmateriale, glass, åpningstype og farge, med pris beregnet mens kunden bygger vinduet.
Konfiguratorer i en WooCommerce-butikk
Slik kobles en konfigurator til WooCommerce og sender det konfigurerte produktet til handlekurven til beregnet pris.
Bygg, distribuer og skaler 3D-handel.
Eie en 3D produktkonfigurator for å øke salget og generere tilbud direkte fra nettstedet ditt.
Relaterte kundecaser
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 for kontormøbler integrert i WooCommerce
Zdesk, en produsent av kontormøbler fra Wrocław, la til sju 3D-konfiguratorer i sin WooCommerce-butikk med programtillegget Simplio3D. Kjøpere velger størrelse, dekor og beslag, ser prisen og legger i handlekurven.
Evergreen Shutters: 3D persienne forhåndsvisninger i et internt tilbudssystem
Evergreen Shutters Ltd trengte nøyaktige visuelle fremstillinger for tusenvis av persiennevarianter i sin egen tilbudsplattform. I stedet for å bygge en 3D-motor, integrerte de Simplio3D API og returnerte en generert 3D-visning med hvert tilbud.