Zum Inhalt springen
Zurück zu den Fallstudien
Building productsbuilding productswindowswoocommerceecommerce

Fell & Frame: ein intern entwickelter Konfigurator für Holzfenster für WooCommerce

Fell & Frame·
Fell & Frame: ein intern entwickelter Konfigurator für Holzfenster für WooCommerce

Fell & Frame entwirft, fertigt maschinell und veredelt Holzfenster von Hand in der eigenen Werkstatt in Carlisle, Cumbria, und verkauft sie an Hausbesitzer, Bauunternehmen, Architekten und Projektentwickler im gesamten Vereinigten Königreich. Das Unternehmen produziert und liefert mit mehr als 50 Jahren Tischlereierfahrung, und jedes Fenster wird auf Bestellung gefertigt: in individueller Größe, aus individuellem Holz, mit individueller Verglasung, Scharnieren und Beschlägen.

Im März 2026 ergänzte Fell & Frame seinen WordPress- und WooCommerce-Shop unter fellandframe.co.uk um einen Holzfenster-Konfigurator. Käufer wählen einen von sechs bündigen Dreh-Kipp-Fenstertypen aus, geben die Maße millimetergenau ein, konfigurieren das Fenster in 3D und legen es zum angezeigten Preis in den Warenkorb. Das Team von Fell & Frame hat die gesamte Einrichtung selbst umgesetzt: die sechs Konfiguratoren in Simplio3D, die dahinterliegenden WooCommerce-Produkte und die Seite, die alles zusammenführt – verbunden über das Simplio3D-Plugin für WordPress.

Das Projekt auf einen Blick

Projektdaten, entnommen von fellandframe.co.uk im Oktober 2026.
PunktDetails
KundeFell & Frame, ein Hersteller von Holzfenstern und -türen in Carlisle, Cumbria, und eine Handelsmarke von Cubby Construction Limited
Shopfellandframe.co.uk, erstellt mit WordPress und WooCommerce
KonfiguratorenSechs Typen flächenbündiger Dreh-Kipp-Fenster: 1-flügelig, 2-flügelig horizontal, 2-flügelig vertikal, 3-flügelig (1-2), 3-flügelig (2-1) und 4-flügelig
Entwickelt vondem eigenen Team von Fell & Frame: die 3D-Konfiguratoren, ihre Optionen und Preise, die WooCommerce Produkte und die Seite
IntegrationDas Simplio3D Plugin für WordPress im Modus „In den Warenkorb“
Live seitMärz 2026, über eine Schaltfläche „Konfigurator“ im Hauptmenü des Shops
Was der Käufer siehtDas Fenster in 3D mit eingezeichneten Maßen, dem Gesamtpreis und einem Button „In den Warenkorb“

Was der Kunde benötigte

Ein Preis für jede Größe

Jedes Fenster wird nach Maß gefertigt, daher konnte keine Preisliste die gesamte Bandbreite abdecken. Jede Breite und Höhe zwischen 300 und 1.400 mm benötigte einen eigenen Preis.

Die vollständige Spezifikation, online

Öffnungsarten, Holz, Verglasung, Scharniere, Fensterfalzlüfter, Oberflächen und Griffe: alles, was die Werkstatt zur Fertigung des Fensters benötigt und vom Käufer ausgewählt wird.

Sicherheit und Schutz von Anfang an

PAS 24-Sicherheit, Verbundglas und Fluchtscharniere werden bei der Fensterkonfiguration ausgewählt – nicht nachträglich per Telefonanruf hinzugefügt.

Das Fenster vor der Bestellung sehen

Die richtige Anzahl an Scheiben, die passenden Öffnungsmechanismen und Griffe auf der richtigen Seite – in 3D dargestellt, bevor der Käufer bezahlt.

Bestellungen, die die Werkstatt fertigen kann

Jedes Fenster gelangt mit seiner vollständigen Spezifikation in den Warenkorb und ist bereit für die Produktion.

Von der Tischlerei selbst betrieben

