Konfigurator w Hummerce to część strony produktu, w której klient składa lub personalizuje produkt konfigurowalny, widzi aktualną cenę i dodaje konfigurację do koszyka. Strona opisuje gotowe konfiguratory w szablonach sklepu, technologie, łączenie z zewnętrznymi konfiguratorami i udostępnianie konfiguratora. Przegląd całego obszaru: Konfiguratory produktów.
Stan na wersję Hummerce 2.35 (ostatnie zmiany w konfiguratorach: 2.35.50), aktualizacja 2026-09-28.
- Szybki start - produkt z typowymi komponentami działa na gotowym konfiguratorze BS5 po przygotowaniu w panelu i dopasowaniu wyglądu.
- Klient widzi efekt i cenę przed zakupem - mniej pytań i zwrotów "nie tak to sobie wyobrażałem".
- Pliki do druku w rozdzielczości produkcyjnej prosto z projektu klienta.
- Personalizacja z AI - klient bez pomysłu na tekst lub grafikę dostaje propozycje, co skraca drogę do koszyka.
- Istniejący konfigurator (np. 3D producenta) nie musi być przepisywany - można go osadzić i połączyć z koszykiem Hummerce.
- Konfigurator na stronach partnerów i dystrybutorów - klient konfiguruje produkt u partnera, a zamówienie i cena pochodzą ze sklepu.
- Gotowe konfiguratory w szablonie sklepu - typowe produkty konfigurowalne nie wymagają pisania konfiguratora od zera. Otwarta budowa pozwala go rozbudować, zastąpić własnym albo połączyć z konfiguratorem zewnętrznym, zachowując koszyk, ceny i zamówienia Hummerce.
| Konfigurator |
Do czego |
BS5 |
BS4 |
| Formularzowy |
zestawy z towarów i produkty z parametrami: listy wyboru, pola liczbowe i tekstowe, upload pliku lub zdjęcia, wybór wariantu, jednostki miary, zależności między opcjami |
tak (od 2.34) |
- |
| Wizualny (personalizacja) |
tekst i zdjęcie na obszarze roboczym z podglądem na żywo: przesuwanie, skalowanie, obracanie, czcionki, kolory, cofnij/ponów; podgląd i plik do druku |
tak (od 2.34) |
tak |
| Z rekomendacjami AI |
konfigurator formularzowy z panelem propozycji konfiguracji |
tak (od 2.35) |
- |
| Personalizacja w układzie poziomym, zestaw nadruków z wieloma wariantami, dwustronny, 3D, wycena |
konfiguratory poprzedniej generacji |
część (do sprawdzenia per wdrożenie) |
tak |
- Konfigurator dla produktu wybiera jego szablon towaru - parametr Typ szablonu (a gdy jest pusty - symbol szablonu). Produkt bez szablonu konfiguratora dostaje standardową stronę produktu.
- Konfigurator formularzowy BS5:
- wyświetla komponenty w kolejności z panelu; komponent z towarami jako lista rozwijana, pola wyboru jednokrotnego lub wielokrotnego albo tylko informacja,
- pilnuje wartości minimalnych, maksymalnych i domyślnych,
- przelicza jednostki (np. klient podaje centymetry, sklep sprzedaje metry),
- wykonuje zależności między opcjami - pokaż lub ukryj komponent, ustaw ilość, wybierz wariant, wybierz pierwszy dostępny towar, zwielokrotnij komponent,
- komponenty specjalne: informacja dla klienta, wybór jednostki, upload zdjęcia lub pliku, wybór z obrazkami, filtry wariantów, tekst z AI.
- Konfigurator wizualny BS5 umieszcza na obszarze roboczym komponenty tekstu i zdjęcia; pozostałe komponenty pokazuje jako formularz. Przy dodaniu do koszyka zapisuje podgląd i pełny projekt, z którego powstaje plik do druku.
- AI w konfiguratorze:
- generowanie tekstu personalizacji dla wybranej okazji (kilkanaście gotowych okazji, m.in. urodziny, ślub, święta, Dzień Matki) na podstawie opisu od klienta,
- generowanie obrazu z opisu,
- rekomendacje konfiguracji (konfigurator z rekomendacjami),
- wszystkie funkcje AI działają przez serwer automatyzacji n8n z procesami przygotowanymi dla sklepu.
- Cena na stronie przelicza się po każdej zmianie - wylicza ją serwer sklepu, który sprawdza też poprawność konfiguracji (Ceny konfiguracji).
- Konfigurator można otworzyć z zapisaną konfiguracją (link) albo z pozycji koszyka do edycji (Zapisane konfiguracje).
- Konfiguratory BS5 - aplikacja w Svelte i TypeScript osadzana na stronie produktu; obszar roboczy personalizacji - biblioteka Fabric.js; czcionki - Google Fonts.
- Konfiguratory poprzedniej generacji - TypeScript i jQuery, Fabric.js, three.js (podgląd 3D).
- Obraz na obszarze roboczym ma rozdzielczość wydruku (domyślnie 300 dpi) - z projektu powstaje plik do druku.
- Konfigurator komunikuje się z serwerem sklepu przez te same wywołania, z których może korzystać konfigurator zewnętrzny:
- pobranie budowy produktu (komponenty, towary, parametry),
- sprawdzenie i wycena konfiguracji,
- zapis konfiguracji,
- wgranie zdjęcia lub pliku klienta.
- Zdarzenie strony informuje inne skrypty sklepu o zmianie wybranego wariantu w konfiguratorze.
- Podgląd produktu w przestrzeni klienta (rzeczywistość rozszerzona) - np. mebel we własnym pokoju oglądany przez aparat telefonu - realizujemy jako wdrożenie. Rozwiązanie sprawdziliśmy w prototypie; nie jest gotową funkcją szablonów sklepu.
- Wymaga modeli 3D produktu (lub komponentów) i połączenia ich z wyborami klienta w konfiguratorze.
Sklep może używać konfiguratora zbudowanego poza Hummerce (np. konfiguratora 3D producenta, własnej aplikacji w React lub Vue):
| Sposób |
Co działa |
Co wymaga wdrożenia |
| Osadzenie w ramce (iframe) na stronie sklepu |
konfigurator dostawcy na stronie produktu lub stronie treści, np. z formularzem zapytania |
przekazanie wyniku do koszyka |
| Konfigurator zewnętrzny korzystający z Hummerce |
pobranie budowy produktu, wycena, sprawdzenie i zapis konfiguracji, wgranie zdjęć - wywołania dostępne także z innych domen |
dodanie do koszyka (przez stronę sklepu), wygląd, obsługa sesji klienta |
| Przeniesienie gotowego konfiguratora (HTML, JS) do sklepu |
konfigurator działa na stronie produktu |
przekazanie listy wybranych produktów do koszyka |
| Własny konfigurator w miejsce gotowego |
pełna swoboda wyglądu, dalej ceny, koszyk i zamówienia Hummerce |
cały front konfiguratora |
- Konfigurator produktu można otworzyć pod osobnym adresem, bez reszty strony sklepu - do osadzenia w ramce na innej stronie (np. stronie producenta lub partnera). Tak samo obsługa sklepu otwiera konfigurację klienta do edycji.
- Na karcie produktu może być zakładka Udostępnianie konfiguratora - włącza ją ustawienie Zakładka Udostępnianie konfiguratora.
- Link do produktu z wybranym wariantem - adres strony produktu zawiera wybrany wariant, więc klient może go przesłać dalej.
- Link do zapisanej konfiguracji otwiera konfigurator z zapisanymi wyborami (Zapisane konfiguracje).
- Powrót z konfiguratora osadzonego u partnera do koszyka partnera, klucz partnera i lista zakupowa dla dystrybutora - realizowane we wdrożeniach, nie są gotowe w szablonie BS5.
- Szablon sklepu BS5 (konfiguratory od 2.34) albo BS4 (konfiguratory poprzedniej generacji).
- Produkt konfigurowalny z komponentami i szablonem towaru wskazującym konfigurator (Produkt konfigurowalny - rodzaje i budowa).
- Typy komponentów zgodne z konfiguratorem (np. tekst i zdjęcie dla konfiguratora wizualnego).
- AI - serwer automatyzacji n8n z procesami generowania tekstu, obrazów lub rekomendacji.
- Zewnętrzny konfigurator lub obrazy z innej domeny - serwer obrazów musi zezwalać na ich użycie przez sklep (nagłówki CORS).
- Wymaga wdrożenia - konfigurator trzeba przypisać do produktu przez szablon towaru i dopasować do sklepu. Zakres:
- wybór konfiguratora i przygotowanie szablonu towaru,
- dopasowanie wyglądu do sklepu (style, układ, teksty),
- uzupełnienie komunikatów i tłumaczeń,
- dla konfiguratora wizualnego - wymiary obszaru roboczego, tło i maska produktu, parametry wydruku,
- dla AI - procesy n8n i ich połączenie ze sklepem,
- testy na komputerze i telefonie, uruchomienie produkcyjne.
- Minimalny szacowany czas:
- konfigurator formularzowy BS5 - od 8 h,
- konfigurator wizualny BS5 - od 16 h,
- generowanie tekstów lub obrazów z AI - od 4 h (bez przygotowania procesów n8n),
- konfigurator poprzedniej generacji w szablonie BS4 - od 16 h,
- osadzenie zewnętrznego konfiguratora w ramce bez przekazania do koszyka - od 8 h,
- połączenie zewnętrznego konfiguratora z koszykiem (lista wybranych produktów) - od 60 h,
- udostępnienie konfiguratora partnerom z powrotem do ich koszyka - od 40 h.
- Czas konkretnego wdrożenia zależy od jego zakresu - wyceniamy go indywidualnie.
- Od czego zależy czas:
- stopień indywidualizacji wyglądu i układu konfiguratora,
- liczba i złożoność zależności między opcjami,
- wizualizacja - bez podglądu, podgląd 2D, 3D, podgląd w rzeczywistości rozszerzonej (wycena indywidualna),
- liczba języków,
- dokumentacja i możliwości techniczne zewnętrznego konfiguratora (wycena osobno),
- wersja sklepu - konfiguratory BS5 wymagają wersji 2.34 lub nowszej (aktualizacja wyceniana osobno).
- Konfiguratory BS5 nie mają trybu dwustronnego, podglądu 3D ani galerii grafik - te funkcje są tylko w konfiguratorach poprzedniej generacji (BS4).
- Podgląd w rzeczywistości rozszerzonej nie jest gotową funkcją - powstaje w ramach wdrożenia, z modeli 3D dostarczonych dla produktu.
- Na jednej stronie działa jeden konfigurator.
- Część komunikatów konfiguratora BS5 (upload, ilość, cena) nie ma wartości domyślnych - trzeba je dodać przy wdrożeniu. Komunikaty mają wartości tylko po polsku i angielsku.
- Konfigurator wizualny BS5 umieszcza na obszarze roboczym tylko tekst i zdjęcia.
- Reguły zależności między opcjami działają w przeglądarce klienta - serwer sprawdza wymagane komponenty i dozwolone towary, ale nie reguły zależności.
- Standardowo konfigurator nie wysyła do Google Analytics zdarzeń konfiguracji (wybór opcji, zapis) - dodanie do koszyka jest raportowane jak dla zwykłego produktu, z danymi produktu głównego.
- Brak gotowego widżetu do osadzania na obcych stronach z powrotem do koszyka obcego sklepu - wymaga wdrożenia.
- Konfigurator zewnętrzny nie doda produktu do koszyka Hummerce bez strony sklepu - koszyk działa w sesji klienta w sklepie.
- Konfiguratory BS5 nie mają osobnego układu na telefon - wygląd i wygodę pracy na małym ekranie dopasowuje się we wdrożeniu dla konkretnego produktu i szablonu sklepu.
- Nie weryfikujemy treści i grafik wgrywanych lub generowanych przez klientów (prawa autorskie, znaki towarowe, treści niedozwolone) - odpowiada za to sklep i jego regulamin.
- Konfigurator 3D w szablonie BS5.
- Tryb dwustronny i galeria grafik w konfiguratorze wizualnym BS5.
- Gotowy widżet do osadzania konfiguratora u partnerów i dystrybutorów, z powrotem do ich koszyka i listą zakupową.
- Zdarzenia analityczne konfiguratora (rozpoczęcie, zmiany opcji, zapis) dla GA4.
Czy konfigurator BS5 ma podgląd 3D lub tryb dwustronny?
Nie. Podgląd 3D i tryb dwustronny są dostępne tylko w konfiguratorach poprzedniej generacji (BS4).
Czy klient może wygenerować tekst lub obraz personalizacji przez AI?
Tak, przez serwer automatyzacji n8n z procesami przygotowanymi dla sklepu - generowanie tekstu na wybraną okazję, generowanie obrazu z opisu i rekomendacje konfiguracji.
Czy da się osadzić zewnętrzny konfigurator (np. 3D producenta) i połączyć go z koszykiem Hummerce?
Tak. Konfigurator zewnętrzny może korzystać z tych samych wywołań co konfigurator wbudowany - pobranie budowy produktu, wycenę, zapis konfiguracji i upload plików - a przekazanie wyniku do koszyka wymaga wdrożenia.
Czy podgląd w rzeczywistości rozszerzonej jest gotową funkcją?
Nie. Sprawdziliśmy go w prototypie i realizujemy jako wdrożenie z modeli 3D przygotowanych dla produktu - nie jest gotową funkcją szablonów sklepu.
Ile trwa uruchomienie konfiguratora formularzowego BS5?
Od 8 h. Konfigurator wizualny (personalizacja z podglądem i plikiem do druku) - od 16 h. Czas zależy od złożoności zależności między opcjami i stopnia dopasowania wyglądu.
Czy konfigurator ma osobny wygląd przygotowany pod telefon?
Nie wprost. Konfiguratory BS5 nie mają osobnego układu mobilnego - dopasowanie wyglądu i wygody obsługi na małym ekranie jest częścią wdrożenia dla konkretnego produktu i szablonu sklepu.
Chcesz zobaczyć, jak konfigurator może wyglądać w Waszym sklepie? Umów bezpłatną prezentację.
- Szablon towaru: parametr Typ szablonu - wybór konfiguratora.
- Karta produktu: zakładka Zestaw konfigurowalny - parametry zestawu, m.in. Szerokość obszaru [px], Wysokość obszaru [px], Oczekiwana rozdzielczość [dpi], Rzeczywista szerokość [mm], Powiększenie obszaru wydruku (w lewo, w górę, w prawo, w dół), Konfigurator dwustronny; zakładka Udostępnianie konfiguratora.
- Konfiguracja w panelu: grupa Zestawy - Zakładka Udostępnianie konfiguratora.
- Komunikaty konfiguratora: edytor komunikatów.
Teksty konfiguratora zmienia się w edytorze komunikatów. Nazwy i opisy komponentów to parametry komponentów (parametry i lokacje). Klucze konfiguratorów BS5 mają wartości domyślne po polsku i angielsku - nie ma wartości w innych językach.
| Klucz |
Wartość domyślna |
msg.gallery.select |
Wybierz |
msg.item.required.slot |
Wymagane |
msg.configurator.select.choose |
-- Wybierz -- |
msg.item.youSave |
Oszczędzasz |
msg.cart.edit |
Edytuj |
msg.item.addToCart |
Dodaj do koszyka |
| Klucz |
Wartość domyślna |
msg.fabric.moveLeft, moveRight, moveUp, moveDown |
Przesuń w lewo, w prawo, w górę, w dół |
msg.fabric.scaleUp, scaleDown |
Powiększ, Pomniejsz |
msg.fabric.rotateLeft, rotateRight |
Obróć w lewo, Obróć w prawo |
msg.fabric.undo, redo |
Cofnij, Ponów |
msg.fabric.positionDetails |
Szczegóły pozycji |
msg.fabric.angle |
Kąt |
msg.fabric.initError |
Błąd inicjalizacji konfiguratora |
msg.config.text.add |
Dodaj treść |
msg.config.text.color |
Kolor |
msg.config.text.fonts |
Czcionka |
msg.graver.selectImage |
Wybierz zdjęcie |
msg.graver.btn.remove |
Usuń |
msg.graver.badFileType |
Zły typ pliku |
msg.graver.fileToLarge |
Plik za duży, maksymalny rozmiar pliku to: |
msg.fabric.image |
Zdjęcie |
msg.fabric.image.change |
Zmień zdjęcie |
msg.fabric.image.loading |
Ładowanie... |
msg.fabric.image.errorRead |
Błąd odczytu pliku |
msg.fabric.image.helpText |
* Wymagane |
msg.fabric.preview |
Podgląd |
msg.fabric.acceptTitle |
Akceptacja konfiguracji |
msg.fabric.alt |
Podgląd konfiguracji |
msg.fabric.placeholder |
Kliknij aby wygenerować podgląd |
msg.fabric.printQuality |
Jakość druku |
msg.fabric.generating |
Generowanie... |
msg.fabric.generate |
Generuj podgląd |
msg.fabric.openNew |
Otwórz w nowym oknie |
msg.fabric.enlarge |
Powiększ |
msg.fabric.download |
Pobierz |
msg.fabric.exportJson |
Eksportuj JSON |
msg.fabricTools.width, height |
Szer., Wys. |
| Klucz |
Wartość domyślna |
msg.configurator.ai.generate |
Generuj tekst |
msg.configurator.ai.loading |
Generowanie... |
msg.configurator.ai.error |
Błąd generowania |
msg.configurator.ai.noSuggestions |
Brak propozycji |
msg.configurator.ai.selectSuggestion |
Wybierz propozycję: |
msg.configurator.ai.cancel |
Zamknij |
msg.configurator.ai.showSuggestions |
Pokaż sugestie |
msg.configurator.ai.selected |
Wybrano |
msg.configurator.ai.suggestionsCount |
propozycji |
msg.configurator.ai.personalize |
Co chcesz zawrzeć w tekście? |
msg.configurator.ai.personalizePlaceholder |
np. Dla mojej przyjaciółki Ani, która kocha ogrodnictwo... |
msg.configurator.ai.result |
Wygenerowany tekst |
msg.configurator.ai.resultPlaceholder |
Tutaj pojawi się wygenerowany tekst... |
msg.configurator.ai.image.prompt |
Opisz obraz, który chcesz wygenerować |
msg.configurator.ai.image.promptPlaceholder |
np. Bukiet czerwonych róż na białym tle... |
msg.configurator.ai.image.generate |
Generuj obraz |
msg.configurator.ai.image.loading |
Generowanie obrazu... |
msg.configurator.ai.image.error |
Błąd generowania obrazu |
msg.configurator.ai.image.use |
Użyj tego obrazu |
msg.configurator.ai.image.regenerate |
Generuj ponownie |
msg.configurator.ai.image.or |
lub |
| Klucz |
Wartość domyślna |
msg.configurator.ai.agent.birthday_wishes |
Życzenia urodzinowe |
msg.configurator.ai.agent.grandpa_day |
Dzień dziadka |
msg.configurator.ai.agent.grandma_day |
Dzień babci |
msg.configurator.ai.agent.dedication |
Dedykacja |
msg.configurator.ai.agent.wedding |
Życzenia ślubne |
msg.configurator.ai.agent.valentines |
Walentynki |
msg.configurator.ai.agent.mothers_day |
Dzień mamy |
msg.configurator.ai.agent.fathers_day |
Dzień taty |
msg.configurator.ai.agent.christmas |
Boże Narodzenie |
msg.configurator.ai.agent.new_year |
Nowy Rok |
msg.configurator.ai.agent.thank_you |
Podziękowania |
msg.configurator.ai.agent.teachers_day |
Dzień Nauczyciela |
msg.configurator.ai.agent.communion |
Komunia Święta |
msg.configurator.ai.agent.womens_day |
Dzień Kobiet |
msg.configurator.ai.agent.anniversary |
Rocznica ślubu |
msg.configurator.ai.agent.graduation |
Ukończenie szkoły |
msg.configurator.ai.agent.newborn |
Narodziny dziecka |
msg.configurator.ai.agent.retirement |
Emerytura |
| Klucz |
Miejsce |
msg.configurator.quantity, msg.configurator.price, msg.configurator.currency |
ilość, cena i waluta w konfiguratorze |
msg.configurator.upload.title, .uploading, .uploading.image, .uploading.file, .clear |
upload zdjęcia lub pliku |
msg.configurator.upload.error.extension, .error.size, .error.cmyk, .error.processing.image, .error.processing.file, .error.noFile, .error.upload.image, .error.upload.file |
błędy uploadu |