Pencere yapılandırıcısı — 10 adım, kural motoru ve 3B önizleme, doğrudan tarayıcıda.

Bu canlı demo, teknik bir ürün için eksiksiz bir ürün yapılandırıcısını gösterir: malzeme, pencere tipi, ölçüler, açılış şekli, profil, renk ve dekor, aksesuar, kollar, cam ve ek donanım. Bir kısıt motoru her kombinasyonu geçerli tutar, 3B önizleme her değişikliği izler ve fiyat canlı güncellenir. Üreticiler, distribütörler ve ustalar için yapılandırıcıları böyle kuruyoruz.

Canlı demo: kendiniz yapılandırın

Malzeme seçin, ölçüleri belirleyin, açılış ve camı tanımlayın – her adımı geri alın veya yineleyin. Widget yalnızca Başlat’a tıklandığında yüklenir.

Pencere yapılandırıcısının ekran görüntüsü: adım gezinmesi, beyaz bir pencerenin 3B önizlemesi ve malzeme seçimi

Canlı demo · tarayıcıda 3B

Pencere yapılandırıcısını başlat

React + Three.js · widget (~350 KB gzip) yalnızca başlatıldığında yüklenir.

Tam ekran aç

Not: Yerleşik örnek katalogla demo: ürünler, seçenekler ve fiyatlar temsilidir ve teklif niteliği taşımaz. Üretimde katalog, kurallar ve fiyatlar arka uçtan (çok kiracılı API) gelir ve sonuç mağazaya, CRM’e veya teklif sürecine aktarılır. Bu demoda veri toplanmaz.

Bu demo teknik olarak neyi gösterir

  • Kısıt motorlu 10 adımlı sihirbaz: geçersiz kombinasyonlar engellenir veya otomatik düzeltilir
  • Pencerenin gerçek zamanlı 3B önizlemesi (Three.js / React Three Fiber) – kasa, kanatlar, profil derinliği ve cam her değişikliği izler
  • Temel fiyat, ölçüler, seçenekler ve ek ücretlerden canlı fiyat, her adımda yeniden hesaplanır
  • Tüm yapılandırma boyunca geri al/yinele, ayrıca yapılandırmayı kaydetme ve paylaşma
  • Çok kiracılı: müşteri başına katalog, kurallar ve fiyatlar bir JSON:API arka ucundan
  • Mağazaya aktarım: tamamlanan yapılandırma sepete (Shopware) veya teklif talebine gider
  • Yalıtılmış Shadow DOM widget’ı olarak gömülür – ana sayfayla stil çakışması yok, DE/EN arayüz
  • Performans: tıklamayla yükleme, tek bir bağımsız dosya, dış istek yok

Yapılandırıcıdan quote-to-order hattına

Böyle bir yapılandırıcı, eksiksiz bir quote-to-order sürecinin ön yüzüdür. Müşterinin seçimlerini benzersiz ve geçerli bir yapılandırmaya dönüştürür, fiyat ve malzeme listesi üretir ve sonucu yapılandırılmış biçimde mağazaya, ERP’ye veya teklif sürecine aktarır – teklif ve CPQ otomasyonu için kullandığımız hattın aynısı.

Üretim sürümü için ürün kataloğunuzu ve fiyat kurallarınızı bağlar, görsel dilinizi devralır ve aktarımı kurarız: sepet, talep formu, PDF teklif veya doğrudan ERP kaydı. Kurallar ve fiyatlar sunucu tarafındadır; tarayıcı yalnızca API’nin sunduğunu gösterir.

Diğer yapılandırıcı projeleri

Alyans Yapılandırıcısı

Fotogerçekçi 3D yüzük yapılandırıcısı: değerli metaller, bant profilleri, taş montürleri ve tarayıcıda canlı pırıltı.

Projeyi görün →
Çit yapılandırıcısı

Otomatik malzeme listesi, canlı fiyat ve doğrudan sepet devriyle sürükle-bırak çit planlama.

Projeyi görün →
Çok katmanlı polikarbonat yapılandırıcısı

Gerçek zamanlı 3B önizleme, malzeme listesi ve PDF çıktısı içeren 5 adımlı yapılandırıcı.

Projeyi görün →

Ürünleriniz için bir yapılandırıcı mı planlıyorsunuz?