Takaisin asiakastarinoihin
Building productsbuilding productswindowswoocommerceecommerce
Fell & Frame: WooCommerce -palveluun sisäisesti rakennettu puuikkunoiden konfiguraattori
Fell & Frame·
Fell & Frame suunnittelee, koneistaa ja viimeistelee puuikkunat käsin omassa verstaassaan Carlisleissa, Cumbriassa, ja myy niitä omakotiasukkaille, rakennusliikkeille, arkkitehdeille ja kiinteistökehittäjille kaikkialla Isossa-Britanniassa. Yritys valmistaa ja toimittaa yli 50 vuoden puusepäntaitoon perustuen, ja jokainen ikkuna tehdään tilauksesta: omilla mitoillaan, omasta puulajistaan sekä omilla laseillaan, saranoillaan ja heloituksillaan.
Maaliskuussa 2026 Fell & Frame lisäsi puuikkunoiden konfiguraattorin WordPress- ja WooCommerce-verkkokauppaansa osoitteessa fellandframe.co.uk. Ostajat valitsevat yhden kuudesta tasapintaisesta karmi-ikkunatyypistä, syöttävät mitat millimetrin tarkkuudella, määrittävät ikkunan 3D-näkymässä ja lisäävät sen ostoskoriin näytöllä näkyvään hintaan. Fell & Framen oma tiimi toteutti koko kokonaisuuden: kuusi konfiguraattoria Simplio3D-alustalla, niiden taustalla olevat WooCommerce-tuotteet sekä ne yhdistävän sivun, joka on liitetty WordPress-järjestelmään tarkoitetulla Simplio3D-lisäosalla.
Projekti lyhyesti
| Kohta | Tiedot |
|---|---|
| Asiakas | Fell & Frame, puuikkunoiden ja -ovien valmistaja Carlislessa, Cumbriassa, sekä Cubby Construction Limitedin kaupallinen tuotemerkki |
| Verkkokauppa | fellandframe.co.uk, rakennettu alustoilla WordPress ja WooCommerce |
| Konfiguraattorit | Kuusi tasoreunaista ikkunatyyppiä: 1-ruutuinen, 2-ruutuinen vaakasuuntainen, 2-ruutuinen pystysuuntainen, 3-ruutuinen (1–2), 3-ruutuinen (2–1) ja 4-ruutuinen |
| Toteuttaja | Fell & Framen oma tiimi: 3D-konfiguraattorit, niiden vaihtoehdot ja hinnat, WooCommerce-tuotteet sekä sivu |
| Integraatio | Simplio3D-lisäosa alustalle WordPress, Lisää ostoskoriin -tilassa |
| Julkaistu | Maaliskuussa 2026, kaupan päävalikon Konfiguraattori-painikkeen kautta |
| Mitä ostaja näkee | Ikkuna 3D-näkymässä mittoineen, kokonaishinta ja Lisää ostoskoriin -painike |
Mitä asiakas tarvitsi
Hinta kaikille mitoille
Jokainen ikkuna valmistetaan mittojen mukaan, joten mikään hinnasto ei voinut kattaa koko valikoimaa. Jokainen leveys ja korkeus välillä 300–1 400 mm tarvitsi oman hintansa.
Koko erittely verkossa
Avaustavat, puumateriaali, lasitus, saranat, korvausilmaventtiilit, viimeistely ja kahvat: kaikki, mitä verstaalla tarvitaan ikkunan valmistamiseen, ostajan valittavana.
Turvallisuus ja suojaus etusijalla
PAS 24 -turvallisuus, laminoitu lasi ja poistumistiesaranat valitaan ikkunaa määriteltäessä, ei lisätä puhelun jälkeen.
Näe ikkuna ennen tilaamista
Oikea määrä laseja, oikeat avausmekanismit ja kahvat oikealla puolella – kaikki esitettynä 3D:nä ennen kuin ostaja maksaa.
Tilaukset, jotka verstaasi pystyy valmistamaan
Jokainen ostoskoriin päätyvä ikkuna sisältää täydelliset tekniset tiedot ja on valmis tuotantoon.
Puusepänliikkeen itsensä hallinnoima
Ratkaisu, jonka Fell & Framen oma tiimi pystyi rakentamaan, hinnoittelemaan ja muuttamaan ilman kehittäjän odottamista.
Ratkaisu: puuikkunoiden konfiguraattori jokaiselle ikkunatyypille
Päävalikon Konfiguraattori-painike avaa yhden sivun. Yläosan kuudessa kortissa näkyvät renderöinnit Fell & Framen valmistamista ikkunatyypeistä, yhdestä lasiruudusta neljään. Korttia napsauttamalla kyseisen ikkunan konfiguraattori latautuu alla olevaan kehykseen, joten ostaja voi vaihtaa tyyppiä poistumatta sivulta.
Jokainen konfiguraattori näyttää ikkunan 3D-näkymässä, ja sen vieressä ovat valinnat yhdeksässä osiossa: PAS24-turvallisuus, ikkunatyyppi, kahvat, puulaji, koko, saranat, ilmanvaihto, viimeistely ja lasitus. Mitat syötetään millimetreinä, ja malli skaalautuu niiden mukaisesti siten, että mitat näkyvät sen vierellä. Useammasta kuin yhdestä puitteesta koostuvissa ikkunoissa annetaan korkeus jokaiselle riville ja leveys jokaiselle sarakkeelle sekä avautumistapa jokaiselle puitteelle: kääntyvä, kallistuva tai kiinteä. Tietopainikkeet selittävät vähemmän ilmeiset valinnat, kuten mihin poistumistiesarana on tarkoitettu tai kuinka peittävä kukin lasikuvio on.
Säännöt varmistavat, että jokainen määrittely on valmistettavissa. PAS 24 -turvallisuuden valitseminen vaihtaa lasin laminoiduksi, ja kiinteäksi asetetulta puitteelta poistuvat kahva- ja saranavalinnat. Hinta päivittyy jokaisen tällaisen muutoksen sekä kaikkien muiden valintojen mukaan.
Valintojen alla Kokonaishinta muuttuu jokaisen valinnan yhteydessä Lisää ostoskoriin -painikkeen vieressä. Mallin vieressä olevalla työkalurivillä ostaja voi kääntää mallia, avata koko näytön tilan, näyttää mitat tai ottaa kuvakaappauksen.
Mitä Fell & Frame -asiakkaat voivat määrittää
Kuudessa konfiguraattorissa käytetään samoja vaihtoehtoja. Useampiruutuisissa ikkunoissa määritetään koko jokaiselle riville tai sarakkeelle sekä avautumistapa jokaiselle puitteelle.
| Vaihtoehto | Valinnat |
|---|---|
| Ikkunatyyppi | Kääntyvä, kallistuva tai kiinteä – määritetään jokaiselle puitteelle. Kiinteässä puitteessa ei ole kahvaa eikä saranoita. |
| Koko | Leveys ja korkeus millimetreinä, 300–1 400 mm 1 mm:n askelin; korkeus jokaiselle riville ja leveys jokaiselle sarakkeelle ikkunoissa, joissa on useampia ruutuja |
| Ikkunalaudan jatke | 35, 60 tai 85 mm |
| Puu | Punamäntyä (havupuuta) ja Accoyaa (muokattua puuta) kaikissa tyypeissä sekä Red Grandisia (muokattua puuta) viidessä tyypissä tai Utilea (lehtipuuta) 3-ruutuisessa (1–2) |
| Kahvat | Vasen- tai oikeakätinen jokaiselle puitteelle; saatavana kiillotettuna kromina, satiinikromina, valkoisena, mustana tai kullanvärisenä |
| Saranat | Kitkasaranat jokaiseen avautuvaan puitteeseen: vakio-, poistumis- tai helposti puhdistettava ja poistumissarana |
| Ilmanvaihto | Ei mitään tai jokaiseen puitteeseen rakoventtiili alkaen 265 mm:stä (1 700 mm²); yksipuitteiseen ikkunaan lisätään Simon Sightline 400 ja 500 sekä Titon Trimvent XR16 ja 90 Hi Lift; venttiilin väri valkoinen, musta tai ruskea |
| Viimeistely | Vain pohjamaalattu tai täysin viimeistelty |
| Lasitus | 24 mm:n kaksinkertainen eristyslasielementti, kirkas tai jokin 20 himmeästä kuviovaihtoehdosta, luokat 1–5; vakiona karkaistu tai laminoitu; musta tai hopeanvärinen lämpöreunavälilista |
| Turvallisuus | PAS 24 tai ei; PAS 24:n valitseminen vaihtaa lasin laminoituun lasiin |
Näin ostaja tilaa Fell & Frame -ikkunan
Valitse ikkunatyyppi
Avaa Configurator päävalikosta ja napsauta yhtä kuudesta kortista, joissa vaihtoehdot vaihtelevat 1-ruutuisesta 4-ruutuiseen.
Syötä mitat
Kirjoita leveys ja korkeus millimetreinä väliltä 300–1 400 mm. 3D-ikkunan koko muuttuu, ja sen mitat näkyvät.
Määritä ikkuna
Avaustapa jokaiselle puitteelle, puulaji, kahvat, saranat, korvausilmaventtiili, viimeistely ja lasitus sekä tarvittaessa PAS 24 -turvallisuus.
Lisää ostoskoriin
Tarkista yhteissumma ja paina Lisää ostoskoriin. Ostoskorissa näkyy ikkuna kaikkine valintoineen, ja kohdeviitekenttään merkitään huone, johon se tulee.
Valmistettu Carlislessa
Fell & Frame koneistaa, kokoaa ja viimeistelee ikkunan omassa työpajassaan ja toimittaa sen valmiina asennettavaksi, tai ostaja voi noutaa sen itse.
Miten konfiguraattori yhdistyy WooCommerce-järjestelmään
fellandframe.co.uk toimii WordPress- ja WooCommerce-alustoilla, ja konfiguraattorit yhdistyvät ostoskoriin WordPress-järjestelmälle tarkoitetun Simplio3D-lisäosan Lisää ostoskoriin -tilan kautta. Fell & Frame toteutti sen neljässä osassa:
- Kuusi Simplio3D-alustalla rakennettua konfiguraattoria, yksi kutakin ikkunatyyppiä varten, valintoineen ja hintoineen.
- Kuusi WooCommerce-tuotetta, Flush Casement 1 Pane -mallista Flush Casement 4 Pane -malliin, jokaisella oma SKU-tunnuksensa.
- Jokainen konfiguraattori yhdistettiin tuotteeseensa WooCommerce-tuotetunnuksella.
- Yksi WordPress-sivu, jossa on lyhyt Fell & Framen itse kirjoittama HTML-lohko: kuusi korttia, joista kukin lataa konfiguraattorinsa samaan upotettuun kehykseen.
Kun ostaja painaa Lisää ostoskoriin, lisäosa lisää vastaavan tuotteen WooCommerce-ostoskoriin konfiguraattorin laskemalla hinnalla ja kaikkien valintojen kuvauksella. Ostoskori avautuu sivun viereen, missä kaupan oma Kohdeviite (huone / sijainti) -kenttä antaa ostajan merkitä, mihin kukin ikkuna tulee. Tämä helpottaa tilanteissa, joissa sama tilaus kattaa useita huoneita. Toimituskulut ja verot lisätään kaupan normaalissa WooCommerce-kassassa. Lisätietoja tästä toteutuksesta: 3D-tuotekonfiguraattorit WooCommerce-järjestelmälle.
Tulokset
Jokaisen avautuvan ikkunatyypin hinnat verkossa
Kuusi ikkunatyyppiä voidaan määrittää ja hinnoitella millimetrin tarkkuudella sivustolla fellandframe.co.uk mihin vuorokaudenaikaan tahansa ilman tarjouspyynnön odottamista.
Tilaukset saapuvat täydellisesti määriteltyinä
Jokainen ikkuna siirtyy ostoskoriin täydellisine määrittelyineen ja kohdeviitteineen, joten tilauksesta käy tarkasti ilmi, mitä verstaalla on valmistettava.
Konfiguraattori, jonka tiimi omistaa
Fell & Frame rakensi sen ja ylläpitää sitä itse, joten uusia vaihtoehtoja ja hinnanmuutoksia tekevät samat ihmiset, jotka valmistavat ikkunat.
Mitä Fell & Frame kertoo
Jokainen valmistamamme ikkuna tehdään mittatilaustyönä, joten hinnasto ei olisi koskaan toiminut verkossa. Rakensimme konfiguraattorin itse Simplio3D: tarjoamamme avautuvien ikkunoiden tyypit, puumateriaalit, lasitukset, tuuletusventtiilit ja saranat sekä niiden hinnoittelun. Asiakkaat näkevät nyt tarkan ikkunan mittoineen ennen kuin se siirtyy ostoskoriin, ja jokainen tilaus saapuu meille täydellisine määrittelyineen sekä tiedolla siitä, mihin huoneeseen se tulee. Koska määritimme kaiken itse, uuden vaihtoehdon lisääminen tai hinnan muuttaminen on yksinkertaisesti asia, jonka teemme itse.
Peter SikkensPuutuotteiden tuoteinsinööri · Fell & Frame
Kysymyksiä tästä projektista
Fell & Framen oma tiimi ilman ulkopuolista kehitystä. He rakensivat kuusi konfiguraattoria Simplio3D:ssa, määrittivät niiden valinnat ja hinnat, loivat WooCommerce-tuotteen jokaiselle ikkunatyypille, yhdistivät jokaisen konfiguraattorin omaan tuotteeseensa ja kirjoittivat sivun, jolla vaihdetaan niiden välillä. WordPress:n Simplio3D-lisäosa hoitaa ostoskoriin lisäämisen.
Leveys ja korkeus syötetään millimetreinä 1 mm:n välein, välillä 300–1 400 mm. Useasta ruudusta koostuvissa ikkunoissa määritetään korkeus jokaiselle riville ja leveys jokaiselle sarakkeelle, ja 3D-malli päivittää mittansa lukujen muuttuessa.
Simplio3D-lisäosan Lisää ostoskoriin -tilan kautta. Jokainen konfiguraattori on yhdistetty WooCommerce-tuotteeseen sen tuotetunnuksella, ja Lisää ostoskoriin -toiminto lisää tuotteen ostoskoriin konfiguraattorin laskemalla hinnalla sekä kuvauksella kaikista valinnoista.
Kyllä. Fell & Frame näyttää kaikki kuusi yhdellä sivulla: jokaisen ikkunatyypin kortti lataa konfiguraattorinsa samaan upotettuun kehykseen, ja kukin konfiguraattori lisää silti oman WooCommerce tuotteen ostoskoriin.
Kyllä, Fell & Framen Simplio3D -järjestelmään määrittämien sääntöjen avulla. PAS 24 -turvatason valitseminen vaihtaa lasin laminoiduksi, ja puitteen määrittäminen kiinteäksi poistaa kahva- ja saranavaihtoehdot. Hinta lasketaan uudelleen jokaisen muutoksen yhteydessä.
Valitsemalla avautuvaan puitteeseen poistumissaranat tai helppo puhdistus- ja poistumissaranat. Konfiguraattorin tietopainikkeet kertovat, että poistumissaranat avaavat ikkunan täydet 90 astetta poistumista varten ja että hätäpoistumisikkunassa aukon on oltava vähintään 540 mm leveä ja 830 mm korkea.
Fell & Frame valmistaa ikkunan Carlisle-työpajassaan ja toimittaa sen valmiina asennettavaksi tai järjestää noudon työpajalta. Yrityksen omien usein kysyttyjen kysymysten mukaan toimitustavoite on neljän viikon sisällä.
Mitä vastaava projekti sisältäisi nykyään
Mikään tämän osion sisällöstä ei kuulu yllä kuvattuun Fell & Framen toteutukseen, jossa käytetään Simplio3D-lisäosan varhaista versiota ja Fell & Framen itse kirjoittamaa sivua. Nyt aloittavalle puusepänliikkeelle:
- Lohkot käsin kirjoitetun HTML:n sijaan. Nykyinen WordPress-lisäosa sisältää viisi omaa lohkoa (Viewer, Options, Price, Summary ja Add to Cart), jotka käyttävät sivulla samaa reaaliaikaista konfiguraatiota. Jokainen niistä on myös lyhytkoodi sivunrakentajia, kuten Elementoria, varten, kuten Elementor-opas selittää. Ostoskorin hinnaksi voidaan asettaa Simplio3D-alustan laskema hinta, joka tarkistetaan palvelimella.
- Uusi tuotevalikoima kuvauksen perusteella. Ensimmäinen konfiguraattori toiselle tuotteelle, kuten puuovivalikoimalle, voidaan luoda kirjallisen kuvauksen pohjalta ja viimeistellä sitten käsin.
- Sääntöjen tarkistaminen. AI-avustaja voi tarkastaa valintojen kattavuuden ja ehdollisen logiikan kaikissa kuudessa konfiguraattorissa, esimerkiksi sen, että jokaisesta kiinteästä puitteesta poistuvat kahva ja saranat jokaisessa ikkunatyypissä, sekä ehdottaa korjauksia, jos jokin sääntö puuttuu.
- Puhelintiedustelun hinnoittelu agentin avulla. Fell & Frame vastaanottaa tilauksia myös puhelimitse. AI-asiakas, kuten Claude, joka on yhdistetty työtilaan MCP:n kautta rajatulla yhteydellä, voi laskea soittajan kuvaileman kokoonpanon hinnan. Hintoihin tai SKU-tunnuksiin tehtävät muutokset tulevat aina vain odottavina muutoksina, jotka henkilö hyväksyy hallintapaneelissa.
Kaihtimet 3D:nä tarjousjärjestelmässä
Miten Evergreen Shutters palauttaa omasta järjestelmästään jokaisesta tarjouksesta automaattisesti luodun 3D-näkymän jokaisesta ikkunaluukusta Simplio3D API -integraation kautta.
Ikkunakonkuraattoriohjelmisto
Mitat, karmimateriaali, lasitus, avautumistapa ja väri hinnoitellaan asiakkaan rakentaessa ikkunaa.
Konfiguraattorit WooCommerce-verkkokaupassa
Miten konfiguraattori yhdistetään WooCommerce-palveluun ja kuinka se lähettää konfiguroidun tuotteen laskettuun hintaan ostoskoriin.
Rakenna, ota käyttöön ja skaalaa 3D-kaupankäyntiä.
Ota käyttöön 3D-tuotekonfiguraattori, joka kasvattaa myyntiä ja luo tarjouksia suoraan verkkosivustoltasi
Aiheeseen liittyvät asiakastarinat
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: WooCommerceiin integroitu 3D-toimistokalustekonfiguraattori
Wrocławilainen toimistokalustevalmistaja Zdesk lisäsi Simplio3D-lisäosan avulla seitsemän 3D-konfiguraattoria WooCommerce-verkkokauppaansa. Ostajat valitsevat koon, sisustuksen ja varusteet, näkevät hinnan ja lisäävät tuotteen ostoskoriin.
Evergreen Shutters: 3D-sälekaihtimien esikatselut sisäisessä tarjousjärjestelmässä
Evergreen Shutters Ltd tarvitsi tarkat visualisoinnit tuhansista sälekaihdinvaihtoehdoista omassa tarjousjärjestelmässään. Sen sijaan, että yritys olisi rakentanut 3D-moottorin, se integroi Simplio3D API ja palautti luodun 3D-näkymän jokaisen tarjouksen yhteydessä.