Konfigurator okien — 10 kroków, silnik reguł i podgląd 3D, bezpośrednio w przeglądarce.
To demo na żywo pokazuje kompletny konfigurator produktu technicznego: materiał, typ okna, wymiary, sposób otwierania, profil, kolor i dekor, okucia, klamki, szklenie i akcesoria. Silnik ograniczeń utrzymuje ważność każdej kombinacji, podgląd 3D podąża za każdą zmianą, a cena aktualizuje się na żywo. Tak budujemy konfiguratory dla producentów, dystrybutorów i firm rzemieślniczych.
Demo na żywo: skonfiguruj samodzielnie
Wybierz materiał, ustaw wymiary, określ otwieranie i szklenie – cofnij lub ponów dowolny krok. Widżet ładuje się dopiero po kliknięciu Uruchom.
Uwaga: Demo z wbudowanym przykładowym katalogiem: produkty, opcje i ceny są poglądowe i nie stanowią oferty. Produkcyjnie katalog, reguły i ceny pochodzą z backendu (API wielodostępowe), a wynik trafia do sklepu, CRM lub procesu ofertowania. W tym demo nie są zbierane żadne dane.
Co to demo pokazuje technicznie
- Kreator w 10 krokach z silnikiem ograniczeń: nieprawidłowe kombinacje są blokowane lub automatycznie korygowane
- Podgląd 3D okna w czasie rzeczywistym (Three.js / React Three Fiber) – rama, skrzydła, głębokość profilu i szklenie podążają za każdą zmianą
- Cena na żywo z ceny bazowej, wymiarów, opcji i dopłat, przeliczana w każdym kroku
- Cofnij/ponów w całej konfiguracji oraz zapisywanie i udostępnianie konfiguracji
- Wielodostępowość: katalog, reguły i ceny dla każdego klienta z backendu JSON:API
- Przekazanie do sklepu: gotowa konfiguracja trafia do koszyka (Shopware) lub do zapytania ofertowego
- Osadzony jako izolowany widżet Shadow DOM – bez konfliktów stylów ze stroną hosta, interfejs DE/EN
- Wydajność: ładowanie po kliknięciu, jeden samodzielny plik, brak zewnętrznych żądań
Od konfiguratora do pipeline’u quote-to-order
Taki konfigurator to front-end kompletnego procesu quote-to-order. Przekłada wybory klienta na unikalną, poprawną konfigurację, generuje cenę i listę materiałów oraz przekazuje wynik w ustrukturyzowanej formie do sklepu, ERP lub procesu ofertowania – ten sam pipeline, którego używamy do automatyzacji ofert i CPQ.
W wersji produkcyjnej podłączamy Twój katalog produktów i reguły cenowe, przejmujemy Twój język wizualny i konfigurujemy przekazanie: koszyk, formularz zapytania, oferta PDF lub bezpośredni wpis do ERP. Reguły i ceny pozostają po stronie serwera; przeglądarka pokazuje tylko to, co dostarcza API.
Inne projekty konfiguratorów
Fotorealistyczny konfigurator 3D: metale szlachetne, profile obrączki, oprawy kamieni i blask diamentu na żywo w przeglądarce.
Zobacz projekt →Planowanie ogrodzeń typu przeciągnij i upuść z automatyczną listą materiałów, ceną na żywo i bezpośrednim przekazaniem koszyka.
Zobacz projekt →Konfigurator w 5 krokach z podglądem 3D w czasie rzeczywistym, listą materiałów i wynikiem PDF.
Zobacz projekt →