API-Referenz
Umfassende Dokumentation zur Integration unseres 3D-Konfigurators und AR-Viewers über REST-APIs. Nutzen Sie unsere Endpoints für ein besseres E-Commerce-Erlebnis.
Artikel zur API-Referenz
AR ohne App
Jahrelang hieß AR beim Einkaufen: zuerst die App einer Marke herunterladen. Die meisten taten das nicht. Die Funktion gab es, aber kaum jemand sah sie.
Unsere AR öffnet sich im Browser. So funktioniert das, und das bedeutet es für Ihren Shop.
Zwei Plattformen, ein Button
Der Käufer tippt auf der Produktseite auf den AR-Button. Was dann passiert, hängt von seinem Handy ab:
- iPhone und iPad: Das Produkt öffnet sich aus Safari im integrierten AR-Viewer von Apple (ARKit), aus einer USDZ-Datei.
- Android: Es öffnet sich in Chrome oder einem anderen Chromium-Browser per WebXR, aus einer GLB-Datei.
Sie müssen keine der beiden Dateien vorbereiten. Wenn Sie ein Produkt veröffentlichen, erzeugen wir beide Formate aus demselben 3D-Modell und liefern jedem Gerät das passende aus.
Die Konfiguration kommt mit
AR zeigt das Produkt so, wie der Käufer es konfiguriert hat, nicht die Standardversion. Hat er die Nussbaumplatte und die schwarzen Beine gewählt, erscheint genau das auf seinem Boden.
Am Computer zeigt der AR-Button einen QR-Code. Der Käufer scannt ihn mit dem Handy, und dieselbe Konfiguration öffnet sich dort, bereit zum Platzieren.
Die Szene sauber halten
Eine Konfiguratorszene enthält oft Dinge, die auf dem Bildschirm helfen, im Raum aber seltsam wirken: ein Podest, einen Hintergrund, eine Bodenfläche. Jedes Objekt hat im Szenen-Editor einen Schalter „Visible in AR“. Schalten Sie ihn aus, bleibt das Objekt in der 3D-Ansicht, erscheint aber nicht im Raum.
Die andere Hälfte ist der Maßstab. Modelle werden im realen Maßstab gebaut, eine Einheit entspricht einem Meter, damit das Produkt in echter Größe erscheint.
Grenzen
AR braucht ein Handy oder Tablet mit Kamera und einem halbwegs aktuellen Browser. Am Desktop erhalten Käufer einen QR-Code, keine AR auf dem Bildschirm.
Außerdem zeigt AR, wie das Produkt in einem Raum aussieht, nicht, wie es sich anfühlt oder wie es gebaut ist. Es ist ein Werkzeug für Größe und Stil, und so stellen wir es auch dar.
Testen
AR ist in jedem Tarif enthalten, ohne zusätzliche Einrichtung. Unser AR-Leitfaden erklärt die Szeneneinstellungen in zwei Minuten.
Zeigen Sie den Preis beim Konfigurieren
Konfiguratoren, die Kunden wirklich bis zum Ende nutzen, haben einige Gemeinsamkeiten. Keine davon hat mit 3D zu tun.
1. Preis bei jedem Schritt zeigen
Jede Option in Amaspace hat ihre eigene Auswirkung auf den Preis, und die Gesamtsumme aktualisiert sich bei jedem Klick. Lassen Sie sie sichtbar. Wer sieht, wie der Preis mit den Messinggriffen steigt, trifft eine Entscheidung. Wer ihn erst am Ende sieht, erlebt eine Überraschung.
2. Weniger Optionen anbieten, als möglich wären
Sie könnten das Sofa wahrscheinlich in vierzig Stoffen anbieten. Beginnen Sie mit den zwölf, die sich verkaufen. Ein Konfigurator mit weniger, aber besseren Optionen wird öfter abgeschlossen als einer, der alles auf einmal zeigen will. Den Rest können Sie später ergänzen, ohne etwas neu aufzubauen.
3. Regeln sagen Nein
Manche Kombinationen lassen sich nicht fertigen: die lange Chaiselongue mit dem schmalen Gestell, die Gravur, die für den Ring zu lang ist. Erklären Sie das nicht in einem Hinweis unter den Optionen. Legen Sie eine Regel an, damit die Kombination gar nicht erst erscheint. Im Editor besteht eine Regel aus einer Bedingung und einer Aktion, und durch Duplizieren entsteht auch eine lange Liste schnell.
4. Die erste Ansicht bewusst wählen
Das erste Bild, das Kunden sehen, ist das Produktfoto des Konfigurators. Stellen Sie als Standard Ihre meistverkaufte Variante ein und die Kamera auf den Winkel, aus dem Sie sie fotografieren würden. Das klingt nach einer Kleinigkeit. Es ist aber das Bild, das die meisten Kunden sehen, bevor sie etwas anklicken.
5. Die Bestellung lesbar machen
Die Konfiguration sollte bei Ihrem Team als etwas ankommen, das es fertigen kann. Jede Amaspace-Bestellung kommt mit den gewählten Optionen zurück, auf den meisten Plattformen auch mit einer 3D-Ansicht. Prüfen Sie vor dem Start, ob Ihre Produktion sie lesen kann, nicht erst nach der ersten Bestellung.
Die Grenzen
Ein Konfigurator lohnt sich für Produkte mit echten Optionen. Wenn Sie vor allem ein Produkt in einer Ausführung verkaufen, investieren Sie den Aufwand besser in Fotos.
Loslegen
Schicken Sie uns ein Produkt mit seinen Optionen und Preisen. Wir richten es mit diesen fünf Punkten ein, und Sie geben es frei, bevor es live geht. Die Tarife finden Sie unter Preise.
Wenn Shopify-Varianten nicht reichen
Die Produktoptionen von Shopify sind für Produkte wie T-Shirts gedacht: eine Größe, eine Farbe, vielleicht ein Material. Bis zu drei Optionen pro Produkt und eine Variante für jede Kombination.
Ein Sofa passt nicht in dieses Schema. Stoff, Fuß-Finish, Sitztiefe, Recamiere links oder rechts, Polsterfüllung. Das sind fünf Optionen, bevor überhaupt jemand nach den Kissen gefragt hat, und die Zahl der Kombinationen geht in die Tausende.
Was Shops meist tun
Die meisten Shops teilen das Produkt auf. Ein Eintrag pro Stofffamilie oder ein „Basisprodukt“ mit Extras, die als eigene Artikel verkauft werden. Beides funktioniert, bis ein Kunde die Kombination sehen will, die er tatsächlich kauft. Dann schreibt er eine E-Mail.
Apps für Produktoptionen helfen beim Formular, aber ein Formular verlangt vom Kunden immer noch, sich das Ergebnis vorzustellen.
Wo der Konfigurator übernimmt
Mit Amaspace liegen die Optionen im Konfigurator, nicht in der Variantentabelle von Shopify. Der Kunde stellt das Sofa in 3D zusammen, sieht jede Auswahl am Modell und verfolgt, wie sich der Preis aktualisiert.
Auf der Shopify-Seite verknüpfen Sie das Amaspace-Produkt mit einem Shopify-Produkt. Wenn ein Kunde eine Konfiguration abschließt, wird sie als Variante dieses Produkts gespeichert. Ihr Katalog bleibt ein Produkt, Ihre Kasse bleibt die von Shopify, und jede Bestellung zeigt genau, was zusammengestellt wurde.
Einrichtung
- Installieren Sie die Amaspace-App aus dem Shopify App Store und verbinden Sie Ihren Shop.
- Legen Sie das Produkt in Amaspace an. Laden Sie Ihr eigenes Modell hoch, nutzen Sie eines aus unserer Bibliothek oder fragen Sie ein Modell bei unserem Team an.
- Verknüpfen Sie es mit Ihrem Shopify-Produkt, indem Sie die Produkt-ID einfügen.
- Fügen Sie im Theme-Editor den Block Product Page Customizer zur Produktvorlage hinzu.
Unser Shopify-Leitfaden erklärt jeden Schritt mit Screenshots.
Die Grenzen
Eine fertige Konfiguration landet als ein Artikel zum vollen Preis im Warenkorb, nicht als eine Zeile pro Teil. Das hält Bestellungen übersichtlich. Wenn Sie den Bestand in Shopify pro Komponente führen, sollten Sie das vor dem Launch einplanen.
Los geht's
Wenn Ihre Produkte mehr als drei Optionen brauchen, schicken Sie uns eines davon. Wir bauen es als Konfigurator, damit Sie es in Ihrem eigenen Shop sehen. Wie die App funktioniert, steht auf der Seite Shopify-Integration.
Führende E-Commerce-Plattformen weltweit vertrauen uns