Eine Lösung, die das eigene Team von Fell & Frame erstellen, kalkulieren und anpassen konnte – ohne auf einen Entwickler warten zu müssen.

Die Lösung: ein Holzfenster-Konfigurator für jeden Flügeltyp

Eine Schaltfläche Konfigurator im Hauptmenü öffnet eine zentrale Seite. Sechs Karten am oberen Rand zeigen Renderings der von Fell & Frame gefertigten Fenstertypen, von einem bis vier Feldern. Ein Klick auf eine Karte lädt den jeweiligen Fenster-Konfigurator in den darunterliegenden Bereich, sodass Käufer zwischen den Typen wechseln können, ohne die Seite zu verlassen.

Jeder Konfigurator zeigt das Fenster in 3D, daneben die Optionen in neun Bereichen: PAS24-Sicherheit, Fenstertyp, Griffe, Holzart, Größe, Scharniere, Belüftung, Oberflächenbehandlung und Verglasung. Die Maße werden in Millimetern eingegeben, und das Modell passt seine Größe entsprechend an; die Abmessungen werden daneben angezeigt. Fenster mit mehr als einem Flügel benötigen eine Höhe für jede Reihe und eine Breite für jede Spalte sowie eine Öffnungsart für jeden Flügel: Dreh, Kipp oder feststehend. Infobuttons erläutern weniger offensichtliche Optionen, etwa wofür ein Fluchtscharnier dient oder wie blickdicht die einzelnen Glasdekore sind.

Regeln stellen sicher, dass jede Konfiguration gefertigt werden kann. Die Auswahl von PAS-24-Sicherheit stellt das Glas auf Verbundsicherheitsglas um, und bei einem feststehenden Flügel entfallen die Auswahlmöglichkeiten für Griff und Scharniere. Der Preis folgt jeder dieser Änderungen ebenso wie allen anderen Auswahloptionen.

Unter den Optionen ändert sich der Gesamtpreis mit jeder Auswahl, direkt neben der Schaltfläche In den Warenkorb. Über eine Werkzeugleiste neben dem Modell kann der Käufer es drehen, im Vollbild anzeigen, die Maße einblenden oder eine Momentaufnahme erstellen.

Die Konfiguratorseite von Fell & Frame: sechs Karten mit Renderings von 1-flügeligen, 2-flügeligen horizontalen, 2-flügeligen vertikalen, 3-flügeligen (1-2), 3-flügeligen (2-1) und 4-flügeligen Drehfenstern, wobei 2 Pane Horizontal ausgewählt ist. Darunter zeigt der Konfigurator ein zweiflügeliges graues Fenster mit Chromgriffen in 3D neben den Optionsbereichen PAS24 Security, Window Type, Handles, Timber Species, Size, Hinges, Ventilation und Finish
Sechs Fenstertypen auf einer Seite. Beim Klicken auf eine Karte wird der jeweilige Konfigurator geladen.

Was Käufer bei Fell & Frame festlegen können

Die sechs Konfiguratoren verwenden dieselben Optionen. Fenster mit mehr Scheiben ergänzen eine Größe für jede Reihe oder Spalte sowie eine Öffnungsart für jeden Flügel.

