--- title: "Strona z konfiguratorem produktu: projekt i wdrożenie" description: "Konfigurator, w którym klient sam składa produkt: wymiar, kolor, wykończenie i dodatki. Zapytanie z konfiguracją trafia do handlowca. Wdrażamy też pCon." url: https://fluostudio.pl/uslugi/strony-www/strona-z-konfiguratorem/ --- # Strona z konfiguratorem, na której klient sam składa produkt. Klient wybiera wymiar, kolor i dodatki, widzi swoją wersję i wysyła zapytanie z pełną konfiguracją. Handlowiec od pierwszej wiadomości wie, o czym rozmawia, a setki wariantów mieszczą się w jednym konfiguratorze. [Porozmawiajmy o Waszej stronie](https://fluostudio.pl/kontakt/) Zobacz realizacje 01 Punkt wyjścia ## Dlaczego klientom trudno zamówić Wasz produkt? Konfigurator ma sens wtedy, gdy produkt ma wiele wersji, a klient chce zobaczyć swoją. Od tych czterech sytuacji zaczynaliśmy. „Produkt ma setki wariantów i nie zrobimy zdjęć każdego.” Konfigurator, który pokazuje wersję klienta Klient ogląda produkt w swojej wersji: z wybranym wymiarem, kolorem i wykończeniem, więc sesja zdjęciowa każdego wariantu przestaje być potrzebna. Przy meblach biurowych podłączamy konfigurator pCon, który bierze modele z danych producentów. Co robimy - Wybór cech, o które klienci pytają najczęściej. - Konfigurator na karcie produktu, na komputerze i telefonie. - Zapytanie z pełną konfiguracją, które trafia do handlowca. Zobacz naszą podobną realizację [](https://fluostudio.pl/projekty/biurokoncept/) Biurokoncept Na biurokoncept.pl klient wybiera przestrzeń, produkt i jego wersję, a do Biurokoncept trafia zapytanie z pełną konfiguracją: wymiarem, kolorem blatu, stelażem i dodatkami. [Zobacz projekt Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) Podobne realizacje - [Itodi](https://fluostudio.pl/projekty/itodi/) - [Hana Design](https://fluostudio.pl/projekty/hana-design/) „Każdy nasz produkt jest inny, więc jeden konfigurator nie wystarczy.” Jedna struktura dla bardzo różnych produktów Szukamy tego, co produkty mają wspólnego: wersji, materiałów, kolorów i dodatków. Z tego składamy jedną strukturę konfiguratora, a każdy produkt pokazuje w niej tylko te opcje, które ma. Co robimy - Przegląd produktów i ich cech, zanim powstanie projekt. - Jedna struktura opcji, w której produkt pokazuje tylko swoje. - Wzornik w okienku, w którym klient widzi tylko swój wybór. Zobacz naszą podobną realizację [![Konfigurator na karcie fotela w projekcie strony Hana Design.](https://fluostudio.pl/media/uslugi/strony-www/strona-z-konfiguratorem/hana-design-1600.webp)](https://fluostudio.pl/projekty/hana-design/) Hana Design Meble w ofercie Hana Design były bardzo różne, a konfigurator miał pasować do każdego z nich. Zaprojektowaliśmy dla niego jedną strukturę w serwisie z około 2000 kartami produktów. [Zobacz projekt Hana Design](https://fluostudio.pl/projekty/hana-design/) Podobne realizacje - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) - [PetCuisine](https://fluostudio.pl/projekty/petcuisine/) „Klienci nie znają się na meblach i boją się, że źle wybiorą.” Każda opcja pokazana obrazkiem Klient nie musi znać nazw okuć ani rodzajów frontów. Każdą opcję pokazujemy ikoną albo rysunkiem, a wymiar ustawia się suwakiem i od razu widać, jak zmienia się mebel. Co robimy - Ikony dla każdej opcji, narysowane tą samą kreską co produkt. - Suwaki wymiaru, przy których od razu widać zmianę. - Ta sama kreska w sklepie i w instrukcji montażu. Zobacz naszą podobną realizację [](https://fluostudio.pl/projekty/itodi/) Itodi Szerokość, wysokość, fronty, podstawa, kolor. Sklep itodi z konfiguratorem zaprojektowaliśmy tak, żeby nie trzeba było znać się na meblach, a 18 ikon konfiguratora narysowaliśmy tą samą kreską co meble w instrukcji. [Zobacz projekt Itodi](https://fluostudio.pl/projekty/itodi/) Podobne realizacje - [Hana Design](https://fluostudio.pl/projekty/hana-design/) - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) „Partnerzy pytają w każdym mailu o to samo: rodzaj, opakowanie, smak.” Wybór krok po kroku, a na końcu zapytanie Gdy produkt powstaje na zamówienie partnera, konfigurator działa jak drukarnia internetowa: partner klika kolejne kroki, a zapytanie przychodzi z kompletem odpowiedzi. Handlowiec nie musi dopytywać o podstawy. Co robimy - Kroki ułożone w kolejności, w jakiej partner podejmuje decyzję. - Warianty opakowań i smaków pokazane obrazkiem. - Zapytanie z gotową listą wyborów. Zobacz naszą podobną realizację [](https://fluostudio.pl/projekty/petcuisine/) PetCuisine Klient chciał prostej strony, na której partner wybiera produkt jak w drukarni internetowej: klika rodzaj karmy, opakowanie i smak, a potem wysyła zapytanie. Tak powstała strona produktów PetCuisine z 12 smakami i opakowaniami zbiorczymi. [Zobacz projekt PetCuisine](https://fluostudio.pl/projekty/petcuisine/) Podobne realizacje - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) 02 Co dostajecie ## Konfigurator, który da się utrzymać Konfigurator jest tak dobry jak dane, które go karmią. Dlatego razem z nim powstają filtry, pliki dla architektów i panel, w którym Wasz zespół sam dodaje nowe produkty. ### Zapytanie z pełną konfiguracją Zapytanie działa jak koszyk, ale zamiast płatności trafia do handlowca, razem ze wszystkimi wyborami klienta. Można w nim zebrać kilka produktów naraz. Przykład Na stronie Hana Design klient wybierał warianty z wzornika, zbierał produkty w zapytaniu i wysyłał je prosto do handlowca. [Hana Design](https://fluostudio.pl/projekty/hana-design/) ### Filtry z danych, które da się utrzymać Konfigurator nie zawsze daje cechy do filtrów i porównywarki. Dlatego ustalamy, które dane zespół będzie uzupełniał przy każdym produkcie, i projektujemy filtry tylko z nich. Przykład Z pCon da się wziąć model, ale nie cechy do filtrów i porównywarki. Dlatego filtry na biurokoncept.pl uprościliśmy do tego, co da się utrzymać: producenta, przestrzeni i koloru. [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) ### Modele i pliki do pobrania przy produkcie Architekt i projektant wnętrz chcą wstawić produkt do swojego projektu. Przy karcie produktu stawiamy modele 2D i 3D, tekstury i katalog marki, żeby nie musieli o nie prosić. Przykład Obok konfiguratora Hana Design były dane techniczne, wzornik i pliki do pobrania: modele 2D i 3D w DWG, 3DS i SKP, katalog marki i tekstury. [Hana Design](https://fluostudio.pl/projekty/hana-design/) ### Nowe produkty bez programisty Zespół dodaje produkt w panelu i sam podpina do niego konfigurator. Po starcie szkolimy go z tego i zostawiamy nagraną instrukcję. Przykład Zespół Biurokoncept dostał szkolenie i nagraną instrukcję, jak samodzielnie dodać produkt i podpiąć do niego konfigurator. [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) ![Strona biurokoncept.pl na tablecie opartym o tapicerowany fotel.](https://fluostudio.pl/media/uslugi/strony-www/strona-z-konfiguratorem/pas-1600.webp) 03 Realizacje ## Konfiguratory, które zrobiliśmy Konfiguratory Biurokoncept i PetCuisine zaprojektowaliśmy i wdrożyliśmy, wcześniej także konfigurator Hana Design. Konfigurator itodi to sam projekt. [Wszystkie realizacje](https://fluostudio.pl/projekty/) Widok Duże kadry Siatka - [![Karta produktu biurokoncept.pl na dwóch telefonach.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/biurokoncept-1600.webp)Biurokoncept Katalog ponad tysiąca mebli, w którym klient sam składa biurko, a handlowiec dostaje zapytanie z gotową konfiguracją.](https://fluostudio.pl/projekty/biurokoncept/) - [![Strona pet-cuisine.pl na laptopie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/petcuisine-1600.webp)PetCuisine Strona producenta karmy, na której partner wybiera rodzaj, opakowanie i smak, a potem wysyła zapytanie.](https://fluostudio.pl/projekty/petcuisine/) - [![Projekt sklepu itodi na tablecie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/itodi-1600.webp)Itodi Projekt sklepu mebli na wymiar z konfiguratorem, przy którym nie trzeba znać się na meblach.](https://fluostudio.pl/projekty/itodi/) - [![Strona hanadesign.pl na laptopie.](https://fluostudio.pl/media/uslugi/strony-www/realizacje/hana-design-1600.webp)Hana Design Strona dystrybutora mebli z konfiguratorem: klient wybiera warianty produktu i wysyła zapytanie do handlowca.](https://fluostudio.pl/projekty/hana-design/) 04 Zakres ## Co składa się na stronę z konfiguratorem Klient widzi suwaki i kolory. Pod spodem pracują zasady, które pilnują, żeby dało się to wyprodukować, dane produktów i panel. Pojęcia, które brzmią technicznie, tłumaczymy po ludzku w słowniku. ### Konfigurator - [Konfigurator produktu](https://fluostudio.pl/baza-wiedzy/slownik/konfigurator-produktu/) - Struktura opcji - Zasady łączenia opcji - Ikony i rysunki opcji - Suwaki wymiaru - Konfigurator pCon Robiliśmy to między innymi dla - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) - [Itodi](https://fluostudio.pl/projekty/itodi/) - [Hana Design](https://fluostudio.pl/projekty/hana-design/) ### Zapytanie i sprzedaż - Zapytanie z pełną konfiguracją - Kilka produktów w jednym zapytaniu - Wybór krok po kroku - Połączenie ze sklepem Robiliśmy to między innymi dla - [PetCuisine](https://fluostudio.pl/projekty/petcuisine/) - [Hana Design](https://fluostudio.pl/projekty/hana-design/) ### Dane i pliki - Dane i cechy produktów - Filtry - [Render 3D](https://fluostudio.pl/baza-wiedzy/slownik/render-3d/) - Modele 2D i 3D do pobrania - Tekstury i katalogi Robiliśmy to między innymi dla - [Hana Design](https://fluostudio.pl/projekty/hana-design/) - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) ### Panel i opieka - [WordPress](https://fluostudio.pl/baza-wiedzy/slownik/wordpress/) - Panel do dodawania produktów - Nagrana instrukcja - [Hosting](https://fluostudio.pl/baza-wiedzy/slownik/hosting/) - Kopie zapasowe Robiliśmy to między innymi dla - [Biurokoncept](https://fluostudio.pl/projekty/biurokoncept/) 05 Pytania ## O co pytacie przy konfiguratorze Czy konfigurator musi być w 3D? Nie. Często wystarczą zdjęcia albo rendery wariantów, a model 3D ma sens przy produktach, które klient chce obejrzeć z każdej strony. Przy meblach biurowych podłączamy konfigurator pCon, który ma modele z danych producentów. Czy klient zobaczy cenę swojej wersji? Może, jeśli cenę da się policzyć z wyborów. Przy produktach na zamówienie zwykle lepiej sprawdza się zapytanie z gotową konfiguracją, na które odpowiada handlowiec. Skąd konfigurator wie, co da się połączyć? Z zasad, które spisujemy z Waszym zespołem produkcji albo sprzedaży: jakie wymiary są dostępne, które opcje się wykluczają i co jest w standardzie. Klient widzi tylko te opcje, które pasują do jego wyboru. Czy sami dodamy nowe produkty do konfiguratora? Tak. Zespół Biurokoncept dodaje produkty w panelu i sam podpina do nich konfigurator, według nagranej instrukcji. Czy konfigurator działa na telefonie? Tak, projektujemy go od razu na komputer i telefon. Na telefonie opcje układamy pod produktem, w kolejności wyboru. Gdzie trafia zapytanie z konfiguracją? Tam, gdzie ktoś na nie odpowie: na skrzynkę działu sprzedaży albo do systemu, którego używacie. Zapytanie ma komplet wyborów klienta, więc handlowiec nie musi dopytywać o podstawy. Gdy klient może też kupić od razu, łączymy konfigurator ze [sklepem internetowym](https://fluostudio.pl/uslugi/strony-www/sklep-internetowy/). 06 Inne rodzaje stron ## Jaką stronę jeszcze budujecie? Rodzaje stron często się łączą: do strony firmowej dochodzi sklep albo konfigurator, a landing page pod kampanię powstaje na blokach strony, która już działa. - [Strona firmowa Główna strona firmy dla klientów, partnerów, kandydatów i inwestorów, z panelem dla zespołu.](https://fluostudio.pl/uslugi/strony-www/strona-firmowa/) - [Sklep internetowy Sklep połączony z magazynem i systemami sprzedaży albo projekt sklepu pod platformę, której już używacie.](https://fluostudio.pl/uslugi/strony-www/sklep-internetowy/) - [Landing page Jedna strona pod kampanię, produkt albo wydarzenie, z jednym celem i jednym przyciskiem.](https://fluostudio.pl/uslugi/strony-www/landing-page/) - [Wszystko o stronach www Jak pracujemy nad każdą stroną: punkty wyjścia, proces, zakres i wszystkie realizacje.](https://fluostudio.pl/uslugi/strony-www/)