API-referentie
Complete documentatie om onze 3D-configurator en AR-viewer via REST API's te integreren. Bekijk onze endpoints en verbeter je webshop.
Artikelen over de API
AR zonder app
Jarenlang betekende AR bij online winkelen: eerst de app van een merk downloaden. De meeste mensen deden dat niet. De functie bestond, maar bijna niemand zag hem.
Onze AR opent in de browser. Zo werkt het, en dit betekent het voor je winkel.
Twee platforms, één knop
De shopper tikt op de AR-knop op de productpagina. Wat er dan gebeurt, hangt af van de telefoon:
- iPhone en iPad: het product opent vanuit Safari in de ingebouwde AR-viewer van Apple (ARKit), vanuit een USDZ-bestand.
- Android: het opent in Chrome of een andere Chromium-browser via WebXR, vanuit een GLB-bestand.
Je hoeft geen van beide bestanden voor te bereiden. Als je een product publiceert, maken wij beide formaten van hetzelfde 3D-model en krijgt elk apparaat het juiste bestand.
De configuratie gaat mee
AR toont het product dat de shopper heeft samengesteld, niet de standaardversie. Koos hij het notenhouten blad en de zwarte poten, dan verschijnt precies dat op zijn vloer.
Op een computer toont de AR-knop een QR-code. De shopper scant die met zijn telefoon en dezelfde configuratie opent daar, klaar om te plaatsen.
De scène opgeruimd houden
Een configuratorscène bevat vaak dingen die op het scherm helpen maar in een kamer vreemd ogen: een podium, een achtergrond, een grondvlak. Elk object heeft in de scène-editor een schakelaar "Visible in AR". Zet je die uit, dan blijft het object in de 3D-weergave maar komt het niet in de kamer.
Schaal is de andere helft. Modellen worden op ware grootte gebouwd, één eenheid per meter, zodat het product op zijn echte formaat in de kamer staat.
Waar het ophoudt
AR vraagt om een telefoon of tablet met camera en een redelijk recente browser. Shoppers op een desktop krijgen een QR-code, geen AR op het scherm.
AR laat ook zien hoe het product eruitziet in een ruimte, niet hoe het aanvoelt of hoe het gemaakt is. Het is een hulpmiddel voor maat en stijl, en zo presenteren we het ook.
Probeer het
AR zit in elk abonnement, zonder extra setup. Onze AR-handleiding legt de scène-instellingen in twee minuten uit.
Toon de prijs tijdens het configureren
Configurators die klanten echt tot het einde doorlopen, hebben een paar dingen gemeen. Geen daarvan gaat over 3D.
1. Toon de prijs bij elke stap
Elke optie in Amaspace heeft een eigen effect op de prijs, en het totaal wordt bij elke klik bijgewerkt. Houd het zichtbaar. Een klant die de prijs ziet stijgen als hij de messing handgrepen toevoegt, neemt een beslissing. Een klant die de prijs pas aan het eind ziet, krijgt een verrassing.
2. Bied minder opties dan je zou kunnen
Je kunt de bank waarschijnlijk in veertig stoffen maken. Begin met de twaalf die verkopen. Een configurator met minder, betere opties wordt vaker afgerond dan een die alles tegelijk wil laten zien. De rest kun je later toevoegen zonder iets opnieuw te bouwen.
3. Laat regels nee zeggen
Sommige combinaties zijn niet te maken: de lange chaise longue met het smalle frame, de gravure die te lang is voor de ring. Leg dat niet uit in een notitie onder de opties. Stel een regel in, zodat de combinatie nooit verschijnt. In de editor bestaat een regel uit een voorwaarde en een actie, en door regels te dupliceren bouw je snel een lange lijst.
4. Kies de eerste weergave bewust
Het eerste beeld dat de klant ziet, is de productfoto van de configurator. Zet de standaardopties op je bestverkopende uitvoering en de camera op de hoek waaruit je hem zou fotograferen. Het klinkt als een detail. Toch is het het beeld dat de meeste klanten zien voordat ze iets aanraken.
5. Maak de bestelling leesbaar
De configuratie moet bij je team aankomen als iets wat ze kunnen maken. Elke Amaspace-bestelling komt terug met de opties die de klant koos, en op de meeste platforms met een 3D-weergave van de configuratie. Controleer vóór de lancering of je productieteam die kan lezen, niet pas na de eerste bestelling.
De grenzen
Een configurator loont bij producten met echte opties. Verkoop je vooral één product in één afwerking, steek de moeite dan in foto's.
Volgende stap
Stuur ons één product met de opties en prijzen. Wij zetten het op met deze vijf punten, en jij keurt het goed voordat het live gaat. De abonnementen vind je bij Prijzen.
Als Shopify-varianten tekortschieten
De productopties van Shopify zijn gemaakt voor producten zoals T-shirts: een maat, een kleur, misschien een materiaal. Maximaal drie opties per product, en een variant voor elke combinatie.
Een bank past niet in dat model. Stof, afwerking van de poten, zitdiepte, chaise longue links of rechts, kussenvulling. Dat zijn al vijf opties voordat iemand naar de sierkussens heeft gevraagd, en het aantal combinaties loopt in de duizenden.
Wat winkels meestal doen
De meeste winkels splitsen het product op. Eén productpagina per stoffamilie, of een "basis"-product met extra's die als losse artikelen worden verkocht. Beide werken, tot een klant de combinatie wil zien die hij echt koopt. Dan komt er een e-mail.
Apps voor productopties helpen met het formulier, maar een formulier vraagt de klant nog steeds om zich het resultaat voor te stellen.
Waar de configurator het overneemt
Met Amaspace staan de opties in de configurator, niet in de varianttabel van Shopify. De klant stelt de bank samen in 3D, ziet elke keuze op het model en ziet de prijs meteen meebewegen.
Aan de Shopify-kant koppel je het Amaspace-product aan één Shopify-product. Als een klant een configuratie afrondt, wordt die opgeslagen als variant van dat product. Je catalogus blijft één product, het afrekenen blijft bij Shopify, en elke bestelling laat precies zien wat er is samengesteld.
Zo stel je het in
- Installeer de Amaspace-app uit de Shopify App Store en koppel je winkel.
- Maak het product aan in Amaspace. Upload je eigen model, gebruik er een uit onze bibliotheek, of vraag een model aan bij ons team.
- Koppel het aan je Shopify-product door de product-ID te plakken.
- Voeg in je thema-editor het blok Product Page Customizer toe aan de productsjabloon.
Onze Shopify-handleiding loopt elke stap door met screenshots.
Waar het ophoudt
Een afgeronde configuratie komt als één artikel tegen de volledige prijs in de winkelwagen, niet als een regel per onderdeel. Zo blijven bestellingen overzichtelijk. Houd je in Shopify voorraad per onderdeel bij, plan daar dan vóór de lancering voor.
Volgende stap
Zijn je producten de drie opties ontgroeid, stuur ons er dan één. We bouwen het als configurator, zodat je het in je eigen winkel ziet. Hoe de app werkt, lees je op de pagina Shopify-integratie.
Vertrouwd door toonaangevende e-commerceplatforms wereldwijd
