Konfigurator 3D na stronie internetowej wygląda z zewnątrz jak jeden widget: obracany model, kilka przycisków, cena w rogu. W praktyce to siedem osobnych decyzji, z których każda potrafi podwoić budżet albo zamienić narzędzie sprzedażowe w drogą ozdobę. Większość z nich zapada (świadomie albo nie) w pierwszych dwóch tygodniach projektu, zanim ktokolwiek zobaczy pierwszy model w przeglądarce.
Ten tekst jest dla producenta albo dystrybutora, który rozważa wdrożenie konfiguratora 3D i chce wiedzieć, o co zapytać wykonawcę, zanim podpisze umowę. Każdą decyzję pokazujemy na działających przykładach z naszego showroomu konfiguratorów, a w połowie artykułu jest pełny konfigurator sauny 3D, który można uruchomić bez wychodzenia ze strony.
Co właściwie kupujesz, kiedy kupujesz konfigurator 3D
Zanim przejdziemy do decyzji, warto rozłożyć konfigurator na warstwy. Ułatwia to rozmowę z każdym wykonawcą, bo od razu widać, którą część wycenia, a którą pomija.
- Wizualizacja: model 3D, materiały, światło, kamera. To jedyna warstwa, którą klient widzi, i zwykle jedyna, o którą pytają zamawiający.
- Reguły produktu: co z czym pasuje, jakie wymiary są dopuszczalne, które opcje wykluczają inne. Tu mieszka wiedza Twoich technologów.
- Cena: cennik, dopłaty, rabaty, waluty, ceny dla partnerów. Często osobne źródło danych niż katalog.
- Przepływ po konfiguracji: co dzieje się po kliknięciu „wyślij”: lead w CRM, PDF oferty, lista części, mail do handlowca.
Konfigurator, który ma dopracowaną tylko pierwszą warstwę, jest prezentacją. Konfigurator, który ma wszystkie cztery, jest narzędziem sprzedaży. Szerzej opisaliśmy tę różnicę w tekście Konfigurator 3D jako centrum operacyjne firmy. Siedem decyzji poniżej dotyczy wszystkich czterech warstw.
Decyzja 1: do czego ma służyć konfigurator 3D i kto będzie go używał
Najdroższy błąd we wdrożeniach to budowanie konfiguratora „dla wszystkich”. Ten sam produkt potrzebuje innego narzędzia w zależności od tego, kto siedzi przed ekranem:
- Klient końcowy na stronie (lead generation). Mało kroków, szybkie pierwsze wrażenie, cena orientacyjna, prosty formularz na końcu. Miarą sukcesu jest liczba i jakość zapytań. Dobrym wzorcem jest konfigurator altan ogrodowych: kształt, rozmiar, podgląd 3D i widełki ceny przed podaniem e-maila.
- Handlowiec w rozmowie z klientem. Więcej opcji, pełna cena z rabatami, eksport oferty. Miarą jest czas od zapytania do oferty. To scenariusz z wdrożenia w Akpil, gdzie 8 handlowców obsługiwało 150 zapytań tygodniowo, a 60% z nich dotyczyło tych samych pytań.
- Partner, dealer, instalator. Ceny partnerskie, logowanie, historia konfiguracji, lista części do zamówienia. Miarą jest liczba błędnych zamówień.
- Showroom i targi. Tablet albo duży ekran, tryb pełnoekranowy, szybkie wysłanie konfiguracji klientowi. Miarą jest liczba kontaktów zebranych na stoisku.
W praktyce jeden konfigurator obsługuje dwa, rzadko trzy z tych scenariuszy. Warto wybrać główny i zapisać go jednym zdaniem w briefie, np. „konfigurator ma skrócić przygotowanie oferty na carport z dwóch dni do jednej rozmowy”. To zdanie rozstrzyga potem dziesiątki mniejszych sporów o zakres. Jeśli nie wiesz, który scenariusz jest Twój, zacznij od tekstu Chaos ofertowy w firmie produkcyjnej: 7 symptomów.
Decyzja 2: skąd wziąć modele 3D
To pytanie zadaje każdy producent i to ono najczęściej rozjeżdża harmonogram. Są trzy drogi, a w większości projektów łączy się dwie z nich.
Modele z CAD, przygotowane pod przeglądarkę
Jeśli masz modele w SolidWorks, Inventorze czy Fusion, masz punkt wyjścia, ale nie gotowy plik. Model konstrukcyjny zawiera śruby, gwinty, wewnętrzne żebra i setki tysięcy trójkątów, których klient nigdy nie zobaczy. Przed publikacją trzeba go uprościć (retopologia albo decymacja), nałożyć materiały PBR i wyeksportować do formatu glTF/GLB, który jest otwartym standardem Khronos Group dla 3D w przeglądarce. Do tego dochodzi kompresja geometrii (Draco albo meshopt) i tekstur (KTX2). Dobrze przygotowany model produktu waży zwykle 1-5 MB. Nasz konfigurator lampy 3D ładuje model około 1,5 MB, a konfigurator samochodu 3D, gdzie liczą się lakier i odbicia, około 12 MB.
Modele budowane od zera
Gdy CAD nie istnieje albo jest nieużywalny, modeler buduje model na podstawie rysunków i zdjęć. To najdroższa ścieżka liczona od wariantu, dlatego ma sens dla produktów o stałym kształcie i niewielu wariantach geometrii, np. lampy, mebla albo maszyny w kilku wersjach.
Model parametryczny: geometria liczona z reguł
Dla produktów, które różnią się wymiarami, a nie kształtem (sauny, carporty, ogrody zimowe, zabudowy, regały), nie modeluje się każdego wariantu. Konfigurator buduje bryłę w przeglądarce z wymiarów i reguł konstrukcyjnych. Tak działa nasz konfigurator sauny 3D: kabina od 1800 do 3000 mm, szklenie i ławy w układzie prostym, L i U powstają z kodu, a gotowe modele (piec, akcesoria) dokładane są tylko tam, gdzie wierny kształt ma znaczenie dla sprzedaży. To samo podejście stosujemy w konfiguratorze carportu i ogrodu zimowego.
Zasada robocza: jeśli liczba możliwych kombinacji wymiarów idzie w tysiące, model parametryczny jest tańszy w budowie i nieporównanie tańszy w utrzymaniu. Jeśli produkt ma kilkanaście wariantów o różnym kształcie, lepsze są gotowe modele.
| Źródło modelu | Kiedy ma sens | Ryzyko |
|---|---|---|
| CAD przygotowany pod web | Masz aktualne modele konstrukcyjne | Model za ciężki, jeśli nikt go nie zoptymalizuje |
| Model od zera | Stały kształt, mało wariantów geometrii | Koszt rośnie liniowo z liczbą wariantów |
| Parametryczny (z reguł) | Produkt różni się wymiarami i układem | Wymaga dobrze opisanych reguł konstrukcyjnych |
Decyzja 3: technologia, czyli Three.js, gotowa platforma czy streaming
Na rynku są trzy rodziny rozwiązań. Każda ma swoje miejsce, a pomyłka w tym punkcie jest najtrudniejsza do odkręcenia, bo zmiana technologii po roku oznacza zwykle budowę od nowa.
| Podejście | Mocne strony | Słabe strony | Dla kogo |
|---|---|---|---|
| Własny konfigurator na WebGL (Three.js, Babylon.js) | Pełna kontrola nad UX, regułami i integracjami; brak opłat licencyjnych za odsłony; kod i dane należą do Ciebie | Wyższy koszt startu niż szablon; potrzebny wykonawca, który zna i 3D, i logikę sprzedaży | Producent z nietypowymi regułami, własnym procesem ofertowania, planem rozwoju |
| Platforma SaaS (konfigurator w abonamencie) | Szybki start, gotowy panel, aktualizacje po stronie dostawcy | Abonament rośnie z liczbą produktów lub sesji; reguły i integracje ograniczone do tego, co przewidział dostawca; trudne wyjście | Sklep z prostym produktem i standardowym e-commerce |
| Pixel streaming (Unreal, Unity w chmurze) | Fotorealizm na poziomie renderów, niezależnie od urządzenia klienta | Koszt serwera GPU za każdą sesję, opóźnienia, wymaga dobrego łącza | Marki premium, showroomy, prezentacje inwestycji |
W sprzedaży B2B i produkcji na zamówienie najczęściej wygrywa pierwsza opcja, bo to reguły i integracje, a nie jakość renderu, decydują o tym, czy narzędzie jest używane. Porównanie trzech ścieżek pod kątem kosztów i ryzyka opisaliśmy w tekście Konfigurator custom vs gotowy CPQ vs szablon, a przegląd 27 narzędzi z rynku w rankingu konfiguratorów produktowych.
Osobna sprawa to WebGPU. Nowe API grafiki jest już dostępne w głównych przeglądarkach i daje więcej mocy, ale bezpieczną bazą dla konfiguratora sprzedażowego nadal jest WebGL 2, który działa praktycznie wszędzie. Dobry wykonawca pisze tak, żeby przejście na WebGPU było zmianą renderera, a nie całej aplikacji. Więcej o tym, kiedy 3D w przeglądarce zaczyna sprzedawać, w artykule Three.js na stronie.
Decyzja 4: reguły produktu, czyli co klient może, a czego nie
Model 3D przyciąga uwagę, ale to reguły decydują, czy z konfiguratora wychodzi zamówienie, które da się wyprodukować. Typowe kategorie reguł:
- Wykluczenia: opcja A nie działa z opcją B (np. szklana ściana nie może stać przy murze).
- Zależności: wybór A wymusza B (np. tor oświetlenia w kształcie L wymaga łącznika narożnego).
- Zakresy i krok: szerokość od 1800 do 3000 mm co 100 mm, a nie dowolna liczba.
- Obliczenia: moc, obciążenie, liczba elementów, waga, czas montażu.
- Lista części (BOM): konfiguracja zamienia się w listę elementów do produkcji albo zamówienia.
Kluczowe pytanie brzmi: gdzie te reguły są zapisane. Jeśli siedzą w kodzie, każda zmiana w ofercie wymaga programisty. Jeśli są w jednym pliku konfiguracyjnym albo panelu, zmienia je osoba odpowiedzialna za produkt. Przykład z życia: w tekście o porzucanych zapytaniach o altany pokazaliśmy, jak jeden plik konfiguracyjny zastępuje kilka arkuszy i telefon do technologa.
Dobrym testem wykonawcy jest prośba o pokazanie, jak konfigurator reaguje na konflikt. Czy blokuje opcję od razu? Czy tłumaczy, co jest nie tak? Czy prowadzi do kroku, w którym trzeba coś zmienić? W konfiguratorze oświetlenia magnetycznego i oświetlenia szynowego 3D reguły dobierają zasilacz i liczą listę części automatycznie, a w saunie poniżej można zobaczyć kontrolę kolizji na żywo.
Zobacz to w praktyce: konfigurator sauny 3D
Poniżej działa pełny konfigurator z naszego showroomu: dziewięć kroków, kontrola projektu, rzut 2D i wycena na żywo. Widać w nim większość decyzji z tego artykułu: model parametryczny (decyzja 2), reguły i kolizje (decyzja 4), cenę odświeżaną przy każdej zmianie (decyzja 5) i formularz na końcu (decyzja 6).
Kliknij plakat, aby uruchomić konfigurator tutaj, w artykule. Wolisz pełny ekran?
Otwórz konfigurator sauny 3D w showroomie →
Co warto sprawdzić, klikając:
- Dobór pieca do kubatury. Konfigurator liczy kubaturę kabiny i dodaje 1,2 m³ za każdy m² szkła, bo przeszklenie oddaje ciepło szybciej niż drewno. Powiększ przeszklenie i zobacz, jak zmienia się zalecana moc. Wybierz słabszy piec, a kontrola projektu zgłosi konflikt.
- Strefa bezpieczeństwa pieca. Ława ani drzwi nie mogą wejść w strefę wokół pieca. Konfigurator pilnuje tego sam, zamiast zostawiać problem technologowi.
- Rzut 2D i wymiary. Ten sam projekt w widoku z góry, z wymiarami. To widok, którego potrzebuje montażysta, a nie klient.
- Cena. Każda zmiana przelicza wycenę. We wdrożeniu dane pochodzą z Twojego cennika i kart katalogowych, a nie z wartości przykładowych.
Decyzja 5: cena na żywo, cena „od” czy wycena po zapytaniu
Pokazywanie ceny to decyzja handlowa, nie techniczna, ale ma ogromny wpływ na zakres projektu. Są trzy modele:
- Pełna cena na żywo. Najwyższe zaufanie i najlepiej zakwalifikowane leady, bo klient zna budżet przed kontaktem. Wymaga kompletnego cennika w formie danych, a nie PDF-a. Sprawdza się przy produktach o jawnych cenach (sauny, altany, garaże).
- Cena „od” albo widełki. Kompromis, gdy końcowa cena zależy od montażu, transportu czy warunków na miejscu. Dobrze to widać w konfiguratorze garażu blaszanego, gdzie pokazujemy, jak przełożyć cennik na cenę orientacyjną.
- Bez ceny, z wyceną po zapytaniu. Uzasadnione przy dużych projektach B2B i cenach negocjowanych. Wtedy konfigurator musi dać handlowcowi tak kompletną specyfikację, żeby oferta powstała w minuty, a nie w dni.
Jeśli ceny są różne dla klientów detalicznych i partnerów, to informacja dla wykonawcy już na starcie: oznacza logowanie, grupy cenowe i często integrację z ERP. O tym, jak cena w konfiguratorze przekłada się na zwrot z inwestycji, piszemy w artykule ROI z konfiguratora: jak realnie policzyć zwrot.
Decyzja 6: co się dzieje po kliknięciu „wyślij”
Konfigurator, który kończy się zwykłym formularzem kontaktowym, wyrzuca do kosza większość swojej wartości. Handlowiec dostaje maila „proszę o kontakt” i zaczyna od zera. Warto zdecydować wcześniej, co dokładnie trafia dalej i gdzie:
- Do CRM: lead z pełną konfiguracją, ceną, źródłem ruchu i zrzutem modelu (HubSpot, Pipedrive, Salesforce, Dynamics albo własny system). Szczegóły w tekście Integracja konfiguratora z CRM.
- Do klienta: PDF albo link do zapisanej konfiguracji, do którego może wrócić i przesłać dalej w swojej firmie. W B2B decyzję podejmuje kilka osób, więc link do konfiguracji bywa ważniejszy niż sam PDF.
- Do produkcji lub magazynu: lista części, wymiary, rysunek. Przy produktach systemowych (oświetlenie, regały, zabudowy) to największa oszczędność czasu.
- Do innych kanałów sprzedaży: ten sam katalog i reguły mogą zasilać sklep, marketplace czy portal partnerski. Przykład: konfigurator połączony z Allegro.
Cały łańcuch od konfiguracji do zaakceptowanej oferty opisujemy w artykule Konfigurator, CPQ i katalog dostawców w produkcji nieseryjnej. Jeśli w Twojej firmie oferta powstaje w Excelu, zacznij od tekstu Co to jest CPQ.
Decyzja 7: wydajność, telefon, SEO i analityka
Konfigurator 3D jest najcięższym elementem strony i łatwo nim zepsuć wynik w PageSpeed oraz pozycje w Google. Cztery rzeczy, o które warto zapytać:
- Ładowanie na żądanie. Strona pokazuje lekki podgląd (plakat albo prosty model), a pełna aplikacja ładuje się po kliknięciu. Tak działa sauna powyżej: dopóki jej nie uruchomisz, artykuł ładuje się jak zwykły tekst.
- Telefon jako pierwszy ekran. W B2B wiele pierwszych wizyt przychodzi z telefonu, z linku w mailu albo na LinkedInie. Konfigurator musi mieć osobny układ dla małego ekranu i rozsądne limity tekstur, bo przeglądarki mobilne, zwłaszcza na starszych iPhone’ach, potrafią przeładować kartę przy zbyt dużej pamięci grafiki.
- Treść, którą widzi Google. Wyszukiwarka nie zobaczy modelu w canvasie. Zobaczy tekst wokół niego: opis produktu, opcje, FAQ, dane strukturalne. Każdy konfigurator w naszym showroomie ma stronę z opisem i sekcją pytań, a nie samo okno 3D.
- Pomiar kroków. Zdarzenia w analityce dla każdego kroku konfiguracji pokazują, gdzie klienci odpadają. Bez tego nie wiadomo, czy problemem jest cena, za dużo opcji czy formularz.
Najczęstsze problemy techniczne przy wdrożeniach zebraliśmy w tekście 5 najczęstszych problemów przy wdrożeniu konfiguratora.
Ile kosztuje konfigurator 3D i ile trwa wdrożenie
Budżet wynika bezpośrednio z siedmiu decyzji powyżej. Najwięcej kosztują nie piksele, tylko reguły, integracje i przygotowanie danych. Orientacyjnie:
- MVP konfiguratora 3D z jednym produktem lub rodziną produktów, regułami, ceną i leadem do CRM: u nas od 49 000 PLN, 6-8 tygodni. Prostsze konfiguratory z podglądem 3D, jak altany, mieszczą się nawet w około 4 tygodniach.
- Konfigurator z pełną logiką i integracjami (ERP, ceny partnerskie, lista części, PDF oferty): kilka razy więcej, zależnie od liczby systemów po drugiej stronie.
- Modele 3D wyceniane osobno, od kilku tysięcy złotych za model przygotowany z CAD do kilkunastu i więcej za model budowany od zera.
Widełki dla swojego przypadku policzysz w 3 minuty w naszym estymatorze kosztów konfiguratora. Szczegółowe rozbicie kosztów jest w artykule Ile kosztuje konfigurator, a etapy wdrożenia tydzień po tygodniu na stronie konfiguratory 3D dla producentów.
Checklista: 7 decyzji przed wdrożeniem konfiguratora 3D
| Decyzja | Pytanie do zadania w firmie | Typowy błąd |
|---|---|---|
| 1. Cel i użytkownik | Kto będzie klikał i po czym poznamy sukces? | Konfigurator „dla wszystkich”, bez jednego mierzalnego celu |
| 2. Modele 3D | CAD, model od zera czy geometria z reguł? | Wrzucenie modelu konstrukcyjnego wprost na stronę |
| 3. Technologia | Własny kod, SaaS czy streaming? | Wybór platformy, z której nie da się wyjść, gdy reguły urosną |
| 4. Reguły | Gdzie są zapisane i kto może je zmienić? | Reguły w kodzie, każda zmiana cennika to zlecenie dla programisty |
| 5. Cena | Pełna, „od” czy po zapytaniu? Te same ceny dla wszystkich? | Decyzja o cenach partnerskich w połowie projektu |
| 6. Po kliknięciu „wyślij” | Co trafia do CRM, do klienta i na produkcję? | Zwykły formularz kontaktowy na końcu konfiguracji |
| 7. Wydajność i SEO | Jak strona ładuje się na telefonie i co widzi Google? | Ciężki model ładowany od razu, zero tekstu wokół canvasu |
Przykłady konfiguratorów 3D do przetestowania
Wszystkie poniższe dema działają w przeglądarce, bez logowania. Każde pokazuje inny wariant decyzji z tego artykułu:
- Konfigurator sauny 3D: model parametryczny, kontrola kolizji, dobór pieca do kubatury, rzut 2D, wycena na żywo.
- Konfigurator oświetlenia szynowego 3D: tor I/L/U, oprawy, automatyczna lista części i dobór zasilacza 48 V.
- Konfigurator carportu 3D: kolory RAL, zabudowa boków, reguły wymiarów, lead do CRM.
- Konfigurator ogrodu zimowego 3D: przeszklenia i reguły konstrukcyjne.
- Konfigurator samochodu 3D: model GLB, lakier, felgi, cena.
- Konfigurator lampy 3D: lekki model około 1,5 MB, osobne kolory elementów.
- Konfigurator oświetlenia magnetycznego: automatyczna lista części, kontrola mocy i sterowania.
- Konfigurator altan ogrodowych: krótka ścieżka lead generation z widełkami ceny.
- Konfigurator drzwi, garażu blaszanego i domku modułowego: różne podejścia do ceny i formularza.
Pełną listę znajdziesz w showroomie JSON Crew. Wdrożenia u klientów, m.in. u producenta okien PVC z Excelem na 47 kolumn i narzędzie VR i 3D dla Colliers Poland, opisujemy w case studies.
Najczęściej zadawane pytania
Czy do konfiguratora 3D potrzebuję modeli CAD?
Nie zawsze. Modele CAD przyspieszają pracę, ale muszą zostać uproszczone i przygotowane pod przeglądarkę (format GLB, kompresja geometrii i tekstur). Produkty, które różnią się głównie wymiarami, jak sauny, carporty czy ogrody zimowe, można budować parametrycznie z reguł, bez modelowania każdego wariantu.
Czy konfigurator 3D działa na telefonie?
Tak, jeśli jest projektowany z myślą o telefonie: osobny układ dla małego ekranu, lekkie modele (zwykle 1-5 MB) i rozsądne limity tekstur. Działa w przeglądarce, bez instalowania aplikacji.
Czy konfigurator 3D spowolni moją stronę?
Nie musi. Dobrą praktyką jest pokazanie lekkiego podglądu i ładowanie pełnej aplikacji dopiero po kliknięciu. Wtedy strona ładuje się jak zwykła podstrona, a ciężkie zasoby pobierają tylko osoby, które faktycznie chcą konfigurować.
Lepszy jest konfigurator w abonamencie czy własny?
Abonament daje szybki start przy prostym produkcie i standardowym sklepie. Własny konfigurator wygrywa, gdy produkt ma nietypowe reguły, ceny partnerskie albo musi być połączony z CRM, ERP i produkcją. Wtedy kod i dane należą do Ciebie i nie płacisz za liczbę sesji.
Ile trwa wdrożenie konfiguratora 3D?
MVP z jednym produktem lub rodziną produktów, regułami, ceną i leadem do CRM zajmuje zwykle 6-8 tygodni. Najdłużej trwa zwykle zebranie reguł i cennika po stronie producenta, a nie samo programowanie.
Czy Google zaindeksuje konfigurator 3D?
Google nie odczyta modelu narysowanego w canvasie, ale zaindeksuje treść strony wokół niego: opis produktu, opcje, FAQ i dane strukturalne. Dlatego konfigurator powinien mieć pełną stronę z tekstem, a nie samo okno 3D.
Kolejny krok
Jeśli po lekturze masz odpowiedź na cztery z siedmiu pytań, jesteś gotowy na rozmowę z wykonawcą. Jeśli na mniej, to też dobry moment, bo te decyzje najlepiej podjąć razem, zanim powstanie pierwszy model. Na stronie o konfiguratorach 3D pokazujemy, jak wygląda wdrożenie od pierwszej rozmowy do działającego MVP.
Możesz też od razu sprawdzić widełki budżetu w estymatorze albo napisać do nas z krótkim opisem produktu. Odpowiemy, którą drogą warto pójść, albo uczciwie powiemy, że konfigurator 3D nie jest Ci potrzebny.
Czytaj też
- Co to jest konfigurator produktowy? Kompletny przewodnik
- Konfigurator 3D jako centrum operacyjne firmy: od gadżetu do systemu
- Konfigurator 3D samochodów w sprzedaży B2B: jak działa, koszty i ROI
- Konfigurator na stronie internetowej: które czynniki decydują o szybkim ROI
- Cyfrowy showroom 2026: dlaczego klienci B2B nie dzwonią do handlowca
