Dokumentation

Baggrund

Alter Product er en moderne webapplikation til interaktiv produktvisualisering, konfigurering og personalisering. Den er bygget til print-on-demand-virksomheder, producenter, der tilbyder tilpasning, webshops og kreative, der ønsker at præsentere produkter i et dynamisk, fuldt interaktivt 3D-miljø.

Platformen samler følgende værktøjer i én arbejdsgang til e-handel:

  • Designer - centralt arbejdsområde til at definere varianter, trykområder, produkter og runtimeindstillinger
  • Viewer - 3D-produktviser til visuel præsentation i e-handel
  • Configurator - 3D-konfigurator til produktvarianter og parametre i e-handel (størrelser, materialer, farver osv.)
  • Customizer - avanceret designværktøj til e-handel, hvor grafik, tekst, layout og trykelementer føjes til produkter
  • 3D-modelgenerator - opret og tilpas parametriske 3D-modeller ud fra redigerbare snitmønstre, sømme og mål

Viewer, Configurator og Customizer kan indlejres på dit websted med iframe, konfigureres med URL-parametre og integreres via sikker postMessage-kommunikation.

Modulet Designer fungerer som det centrale administrationslag: det definerer varianter, trykområder og runtimeindstillinger. Viewer, Configurator og Customizer bruger disse indstillinger og det design, der er forberedt i Designer, til at vise e-handelsoplevelsen; de åbner ikke selve Designer-arbejdsområdet. Designer kan også indlejres til forhandlerens arbejdsforløb. Ved indlejring eller lokal lagring gemmes ressourcer og designdata på din server, mens Alter Product håndterer licenser og runtimeadgang.

Til integrationer tilbyder Alter Product et særligt Public API, som lader din butik eller dit backend-system hente designdata og synkronisere Customizer-ordrer. Alter Product tilbyder også et WordPress-plugin, som kræver, at WooCommerce er installeret og aktivt. Se installationsvejledningen til WordPress-pluginet for flere oplysninger.

3D-modelgenerator

Start med en generatorskabelon eller en eksisterende model med en generator. Rediger snitmønstre, sømme og mål, kontrollér resultatet på en mannequin, og anvend teksturer. Gem generatorprojektet, og brug derefter en gemt revision i et design. Den færdige model fungerer med Designer og de eksisterende produktforløb i Customizer, Configurator og Viewer.

I WordPress findes genanvendelige skabeloner, mannequiner og teksturbiblioteker under Ressourcer; HDRI-miljøer bruger det fælles miljøbibliotek. Modelgenerator viser lokale projekter og importerer modeller, der indeholder en generator. Startpakken henter den valgte model med dens generator, skabelon og tilhørende ressourcer, herunder begge mannequiner. Projekter og filer gemmes i WordPress; katalogopdateringer, importer, frontend og adgangskontrol bruger stadig Alter Product.

Åbn generatorens API-reference

Hurtig start

Brug denne korte opsætningsvejledning til at forbinde Alter Product med din butik.

  1. Opret en konto, og vælg integrationsmetode Registrér dig eller log ind. Til WordPress skal du vælge Alter Products plugin, som kræver aktivt WooCommerce, og forbinde din konto via Auto Connect; egne eller headless-butikker bør bruge Public API.
  2. Installér og tilslut din butik Kontrollér i WordPress-administrationen, at WooCommerce er aktivt, installér Alter Products plugin, aktivér permanente links, og forbind din konto. Hele forløbet beskrives i installationsvejledningen til WordPress-pluginet. Ved egne teknologistakke skal du generere API-legitimationsoplysninger på serversiden og tillade butikkens domæne.
  3. Opret og tilknyt designet Åbn WooCommerce-produktets redigeringsside, og brug fanen Alter Product til at oprette eller vælge et design. Definér varianter, trykområder og runtimeindstillinger i Designer, så Viewer, Configurator eller Customizer kan vise den korrekte e-handelsoplevelse.
  4. Indlejr det valgte værktøj, og håndtér runtimehændelser Alter Products plugin til WordPress kan vise det valgte værktøj på produktsider eller WordPress-sider. Egne integrationer indlejrer iframen, opretter et kortlivet sessionstoken til indlejring i backend og bruger postMessage til tilføjelse til kurven, den aktuelle payload og synkronisering af Customizer-ordrer.