Dokumentasjon

Bakgrunn

Alter Product er en moderne nettapplikasjon for interaktiv produktvisualisering, konfigurasjon og personalisering. Den er laget for print-on-demand-bedrifter, produsenter som tilbyr tilpasning, nettbutikker og skapere som vil presentere produkter i et dynamisk og fullt interaktivt 3D-miljø.

Plattformen samler følgende verktøy i én arbeidsflyt for netthandel:

  • Designer — sentralt arbeidsområde for å definere varianter, trykkområder, produkter og runtime-innstillinger
  • Viewer — 3D-produktviser for visuell presentasjon i nettbutikker
  • Configurator — 3D-konfigurator for produktvarianter og parametere som størrelser, materialer og farger
  • Customizer — avansert designverktøy for å legge til grafikk, tekst, oppsett og trykkelementer på produkter
  • 3D-modellgenerator – opprett og tilpass parametriske 3D-modeller fra redigerbare mønsterdeler, sømmer og mål

Viewer, Configurator og Customizer kan bygges inn på nettstedet ditt med iframe, konfigureres med URL-parametere og integreres via sikker postMessage-kommunikasjon.

Designer-modulen er det sentrale administrasjonslaget: den definerer varianter, trykkområder og runtime-innstillinger. Viewer, Configurator og Customizer bruker disse innstillingene og designet fra Designer til å vise netthandelsopplevelsen. De åpner ikke selve Designer-arbeidsområdet. Designer kan også bygges inn for butikkarbeidsflyter. Ved innebygging eller lokal lagring lagres ressurser og designdata på din server, mens Alter Product håndterer lisensiering og tilgang til runtime.

For integrasjoner tilbyr Alter Product et eget Public API som lar butikken eller backend-systemet hente designdata og synkronisere Customizer-bestillinger. For WordPress/WooCommerce-butikker finnes også en offisiell WordPress-utvidelse. Se veiledningen for WooCommerce-integrasjon for detaljer om oppsettet.

3D-modellgenerator

Start med en generatormal eller en eksisterende modell med generator. Rediger mønsterdeler, sømmer og mål, kontroller resultatet på en mannekeng og bruk teksturer. Lagre generatorprosjektet, og bruk deretter en lagret revisjon i et design. Modellen som opprettes, fungerer med Designer og de eksisterende produktflytene i Customizer, Configurator og Viewer.

I WordPress ligger gjenbrukbare maler, mannekenger og teksturbiblioteker i Assets; HDRI-miljøer bruker det felles miljøbiblioteket. Model generator viser lokale prosjekter og importerer modeller som inkluderer en generator. Starter pack laster ned den valgte modellen med generatoren, malen og tilknyttede ressurser, inkludert begge mannekengene. Prosjekter og filer lagres i WordPress; katalogoppdateringer, import, frontend og tilgangskontroller bruker fortsatt Alter Product.

Åpne API-dokumentasjonen for generatoren

Hurtigstart

Følg denne korte veiledningen for å koble Alter Product til butikken din.

  1. Opprett en konto og velg integrasjonsmetode Registrer deg eller logg inn. WooCommerce-butikker bør starte med den offisielle utvidelsen og Auto Connect. Egne eller headless butikker bør bruke Public API.
  2. Installer og koble til butikken For WordPress/WooCommerce installerer du utvidelsen, aktiverer permalenker og kobler til fra WordPress-administrasjonen. Hele prosessen er beskrevet i veiledningen for WooCommerce-integrasjon. For egne løsninger oppretter du API-legitimasjon på serveren og tillater butikkens domene.
  3. Opprett og koble designet Åpne produktredigering i WooCommerce og bruk fanen Alter Product til å opprette eller velge et design. Definer varianter, trykkområder og runtime-innstillinger i Designer, slik at Viewer, Configurator eller Customizer viser riktig netthandelsopplevelse.
  4. Bygg inn valgt verktøy og håndter runtime-hendelser WooCommerce-utvidelsen kan vise valgt verktøy på produkt- eller WordPress-sider. Egne integrasjoner bygger inn iframe, oppretter et kortvarig innebyggingssesjonstoken på backend og bruker postMessage til handlekurvhandlinger, gjeldende payload og synkronisering av Customizer-bestillinger.