Optionen aus den Live-Konfiguratoren auf fellandframe.co.uk, Stand Oktober 2026.
OptionAuswahlmöglichkeiten
FenstertypDreh-, Kipp- oder Festverglasung, für jeden Flügel individuell festgelegt. Ein fester Flügel hat weder Griff noch Scharniere.
GrößeBreite und Höhe in Millimetern, 300 bis 1.400 mm in 1-mm-Schritten; eine Höhe für jede Reihe und eine Breite für jede Spalte bei Fenstern mit mehreren Scheiben
Fensterbankverlängerung35, 60 oder 85 mm
HolzRed Pine (Weichholz) und Accoya (modifiziertes Holz) bei jedem Typ sowie Red Grandis (modifiziert) bei fünf Typen oder Utile (Hartholz) beim 3-flügeligen Fenster (1-2)
GriffeFür jeden Flügel links oder rechts, in poliertem Chrom, satiniertem Chrom, Weiß, Schwarz oder Gold
ScharniereReibungsscharniere für jeden öffenbaren Flügel: Standard, Fluchtweg oder leicht zu reinigen und Fluchtweg
BelüftungKeine oder ein Falzlüfter für jeden Flügel ab 265 mm (1.700 mm²); das einflügelige Fenster ergänzt Simon Sightline 400 und 500 sowie Titon Trimvent XR16 und 90 Hi Lift; Lüfterfarbe in Weiß, Schwarz oder Braun
OberflächeNur grundiert oder vollständig endbehandelt
VerglasungEine 24-mm-Isolierglaseinheit, klar oder mit einem von 20 Ornamentmustern der Klassen 1 bis 5; standardmäßig gehärtet oder laminiert; ein Warm-Edge-Abstandhalter in Schwarz oder Silber
SicherheitPAS 24 oder nicht; bei Auswahl von PAS 24 wird das Glas auf Verbundglas umgestellt

So bestellt ein Käufer ein Fenster von Fell & Frame

  1. Wählen Sie den Fenstertyp

    Öffnen Sie den Konfigurator über das Hauptmenü und klicken Sie auf eine der sechs Karten, von 1-flügelig bis 4-flügelig.

  2. Geben Sie die Maße ein

    Geben Sie Breite und Höhe in Millimetern ein, jeweils zwischen 300 und 1.400 mm. Das 3D-Fenster passt seine Größe an und zeigt seine Abmessungen an.

  3. Legen Sie das Fenster fest

    Öffnungsart für jeden Flügel, Holzart, Griffe, Scharniere, Falzlüfter, Oberfläche und Verglasung, mit PAS 24-Sicherheit, wenn das Projekt dies erfordert.

  4. In den Warenkorb legen

    Prüfen Sie den Gesamtbetrag und klicken Sie auf „In den Warenkorb legen“. Im Warenkorb wird das Fenster mit allen ausgewählten Optionen aufgeführt, und ein Feld für die Baustellenreferenz erfasst den vorgesehenen Raum.

  5. Hergestellt in Carlisle

    Fell & Frame fertigt, montiert und veredelt das Fenster in seiner Werkstatt und liefert es einbaufertig oder der Käufer holt es ab.

Der Größenbereich des Konfigurators für 4 Scheiben: Höhe (obere Fenster) 1400 mm, Höhe (untere Fenster) 600 mm, Breite (links) 600 mm und Breite (rechts), jeweils begrenzt auf 300 bis 1400 mm, neben einem vierscheibigen Fenster in 3D mit eingezeichneten Maßen von 1400, 600 und 600 mm, einem Gesamtpreis von £1,465.66 und der grünen Schaltfläche „In den Warenkorb legen“
Das 4-Scheiben-Fenster: eine Höhe für jede Reihe und eine Breite für jede Spalte.
Der Konfigurator für 1 Scheibe: ein einzelner Flügel mit 600 mm Breite und 600 mm Höhe in Grau, mit eingezeichneten Maßen, neben den Optionsbereichen von PAS24-Sicherheit bis Oberfläche, einem Gesamtpreis ohne MwSt. von £376.26 und der Schaltfläche „In den Warenkorb legen“
Ein einzelnes Drehfenster mit 600 × 600 mm, Preis ohne Mehrwertsteuer.

So verbindet sich der Konfigurator mit WooCommerce

fellandframe.co.uk läuft auf WordPress und WooCommerce, und die Konfiguratoren erreichen den Warenkorb über das Simplio3D-Plugin für WordPress im Modus In den Warenkorb. Fell & Frame hat die Einrichtung in vier Teilen umgesetzt:

  1. Sechs in Simplio3D erstellte Konfiguratoren, je einer pro Fenstertyp, mit ihren Optionen und Preisen.
  2. Sechs WooCommerce-Produkte, von Flush Casement 1 Pane bis Flush Casement 4 Pane, jeweils mit eigener SKU.
  3. Jeder Konfigurator ist über die WooCommerce-Produkt-ID mit seinem Produkt verknüpft.
  4. Eine WordPress-Seite mit einem kurzen eigenen HTML-Block von Fell & Frame: sechs Karten, die jeweils ihren Konfigurator in denselben eingebetteten Bereich laden.

