3D-Viewer für den Onlineshop: was er können muss

Was Kunden damit tun

In der Praxis nutzen Kundinnen und Kunden den Viewer für drei Dinge: das Stück drehen, um die Seite zu sehen, die das Foto nicht zeigt; heranzoomen, um Naht, Textur oder Verarbeitung zu prüfen; und auf dem Smartphone Augmented Reality öffnen, um die tatsächliche Größe zu sehen. Ein guter Viewer schafft alle drei ohne jede Anleitung, denn auf einer Produktseite liest niemand ein Handbuch.

Fünf Punkte, die Sie vor der Wahl prüfen sollten

1. 01

   Dateigröße

   Ein 3D-Modell kann wenige Megabyte groß sein oder mehrere Dutzend. Der Viewer sollte das Wesentliche zuerst laden und das Scrollen der Seite nicht blockieren, während der Rest nachkommt. Testen Sie über eine gewöhnliche Mobilverbindung, nicht im Büro-WLAN.

2. 02

   Läuft im Browser

   Ohne App und ohne Erweiterung. Am Computer drehen Kunden das Stück mit der Maus, am Smartphone mit dem Finger, und Augmented Reality öffnet sich in der Ansicht, die das Gerät bereits mitbringt.

3. 03

   Originalgröße

   In Augmented Reality muss das Stück in seiner echten Größe erscheinen. Ein Viewer, der eine Handtasche so groß wie einen Koffer zeigt, zerstört genau das Vertrauen, das er schaffen soll.

4. 04

   Einfache Einbindung

   Ideal ist ein Codeschnipsel, der in die Beschreibung oder in einen Block des Themes eingefügt wird, ohne die Produktseite neu zu bauen. Je weniger die Einbindung von Entwicklern abhängt, desto mehr Produkte bekommen am Ende 3D.

5. 05

   Messung

   Aufrufe, Klicks auf Augmented Reality und Scans von QR-Codes. Ohne diese Zahlen lässt sich nicht erkennen, ob 3D genutzt wird und bei welchen Produkten es sich lohnt, weiterzumachen.

Wie der Viewer von Complete in den Shop kommt

Jedes in Complete Dashboard erstellte Produkt erhält eine eigene Adresse und einen Einbettungscode, der unter „Meine Produkte“ angezeigt wird, mit einer Schaltfläche zum Kopieren. Der Code ist ein gewöhnlicher iframe, den die meisten E-Commerce-Plattformen akzeptieren:

<iframe src="https://www.completemagazine.com.br/ar/PRODUKTCODE" width="100%" height="520" frameborder="0" allow="xr-spatial-tracking; fullscreen; camera" style="border:0;border-radius:12px"></iframe>

Die Breite passt sich der Spalte der Seite an, die Höhe lässt sich direkt im Code ändern. Die Berechtigungen im Attribut allow geben innerhalb des Fensters die Kamera und Augmented Reality auf dem Smartphone frei. Fehlen sie, lässt sich das Stück zwar drehen, aber die Schaltfläche für die Ansicht im Raum funktioniert nicht.

Am Computer, wo das Gerät keine Augmented Reality öffnen kann, bietet der Viewer einen QR-Code an: Die Kundin richtet ihr Smartphone darauf und setzt das Erlebnis im eigenen Raum fort.

Wo er auf der Seite hingehört

Bewährt hat sich der Platz nahe der Bildergalerie, nicht am Ende der Beschreibung. Wer bis zum letzten Absatz scrollt, hat sich meist schon entschieden; wer noch die Fotos betrachtet, hat genau die Frage, die 3D beantwortet. Erlaubt die Plattform den Code nur in der Beschreibung, hilft schon eine Zeile am Anfang des Textes, die darauf hinweist, dass das Stück in 3D zu sehen ist.

Die Installationsanleitungen von Complete beschreiben den Weg für jede Plattform, auch für jene, die keinen iframe in der Produktbeschreibung zulassen.