Dokumentacja

Dlaczego Alter Product?

Alter Product to nowoczesna aplikacja webowa do interaktywnej wizualizacji, konfiguracji i personalizacji produktów. Została stworzona dla firm Print-on-Demand, producentów oferujących personalizację, sklepów internetowych i twórców, którzy chcą prezentować produkty w dynamicznym środowisku 3D.

Platforma składa się z czterech głównych komponentów, które razem tworzą ekosystem e-commerce:

  • Designer – centralny workspace do definiowania wariantów, obszarów nadruku, produktów i ustawień runtime
  • Viewer – viewer produktów 3D do prezentacji wizualnej
  • Configurator – konfigurator wariantów i parametrów produktu 3D (rozmiary, materiały, kolory itd.)
  • Customizer – zaawansowane narzędzie e-commerce do dodawania grafik, tekstów, layoutów i elementów nadruku na produktach

Viewer, Configurator i Customizer możesz osadzić na stronie przez iframe, skonfigurować parametrami URL i połączyć bezpieczną komunikacją postMessage.

Moduł Designer działa jako centralna warstwa zarządzania: definiuje warianty, obszary nadruku i ustawienia runtime. Viewer, Configurator i Customizer korzystają z tych ustawień oraz designu przygotowanego w Designerze, aby wyrenderować doświadczenie e-commerce; nie otwierają samego workspace Designera. Designer również może być embedowany. W trybie embed lub local-storage assety i dane designów są przechowywane na Twoim serwerze, a Alter Product obsługuje licencję i dostęp runtime.

Dla integracji Alter Product udostępnia dedykowane Public API, które pozwala Twojemu sklepowi albo backendowi pobierać dane designów i synchronizować zamówienia Customizera. Dla sklepów WordPress/WooCommerce dostępny jest też oficjalny plugin WordPress; szczegóły znajdziesz w przewodniku integracji WooCommerce.

Szybki start

Skorzystaj z tej krótkiej ścieżki, aby połączyć Alter Product ze swoim sklepem.

  1. Utwórz konto i wybierz sposób integracji Zarejestruj się lub zaloguj. Sklepy WooCommerce powinny zacząć od oficjalnego pluginu i Auto Connect; sklepy custom lub headless korzystają z Public API.
  2. Zainstaluj i połącz sklep Dla WordPress/WooCommerce zainstaluj plugin, włącz permalinki i połącz go z poziomu panelu WordPress. Pełny proces znajdziesz w przewodniku integracji WooCommerce. Przy własnym stacku wygeneruj backendowe dane API i dodaj domenę storefrontu.
  3. Stwórz i zmapuj design Otwórz edycję produktu WooCommerce i w zakładce Alter Product utwórz albo wybierz design. W Designerze zdefiniuj warianty, obszary nadruku i ustawienia runtime, aby Viewer, Configurator lub Customizer mogły wyrenderować właściwe doświadczenie e-commerce.
  4. Osadź wybrane narzędzie i obsłuż zdarzenia runtime Plugin WooCommerce może pokazać wybrane narzędzie na stronach produktu albo stronach WordPress. Integracje custom osadzają iframe, tworzą krótkotrwały token sesji embed na backendzie i używają postMessage do dodania do koszyka, pobrania aktualnego payloadu oraz synchronizacji zamówień Customizera.