Wenn ein Käufer auf In den Warenkorb klickt, fügt das Plugin das passende Produkt zum vom Konfigurator berechneten Preis dem WooCommerce-Warenkorb hinzu – einschließlich einer Beschreibung jeder Auswahl. Der Warenkorb öffnet sich neben der Seite; über das shopinterne Feld Standortreferenz (Raum / Standort) kann der Käufer vermerken, wo jedes Fenster eingebaut wird. Das ist hilfreich, wenn eine Bestellung mehrere Räume umfasst. Versand und Steuern werden im regulären WooCommerce-Checkout des Shops hinzugefügt. Mehr zu diesem Setup: 3D-Produktkonfiguratoren für WooCommerce.

Diagramm: Auf der Konfiguratorseite von fellandframe.co.uk laden sechs Karten für die Fenstertypen jeweils einen Simplio3D 3D-Konfigurator, in dem Käufer die Maße in Millimetern sowie Fensterbank, Holz, Griffe und Scharniere, Verglasung, Lüftungselemente und Oberfläche festlegen, während sich der Gesamtpreis live aktualisiert. „In den Warenkorb“ führt über das Simplio3D-Plugin zu einer WooCommerce-Warenkorbposition mit dem berechneten Preis, allen Auswahloptionen und einer Objektreferenz. Anschließend wird das Fenster in der Werkstatt in Carlisle auf Bestellung gefertigt, bearbeitet, veredelt und montagefertig geliefert. Darunter die Umsetzung durch das eigene Team von Fell & Frame: sechs in Simplio3D erstellte Konfiguratoren, einer pro Fenstertyp; sechs WooCommerce-Produkte, jeweils mit eigener SKU; jeder Konfigurator per ID mit seinem Produkt verknüpft; sowie eine Seite, auf der sechs Karten zwischen den eingebetteten Konfiguratoren wechseln.
Wie ein konfiguriertes Fenster von der Website in die Werkstatt gelangt – und was Fell & Frame eingerichtet hat, damit alles reibungslos funktioniert.
Der geöffnete Warenkorb-Auszug von Fell & Frame über der Konfiguratorseite: ein Flush Casement 2 Pane Vertical für £636.66 mit aufgeführter Individualisierung (PAS24 Security: No, Window Type (Top): Turn, Window Type (Bottom): Turn, Handle Position (Topwindow) und mehr), Mengenwahl, Feld für die Objektreferenz (Raum / Standort), Zwischensumme sowie den Schaltflächen „Warenkorb anzeigen“ und „Zur Kasse“.
Das konfigurierte Fenster im WooCommerce-Warenkorb mit seiner Spezifikation und einer Objektreferenz.

Ergebnisse

Jeder Drehfenstertyp online bepreist

Sechs Fenstertypen können auf fellandframe.co.uk rund um die Uhr millimetergenau konfiguriert und bepreist werden – ohne auf ein Angebot warten zu müssen.

Vollständig spezifizierte Bestellungen

Jedes Fenster gelangt mit seiner vollständigen Spezifikation und einer Projekt-Referenz in den Warenkorb, sodass der Auftrag genau angibt, was die Werkstatt fertigen muss.

Ein Konfigurator in eigener Hand

Fell & Frame hat ihn entwickelt und betreibt ihn intern, sodass neue Optionen und Preisänderungen von den Menschen umgesetzt werden, die die Fenster herstellen.

Was Fell & Frame sagt

