Fell & Frame: konfigurator okien drewnianych zbudowany wewnętrznie dla WooCommerce

Fell & Frame projektuje, produkuje maszynowo i ręcznie wykańcza drewniane okna we własnym warsztacie w Carlisle w Kumbrii, a następnie sprzedaje je właścicielom domów, wykonawcom, architektom i deweloperom w całej Wielkiej Brytanii. Firma produkuje i dostarcza stolarkę, opierając się na ponad 50-letnim doświadczeniu w branży, a każde okno powstaje na zamówienie: w indywidualnym rozmiarze, z wybranego drewna, przeszkleniem, zawiasami i okuciami.

W marcu 2026 roku Fell & Frame dodała konfigurator drewnianych okien do swojego sklepu WordPress i WooCommerce pod adresem fellandframe.co.uk. Kupujący wybierają jeden z sześciu typów okien rozwierno-uchylnych zlicowanych z ramą, wprowadzają wymiary co do milimetra, konfigurują okno w 3D i dodają je do koszyka w cenie widocznej na ekranie. Zespół Fell & Frame wykonał całą konfigurację samodzielnie: sześć konfiguratorów w Simplio3D, produkty WooCommerce stojące za nimi oraz stronę, która je łączy, zintegrowaną z wtyczką Simplio3D dla WordPress.

Rozwiązanie: konfigurator drewnianych okien dla każdego typu skrzydła

Przycisk Konfigurator w głównym menu otwiera jedną stronę. Sześć kart u góry prezentuje rendery typów okien produkowanych przez Fell & Frame — od jednoszybowych po czteroszybowe. Kliknięcie karty ładuje konfigurator danego okna w ramce poniżej, dzięki czemu kupujący może przełączać się między typami bez opuszczania strony.

Każdy konfigurator prezentuje okno w 3D, a obok znajdują się opcje podzielone na dziewięć sekcji: zabezpieczenia PAS24, typ okna, klamki, gatunek drewna, rozmiar, zawiasy, wentylacja, wykończenie i przeszklenie. Wymiary wpisuje się w milimetrach, a model zmienia rozmiar zgodnie z danymi, z widocznymi obok wymiarami. Okna z więcej niż jednym skrzydłem wymagają podania wysokości dla każdego rzędu i szerokości dla każdej kolumny, a także typu otwierania dla każdego skrzydła: rozwierane, uchylne lub stałe. Przyciski informacyjne objaśniają mniej oczywiste wybory, na przykład do czego służy zawias ewakuacyjny lub jak bardzo nieprzezroczysty jest dany wzór szkła.

Reguły sprawiają, że każda konfiguracja jest możliwa do wykonania. Wybór zabezpieczeń PAS 24 zmienia szkło na laminowane, a skrzydło ustawione jako stałe traci opcje klamki i zawiasów. Cena aktualizuje się wraz z każdą z tych zmian, tak jak przy każdym innym wyborze.

Pod opcjami Cena całkowita zmienia się przy każdym wyborze, obok przycisku Dodaj do koszyka. Pasek narzędzi obok modelu pozwala kupującemu obracać go, wyświetlać na pełnym ekranie, pokazywać wymiary lub robić zrzut obrazu.

Jak konfigurator łączy się z WooCommerce

Witryna fellandframe.co.uk działa na WordPress i WooCommerce, a konfiguratory łączą się z koszykiem za pośrednictwem wtyczki Simplio3D dla WordPress, w trybie Dodaj do koszyka. Fell & Frame skonfigurowała to w czterech częściach:

1. Sześć konfiguratorów utworzonych w Simplio3D, po jednym dla każdego typu okna, wraz z opcjami i cenami.
2. Sześć produktów WooCommerce, od Flush Casement 1 Pane do Flush Casement 4 Pane, każdy z własnym SKU.
3. Każdy konfigurator połączony ze swoim produktem za pomocą identyfikatora produktu WooCommerce.
4. Jedna strona WordPress z krótkim fragmentem własnego HTML Fell & Frame: sześć kart, z których każda ładuje swój konfigurator w tej samej osadzonej ramce.

Gdy kupujący naciska Dodaj do koszyka, wtyczka dodaje odpowiedni produkt do koszyka WooCommerce w cenie obliczonej przez konfigurator, wraz z opisem każdego wyboru. Koszyk otwiera się obok strony, gdzie własne pole sklepu Numer referencyjny inwestycji (pomieszczenie / lokalizacja) pozwala kupującemu wskazać miejsce montażu każdego okna, co ułatwia obsługę zamówień obejmujących kilka pomieszczeń. Koszty dostawy i podatki są dodawane podczas standardowej finalizacji zamówienia WooCommerce. Więcej informacji o tej konfiguracji: Konfiguratory produktów 3D dla WooCommerce.

Co taki projekt mógłby dziś dodatkowo oferować

Żaden element tej sekcji nie jest częścią opisanej powyżej konfiguracji Fell & Frame, która korzysta z wczesnej wersji wtyczki Simplio3D oraz strony napisanej samodzielnie przez Fell & Frame. Dla zakładu stolarskiego rozpoczynającego dziś:

• Bloki zamiast ręcznie pisanego HTML. Obecna wtyczka WordPress dodaje pięć natywnych bloków — Viewer, Options, Price, Summary i Add to Cart — które współdzielą jedną aktywną konfigurację na stronie, a każdy z nich jest również shortcode’em dla kreatorów stron, takich jak Elementor, co wyjaśnia przewodnik po Elementorze. Cena w koszyku może być ceną obliczoną przez Simplio3D, zweryfikowaną na serwerze.
• Nowa oferta na podstawie opisu. Pierwszy konfigurator dla innego produktu, na przykład serii drewnianych drzwi, może zostać wygenerowany na podstawie opisu tekstowego, a następnie ręcznie dopracowany.
• Weryfikacja reguł. Asystent AI może sprawdzić kompletność opcji i logikę warunkową we wszystkich sześciu konfiguratorach, na przykład czy każde stałe skrzydło usuwa opcje klamki i zawiasów w każdym typie okna, oraz zaproponować poprawki tam, gdzie brakuje reguły.
• Wycena zapytania telefonicznego z pomocą agenta. Fell & Frame przyjmuje również zamówienia telefonicznie. Klient AI, taki jak Claude, połączony z przestrzenią roboczą przez MCP w ramach połączenia o ograniczonym zakresie, może obliczyć cenę konfiguracji opisanej przez rozmówcę. Zmiany cen lub SKU zawsze trafiają wyłącznie jako oczekujące zmiany, które człowiek zatwierdza w panelu.