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 łączy następujące narzędzia w jeden proces 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
• Generator modeli 3D - tworzenie i modyfikowanie parametrycznych modeli 3D na podstawie edytowalnych wykrojów, szwów i wymiarów

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ż plugin Alter Product dla WordPress i WooCommerce; szczegóły znajdziesz w przewodniku integracji WooCommerce.

Generator modeli 3D

Zacznij od templatki generatora lub istniejącego modelu z generatorem. Edytuj wykroje, szwy i wymiary, sprawdź efekt na manekinie i zastosuj tekstury. Zapisz projekt generatora, a następnie użyj zapisanej rewizji w projekcie produktu. Powstały model współpracuje z Designerem oraz obecnymi procesami produktowymi Customizera, Configuratora i Viewera.

W WordPressie templatki, manekiny i biblioteki tekstur do ponownego wykorzystania znajdują się w Assets; środowiska HDRI korzystają ze wspólnej biblioteki środowisk. Model generator wyświetla lokalne projekty i importuje modele zawierające generator. Starter pack pobiera wybrany model wraz z generatorem, templatką i powiązanymi zasobami, w tym oboma manekinami. Projekty i pliki są zapisywane w WordPressie; aktualizacje katalogu, importy, frontend i kontrola dostępu nadal korzystają z Alter Product.

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 pluginu Alter Product dla WordPress i WooCommerce 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.