Dokumentation

Bakgrund

Alter Product är en modern webbapplikation för interaktiv produktvisualisering, konfigurering och personalisering. Den skapades för print-on-demand-företag, tillverkare som erbjuder anpassning, nätbutiker och kreatörer som vill presentera produkter i en dynamisk, helt interaktiv 3D-miljö.

Plattformen kombinerar följande verktyg i ett gemensamt arbetsflöde för e-handel:

• Designer – central arbetsyta för att definiera varianter, tryckytor, produkter och runtimeinställningar
• Viewer – 3D-produktvisare för visuell presentation inom e-handel
• Configurator – 3D-konfigurator för produktvarianter och parametrar inom e-handel (storlekar, material, färger osv.)
• Customizer – avancerat designverktyg för e-handel där grafik, text, layouter och tryckelement läggs till på produkter
• 3D-modellgenerator – skapa och anpassa parametriska 3D-modeller utifrån redigerbara sömnadsmönster, sömmar och mått

Viewer, Configurator och Customizer kan bäddas in på din webbplats med iframe, konfigureras med URL-parametrar och integreras via säker postMessage-kommunikation.

Modulen Designer fungerar som det centrala hanteringslagret: den definierar varianter, tryckytor och runtimeinställningar. Viewer, Configurator och Customizer använder dessa inställningar och designen som förberetts i Designer för att visa e-handelsupplevelsen; de öppnar inte själva arbetsytan i Designer. Designer kan också bäddas in för säljarens arbetsflöden. Vid inbäddning eller lokal lagring lagras resurser och designdata på din server, medan Alter Product hanterar licensiering och runtimeåtkomst.

För integrationer erbjuder Alter Product ett särskilt Public API som gör att din butik eller ditt backendsystem kan hämta designdata och synkronisera Customizer-beställningar. För WordPress/WooCommerce-butiker finns även ett officiellt WordPress-tillägg; se guiden för WooCommerce-integration för installationsanvisningar.

3D-modellgenerator

Börja med en generatormall eller en befintlig modell med en generator. Redigera sömnadsmönster, sömmar och mått, kontrollera resultatet på en mannequin och applicera texturer. Spara generatorprojektet och använd sedan en sparad revision i en design. Den färdiga modellen fungerar med Designer och de befintliga produktflödena i Customizer, Configurator och Viewer.

I WordPress finns återanvändbara mallar, mannequiner och texturbibliotek under Resurser; HDRI-miljöer använder det gemensamma miljöbiblioteket. Modellgenerator visar lokala projekt och importerar modeller som innehåller en generator. Startpaketet laddar ned den valda modellen med dess generator, mall och tillhörande resurser, inklusive båda mannequinerna. Projekt och filer lagras i WordPress; kataloguppdateringar, importer, frontend och åtkomstkontroller använder fortfarande Alter Product.

Snabbstart

Använd den här korta installationsguiden för att ansluta Alter Product till din butik.

1. Skapa ett konto och välj integrationssätt Registrera dig eller logga in. WooCommerce-butiker bör börja med det officiella tillägget och Auto Connect; egna eller headless-butiker bör använda Public API.
2. Installera och anslut din butik För WordPress/WooCommerce installerar du tillägget, aktiverar permalänkar och ansluter det från WordPress-administrationen. Hela flödet beskrivs i guiden för WooCommerce-integration. För egna teknikstackar skapar du API-uppgifter på serversidan och tillåter butikens domän.
3. Skapa och koppla designen Öppna produktredigeringssidan i WooCommerce och använd fliken Alter Product för att skapa eller välja en design. Definiera varianter, tryckytor och runtimeinställningar i Designer så att Viewer, Configurator eller Customizer kan visa rätt e-handelsupplevelse.
4. Bädda in det valda verktyget och hantera runtimehändelser WooCommerce-tillägget kan visa det valda verktyget på produktsidor eller WordPress-sidor. Egna integrationer bäddar in en iframe, skapar en kortlivad sessionstoken för inbäddning i backend och använder postMessage för att lägga till i kundvagnen, hämta aktuell payload och synkronisera Customizer-beställningar.