Jedes Fenster, das wir fertigen, ist maßgefertigt – daher hätte eine Preisliste online nie funktioniert. Wir haben den Konfigurator selbst in Simplio3D entwickelt: unsere Flügeltypen, die Holzarten, Verglasungen, Lüftungselemente und Beschläge, die wir anbieten, sowie die Preisgestaltung dahinter. Kundinnen und Kunden sehen nun das exakte Fenster mit seinen Abmessungen, bevor es in den Warenkorb gelegt wird, und jede Bestellung erreicht uns mit der vollständigen Spezifikation und dem Raum, für den es bestimmt ist. Da wir alles intern eingerichtet haben, können wir eine Option hinzufügen oder einen Preis anpassen ganz einfach selbst.

Peter SikkensProduktentwickler für Tischlerarbeiten · Fell & Frame

Fragen zu diesem Projekt

Das eigene Team von Fell & Frame, ohne externe Entwicklung. Es hat die sechs Konfiguratoren in Simplio3D erstellt, ihre Optionen und Preise festgelegt, für jeden Fenstertyp ein WooCommerce-Produkt angelegt, jeden Konfigurator mit seinem Produkt verknüpft und die Seite erstellt, die zwischen ihnen wechselt. Das Simplio3D-Plugin für WordPress übernimmt das Hinzufügen zum Warenkorb.

Was ein solches Projekt heute zusätzlich bieten würde

Dieser Abschnitt gehört nicht zum oben beschriebenen Setup von Fell & Frame, das eine frühe Version des Simplio3D-Plugins und eine von Fell & Frame selbst erstellte Seite verwendet. Für eine Tischlerei, die heute startet:

  • Blöcke statt handgeschriebenem HTML. Das aktuelle WordPress-Plugin bietet fünf native Blöcke (Viewer, Optionen, Preis, Zusammenfassung und In den Warenkorb), die eine gemeinsame Live-Konfiguration auf der Seite nutzen. Jeder Block ist zudem als Shortcode für Page Builder wie Elementor verfügbar, wie der Elementor-Leitfaden erläutert. Der Warenkorbpreis kann der von Simplio3D berechnete und serverseitig geprüfte Preis sein.
  • Eine neue Produktreihe aus einer Beschreibung. Ein erster Konfigurator für ein weiteres Produkt – beispielsweise eine Reihe von Holztüren – kann aus einer schriftlichen Beschreibung generiert und anschließend manuell fertiggestellt werden.
  • Prüfung der Regeln. Der KI-Assistent kann die Abdeckung der Optionen und die bedingte Logik über alle sechs Konfiguratoren hinweg prüfen, zum Beispiel ob bei jedem feststehenden Flügel in jedem Fenstertyp Griff und Scharniere ausgeblendet werden, und Korrekturen vorschlagen, wenn eine Regel fehlt.
  • Preisberechnung für telefonische Anfragen mit einem Agenten. Fell & Frame nimmt auch Bestellungen telefonisch entgegen. Ein KI-Client wie Claude, der über MCP mit einer eingeschränkten Verbindung an den Workspace angebunden ist, kann den Preis einer vom Anrufer beschriebenen Konfiguration berechnen. Änderungen an Preisen oder SKUs werden dabei ausschließlich als ausstehende Änderungen übermittelt, die eine Person im Dashboard übernimmt.

Rollläden in 3D, innerhalb eines Angebotssystems

Wie Evergreen Shutters mit jedem Angebot aus dem eigenen System über Simplio3D API eine generierte 3D-Ansicht jedes Fensterladens bereitstellt.

Fensterkonfigurator-Software

Maße, Rahmenmaterial, Verglasung, Öffnungsart und Farbe – mit Preisberechnung, während der Kunde sein Fenster zusammenstellt.

Konfiguratoren in einem WooCommerce-Shop

Wie ein Konfigurator in WooCommerce integriert wird und das konfigurierte Produkt zum berechneten Preis in den Warenkorb legt.

3D-Commerce entwickeln, bereitstellen und skalieren.

Nutzen Sie einen 3D-Produktkonfigurator, um den Verkauf zu steigern und direkt über Ihre Website Angebote zu erstellen.

Ähnliche Fallstudien