Konfigurator vs. Customizer: co wybrać dla Twojego sklepu?

Wstęp

Klienci kochają personalizację, a marki - przewidywalny checkout. I tu pojawia się pytanie: czy potrzebujesz konfiguratora produktów 3D, czy customizera 3D, aby uruchomić pełną personalizację produktów online? Zły wybór potrafi wydłużyć drogę do koszyka, obniżyć konwersję i podnieść koszty obsługi. Dobry - skraca zakup do kilku klików i podnosi satysfakcję klientów.

W skrócie:

• Konfigurator produktów 3D - klient wybiera predefiniowane opcje (kolor, rozmiar, materiał, typ nadruku) z podglądem 3D/AR i ceną w czasie rzeczywistym.
• Customizer 3D - klient może dodawać obrazy, tekst, wzory i kody QR bezpośrednio na produkcie (2D/3D), a Ty możesz wygenerować mockupy i pliki do druku (print-ready) w celu produkcji.

W tym przewodniku zobaczysz, kiedy które narzędzie bardziej pasuje do Twoich potrzeb (odzież, kubki, opakowania, merch), jak bezpiecznie osadzić narzędzie przez iframe, użyć handshake’u postMessage, utworzyć krótkotrwały token sesji przez Public API i połączyć zdarzenia koszyka z własnym stackiem. Dołączamy też tabelę porównawczą i praktyczne przykłady, abyś mógł podjąć decyzję, bez technicznego żargonu.

Chcesz podnieść konwersję, skrócić time-to-market i zmniejszyć zwroty dzięki fotorealistycznym podglądom 3D/AR? Ten artykuł jest dla Ciebie. Sprawdź, czy konfigurator produktów 3D lub customizer 3D do e-commerce pasuje do Twoich potrzeb. Na końcu znajdziesz checklistę oraz linki do gotowych przykładów.

Na czym polega różnica?

Konfigurator

Klient wybiera predefiniowane warianty (np. rozmiar, kolor, materiał, rodzaj nadruku). Otrzymuje podgląd 3D/AR i cenę w czasie rzeczywistym. Idealny do katalogów make-to-order i ofert, w których decyzja sprowadza się do zestawów opcji.

Przykład: klasyczny T-shirt z gotową grafiką przygotowaną przez sklep w 3 kolorach i 5 rozmiarach.

Customizer

Klient tworzy/edytuje projekt na produkcie: może dodać obrazy, tekst, wzory, kody QR w 2D/3D. Ty generujesz mockupy i pliki do druku gotowe do produkcji - pełna personalizacja produktu.

👉 Wypróbuj na żywo: dema Konfiguratora i Customizera

Szybkie porównanie

Cecha	Konfigurator	Customizer
Główny cel	Wybór wariantów	Tworzenie/edycja projektu
Typowe zastosowania	Katalogi MTO, zestawy opcji	POD, merch, prezenty personalizowane
Podgląd	3D + AR	2D + 3D + mockup
Cena w czasie rzeczywistym	Tak (we wszystkich planach)	Tak
Pliki do druku	–	Tak (od planu Personal)
White-label (logo/branding)	Business	Business
Własne Customizery	–	Business
Integracja	iframe + handshake postMessage + sesja embedu przez Public API	iframe + token sesji Customizera + cartKey + zamówienia przez Public API

Uwaga dot. planów:

• Real-time pricing - w każdym planie.
• Print-ready i mockupy - od Personal.
• White-label - od Business.
• Własne Customizery - Business.
• API z dokumentacją - dostępne w wymienionych planach.
• Osadzanie na własnej stronie, brandowane Customizery i server-side embedded storage - Business.

Kiedy wybrać Konfigurator

• Masz zamknięty zestaw opcji (kolor/rozmiar/materiał) i chcesz najszybszej ścieżki do koszyka.
• Potrzebujesz spójnego, kontrolowanego UX (bez ryzyka „dziwnych” projektów).
• Chcesz podglądu 3D/AR i ceny na żywo bez angażowania zespołu graficznego.

Przykłady: meble (wykończenia), opakowania (materiał/gramatura), odzież z predefiniowanymi grafikami lub bez (rozmiary/kolory).

Kiedy wybrać Customizer

