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 dedikeret Public API, som gør det muligt for din butik eller backend at hente designdata og synkronisere Customizer-ordrer. Alter Product tilbyder også et officielt WordPress-plugin til WordPress/WooCommerce-butikker; se vejledningen til WooCommerce-integration for opsætning.

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.

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. WooCommerce-butikker bør begynde med det officielle plugin og Auto Connect; egne eller headless-butikker bør bruge Public API.
2. Installér og tilslut din butik Til WordPress/WooCommerce skal du installere pluginet, aktivere permanente links og tilslutte det fra WordPress-administrationen. Hele forløbet beskrives i vejledningen til WooCommerce-integration. 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 WooCommerce-pluginet 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.