Documentatie

Achtergrond

Alter Product is een moderne webapplicatie voor interactieve productvisualisatie, configuratie en personalisatie. Het is ontwikkeld voor print-on-demandbedrijven, fabrikanten die maatwerk aanbieden, webwinkels en makers die producten willen presenteren in een dynamische, volledig interactieve 3D-omgeving.

Het platform combineert de volgende tools in één e-commerceworkflow:

  • Designer — centrale werkruimte voor het instellen van varianten, bedrukbare gebieden, producten en runtime-instellingen
  • Viewer — 3D-productviewer voor visuele productpresentatie in e-commerce
  • Configurator — 3D-configurator voor productvarianten en parameters, zoals maten, materialen en kleuren
  • Customizer — geavanceerde ontwerptool voor e-commerce om afbeeldingen, tekst, lay-outs en drukelementen aan producten toe te voegen
  • 3D-modelgenerator – parametrische 3D-modellen maken en aanpassen op basis van bewerkbare naaipatronen, naden en afmetingen

Viewer, Configurator en Customizer kunnen via een iframe in je website worden geïntegreerd, met URL-parameters worden ingesteld en via veilige postMessage-communicatie worden gekoppeld.

De module Designer vormt de centrale beheerlaag: hierin stel je varianten, bedrukbare gebieden en runtime-instellingen in. Viewer, Configurator en Customizer gebruiken deze instellingen en het ontwerp uit Designer om de e-commerce-ervaring weer te geven; ze openen niet de Designer-werkruimte zelf. Designer kan ook worden geïntegreerd voor verkopersworkflows. Bij geïntegreerde oplossingen of lokale opslag worden assets en ontwerpgegevens op je eigen server bewaard, terwijl Alter Product licenties en runtimetoegang beheert.

Voor integraties biedt Alter Product een speciale Public API waarmee je winkel of backend ontwerpgegevens kan ophalen en Customizer-bestellingen kan synchroniseren. Voor WordPress/WooCommerce-winkels is er ook een officiële WordPress-plug-in. Zie de WooCommerce-integratiehandleiding voor de instellingen.

3D-modelgenerator

Begin met een generatorsjabloon of een bestaand model met een generator. Bewerk naaipatronen, naden en afmetingen, controleer het resultaat op een mannequin en pas texturen toe. Sla het generatorproject op en gebruik vervolgens een opgeslagen revisie in een productontwerp. Het resulterende model werkt met Designer en de bestaande productprocessen van Customizer, Configurator en Viewer.

In WordPress staan herbruikbare sjablonen, mannequins en textuurbibliotheken onder Assets; HDRI-omgevingen gebruiken de gedeelde omgevingsbibliotheek. Model generator toont lokale projecten en importeert modellen met een generator. Het startpakket downloadt het geselecteerde model met de bijbehorende generator, het sjabloon en de gerelateerde bronnen, waaronder beide mannequins. Projecten en bestanden worden in WordPress opgeslagen; catalogusupdates, imports, de frontend en toegangscontroles gebruiken nog steeds Alter Product.

Open de API-referentie van de generator

Snel aan de slag

Volg deze korte instelroute om Alter Product met je winkel te verbinden.

  1. Maak een account en kies een integratiemethode Registreer je of log in. Begin voor WooCommerce met de officiële plug-in en Auto Connect; gebruik voor eigen of headless winkels de Public API.
  2. Installeer en koppel je winkel Installeer voor WordPress/WooCommerce de plug-in, schakel permalinks in en verbind vanuit het WordPress-beheer. De volledige procedure staat in de WooCommerce-integratiehandleiding. Maak voor eigen technische omgevingen API-inloggegevens op de server aan en sta het domein van de winkel toe.
  3. Maak en koppel het ontwerp Open de productbewerkingspagina in WooCommerce en gebruik het tabblad Alter Product om een ontwerp te maken of te selecteren. Stel varianten, bedrukbare gebieden en runtime-instellingen in Designer in, zodat Viewer, Configurator of Customizer de juiste e-commerce-ervaring weergeeft.
  4. Integreer de gekozen tool en verwerk runtime-events De WooCommerce-plug-in kan de gekozen tool tonen op productpagina's of WordPress-pagina's. Eigen integraties laden het iframe, maken op de backend een kort geldig embedsessietoken aan en gebruiken postMessage voor winkelwagenacties, de actuele payload en synchronisatie van Customizer-bestellingen.