• Sprzedajesz produkty personalizowane (POD, merch, prezenty) i chcesz, by klienci projektowali bezpośrednio na produkcie.
• Klienci powinni móc wgrać logo/zdjęcie, dodać tekst lub kod QR i zobaczyć efekt w 2D/3D.
• Potrzebujesz mockupów i eksportu print-ready do produkcji (oszczędność czasu, mniej poprawek).

Przykłady: koszulki firmowe, kubki z nadrukiem, gadżety eventowe, personalizowane opakowania.

Wpływ na konwersję i UX

• Realistyczne 3D/AR buduje zaufanie - klient widzi prawdziwą skalę i oświetlenie.
• Cena w czasie rzeczywistym eliminuje niespodzianki przy checkout i zmniejsza porzucenia koszyka.
• Udostępnialne linki do projektu przyspieszają akceptacje B2B (np. marketing ↔ sprzedaż).
• Mniej zwrotów dzięki fotorealistycznym podglądom i renderom.

Integracja z własnym stackiem (iframe + postMessage + Public API)

1. Przygotuj dane API: wygeneruj klucze dostępu w E-commerce Settings → API Credentials. Przechowuj je wyłącznie po stronie serwera.
2. Dodaj swoją domenę: dodaj domenę sklepu w E-commerce Settings → Integration.
3. Osadź narzędzie: załaduj Configurator lub Customizer w iframe i wystyluj go parametrami URL oraz CSS kontenera.
4. Autoryzuj iframe: obsłuż bezpieczny handshake przez postMessage. Iframe wysyła ALTER_CHILD_HELLO, Twoja strona odpowiada ALTER_PARENT_ACK, a następnie backend tworzy krótkotrwałą sesję embedu przez POST /public-api/v1/embed/session.
5. Obsłuż zdarzenia koszyka: Configurator może wysłać ALTER_CONFIGURATOR_ADD_TO_CART i zwrócić aktualne dane produktu. Customizer wysyła ALTER_CUSTOMIZER_ADD_TO_CART dla nowych pozycji koszyka albo ALTER_CUSTOMIZER_UPDATE_DESIGN dla istniejących.
6. Synchronizuj zamówienia Customizera: użyj Public API, aby pobierać zamówienia, aktualizować statusy, zmieniać ilości lub usuwać porzucone zamówienia. Projekty pozostają edytowalne, gdy status to shopping_cart lub editable; statusy realizacyjne blokują dalszą edycję przez klienta.

Plany i ceny - szybki przewodnik

• Free - osadzanie, 3D/AR, real-time pricing, API (limity projektów).
• Personal - print-ready export i mockupy.
• Business - white-label (Twoje logo/kolory), prywatne modele 3D, twój brandowany 3D Customizer + prywatna biblioteka szablonów/grafik.

Skrót: potrzebujesz white-label + prywatnych modeli 3D → Business. Chcesz publikować własne Customizery dla klientów → Business.

Decyzyjna checklista (2 min)

• Czy klient musi wgrać własny obraz/tekst/QR? → Customizer
• Czy ofertę da się zamknąć w listach wariantów? → Konfigurator
• Czy potrzebujesz plików do druku i mockupów? → Customizer
• Czy UI ma być white-label (Twoje logo/kolory)? → Business
• Czy chcesz tworzyć i osadzać własne Customizery? → Business

Co dalej?

• Zarejestruj się, utwórz pierwszy projekt i włącz udostępnianie (Share).
• Osadź iframe na stronie testowej i sprawdź komunikację postMessage z koszykiem.
• Wybierz plan, który odblokuje to, czego potrzebujesz (print-ready, white-label, własny Customizer).

FAQ

Czy real-time pricing jest dostępny w każdym planie?

Tak - cena aktualizuje się w czasie rzeczywistym we wszystkich planach.

Czy mogę przetestować przed zakupem?

Tak - plan Free + 14-dniowy trial planów płatnych.

Czy przygotowujecie modele 3D na zamówienie?

Tak - możemy przygotować dla Ciebie modele 3D w ramach usługi dodatkowej; modele mogą być ekskluzywne dla Twojego konta (Business/Enterprise).

Czy da się osadzić na dowolnej stronie lub własnym stacku?

Tak - użyj iframe dla interfejsu, postMessage dla zdarzeń runtime oraz Public API po stronie backendu, aby tworzyć bezpieczne sesje embedu i synchronizować zamówienia Customizera. Dane API powinny pozostać po stronie serwera.