Magento 3D
product
Laat klanten hun uitvoering bekijken terwijl ze kiezen. Met een 3D-configurator die aansluit op je Magento-catalogus, zodat kleur en formaat niet alleen in het beeld veranderen, maar ook bij de juiste productvariant horen.
Selectiegegevens
Selectie downloadenDe gekozen uitvoering moet ook in je catalogus kloppen
Een klant ziet de juiste kast, maar krijgt een andere variant in de winkelmand. Dat is precies de overgang die een configurator goed moet afhandelen: van een zichtbare keuze naar de productgegevens die je winkel begrijpt.
Bij een configureerbaar product kunnen uitvoeringen als afzonderlijke varianten zijn ingericht, elk met een eigen SKU. Andere keuzes kunnen aanvullende productopties of een samengestelde selectie zijn. We leggen eerst vast wat een keuze betekent in jouw catalogus, voordat die alleen als kleurknop of 3D-onderdeel wordt gebouwd.
Onze eigen opbergkast illustreert die relatie. Breedte verandert de werkelijke geometrie en het aantal deuren; frontkleur verandert het materiaal. Alle zes combinaties hebben een verschillende fictieve variant-SKU. De download bevat die selectie en de afmetingen van het getoonde model. Er wordt niets naar een winkel gestuurd.
Wil je eerst bepalen of interactieve keuzes passen bij je assortiment? Bekijk ook onze algemene dienst 3D-productconfiguratie. Deze pagina gaat specifiek over de aansluiting op Magento en Adobe Commerce.
Welke integratie past bij jouw Magento-omgeving?
Een bestaande productpagina, headless storefront en maatwerk bestelportaal vragen niet dezelfde aansluiting. Ook Magento Open Source, Adobe Commerce en de gekozen hosting-/productvariant kunnen verschillende technische mogelijkheden hebben. Een API-voorbeeld is geen universeel installatieplan.
- Productpagina en storefront
- De configurator moet passen bij je thema of frontend, mobiele productpagina en bestaande keuzevelden. We bepalen welke interface de selectie beheert en hoe die met de 3D-weergave wordt gesynchroniseerd. Twee onafhankelijke kleur- of maatselecties mogen geen verschillende uitvoeringen tonen.
- Catalogus en variantidentiteit
- Hoofdproduct, varianten, attributen en modelonderdelen krijgen een vaste relatie. De koppeling moet werken met identiteiten uit jouw omgeving, niet met overgetypte labels. Een gewijzigde productnaam mag de juiste variant niet onvindbaar maken.
- 3D-bronnen en prestaties
- Bestaande modellen worden beoordeeld op geometrie, materialen en onderdelenstructuur. Bestandsomvang en laden op een telefoon tellen mee. Ontbreekt een geschikt bronbestand, dan kan een webklaar productmodel onderdeel zijn van de voorbereiding.
- Rechten en bronverantwoordelijkheid
- Productdata kan in Magento of een gekoppeld PIM worden beheerd. De 3D-laag hoeft dat niet over te nemen. Leg vast wie varianten en opties wijzigt, waar de toegestane combinaties staan en hoe een nieuwe catalogusversie wordt gecontroleerd.
Van configuratie naar winkelmand en order
De productkeuze, commerciële controle en orderverwerking vormen samen de integratie. Een correct 3D-beeld bewijst niet dat die hele route al werkt.
Stuur de gekozen uitvoering over
Voor een configureerbaar product kan een passende GraphQL-route een hoofdproduct en variant-SKU gebruiken, of de product-SKU met geselecteerde optie-identiteiten. Welke vorm nodig is, volgt uit de catalogus en ondersteunde API van jouw winkel. De voorbeeldgegevens op deze pagina gebruiken de eerste relatie.
Laat de winkel commercieel beslissen
Prijs, beschikbaarheid, klantcontext en toegestane aankoop moeten in het winkelproces worden gecontroleerd. De viewer mag niet op basis van een zichtbare kleur bepalen dat iets leverbaar is. Ook een fout of veranderde variant moet begrijpelijk worden afgehandeld, met behoud van een bruikbare selectie.
Bewaar een herkenbare orderregel
Na overdracht moet de gekozen uitvoering terug te vinden zijn in de orderinformatie die je team gebruikt. Eventuele maatwerkvelden of configuratiegegevens moeten bewust worden meegenomen. Een selectielink kan helpen bij overleg, maar vervangt geen vastgelegde order- of productiegegevens.
Bij complexe verkoop met afhankelijke opties, aanvullende onderdelen of een offerteflow kan een B2B-configurator met productregels passender zijn dan een eenvoudige variantkeuze. Die regels moeten dan aansluiten op de verantwoordelijke catalogus-, prijs- of offertelogica.
Test het winkelproces, niet alleen de mooie voorkant
De acceptatie begint bij productherkenning en juiste keuzes, maar loopt door naar de gebruikte winkelroute. Eerst in een geschikte testomgeving, met representatieve producten, apparaten en foutgevallen.
Ook beheer hoort bij de oplevering. Nieuwe kleuren, een vervallen variant, gewijzigde bronmodellen of een frontend-update kunnen opnieuw controle vragen. Leg vast hoe wijzigingen worden doorgevoerd en welke selectiegegevens een bestaande gedeelde link nog kan tonen.
Onze eigen demonstratie controleert de relatie tussen zes modeluitvoeringen en zes voorbeeld-SKU's. Dat is een controleerbaar selectievoorbeeld, geen bewijs van een al aangesloten Magento-catalogus, voorraadservice of checkout.
- Geometrie, materialen en selectievelden tonen dezelfde uitvoering.
- Variant- en optie-identiteiten sluiten aan op de testcatalogus.
- De winkel controleert toegestane combinaties en commerciële gegevens.
- Geselecteerde uitvoering blijft herkenbaar in winkelmand en order.
- Onbekende of vervallen keuzes krijgen een bruikbare foutafhandeling.
- Mobiele bediening, laden, toegankelijkheid en terugval worden getoetst.
Wat kost een Magento 3D-configurator?
Dat hangt af van je producten en bestaande winkel. Het aantal modellen, materiaalvarianten, afhankelijke keuzes en benodigde bronbewerking bepaalt een deel van het werk. Storefront, catalogusstructuur en de gewenste overdracht bepalen de integratie-inspanning.
Een viewer bij een bestaand product is een andere opdracht dan een configureerbaar assortiment met maatwerk opties en een orderkoppeling. Geef daarom aan waar de selectie moet eindigen: een bestaande variant, winkelmand, offerte of een aparte interne beoordeling.
Voor een eerste verkenning zijn je Magento-/Commerce-omgeving, frontend, voorbeeldproducten, beschikbare 3D-bronnen en gewenste winkelroute voldoende als vertrekpunt. Geheime sleutels of productiedata hoeven niet in een openbare briefing.
Alleen een product draaibaar tonen?
Dan kan een 3D-viewer op je website genoeg zijn. Een configurator is vooral zinvol als bezoekers iets kiezen dat zichtbaar en inhoudelijk aan het product verandert.
Welke omgeving gebruik je?
Noteer versie, productvariant, thema of headless frontend en belangrijke maatwerkkoppelingen. De gebruikte Commerce-architectuur bepaalt welke catalogus- en winkel-API beschikbaar is. Voor Adobe Commerce as a Cloud Service mag je niet zonder meer dezelfde productquery's aannemen als voor een Magento-omgeving op een andere hostingvorm.
Veelgestelde vragen over Magento 3D-configurators
Werkt dit met Magento Open Source en Adobe Commerce?
De beoogde koppeling wordt afgestemd op jouw productvariant, versie en storefront. Die omgevingen hebben niet automatisch dezelfde API of uitbreidingsmogelijkheden. Een eerste technische verkenning bepaalt de juiste realisatieroute.
Blijven onze prijzen en voorraad in Magento?
Die bronverantwoordelijkheid kan bij je bestaande winkelproces blijven. De configurator levert de productkeuze aan; de winkel moet de commerciële geldigheid controleren. Op deze demonstratie worden geen echte prijzen of voorraadgegevens opgehaald.
Is iedere kleur of maat een eigen SKU?
Dat volgt uit de catalogusopbouw. Configureerbare producten kunnen afzonderlijke varianten hebben, terwijl andere opties op een andere manier worden vastgelegd. De 3D-keuzes moeten aansluiten op die bestaande productstructuur, niet andersom.
Kunnen we bestaande CAD- of 3D-bestanden gebruiken?
Die kunnen het vertrekpunt zijn. Eerst worden detail, materialen, onderdelenstructuur en geschiktheid voor het web beoordeeld. Een bronbestand voor engineering of rendering is niet vanzelf een efficiënt, configureerbaar webmodel.
Kunnen bezoekers hun configuratie delen?
Een gedeelde selectie kan onderdeel van de oplossing zijn. Daarbij moet duidelijk blijven welke product- en configuratieversie de link vertegenwoordigt. Een gedeeld aanzicht is geen reservering, prijsbevestiging of bestelling.
Lees verder over deze toepassing
Alle artikelen
GLB en glTF bekijken en controleren
Bekijk een echt GLB- en glTF-voorbeeld. Begrijp buffers, materialen en schaal, download de bestanden en controleer je model voor publicatie op het web.
Lees het artikel
3D productvisualisatie: welk beeld past bij je product?
Kies de juiste 3D productvisualisatie: een render, animatie, viewer, configurator of AR. Lees wat elk formaat laat zien en welke productinformatie nodig is.
Lees het artikel
Wanneer zijn 3D productrenders slim voor e-commerce?
Wanneer zijn 3D productrenders een slimme keuze voor je webshop? Vergelijk fotografie en 3D op producttype, varianten, bronmateriaal, hergebruik en totale kosten.
Lees het artikelVerbind de uitvoering
met je winkelproces.
Vertel over je assortiment, storefront en gewenste overdracht. Dan bepalen we wat er voor de 3D-ervaring en integratie nodig is.
