3D- und AR-Produktdarstellung auf Shopify: Mehr als nur Showcase
Native 3D-Viewer und WebAR sind auf Shopify produktionsreif. Wir zeigen, wann es sich wirklich lohnt, welche Performance-Implikationen es hat und in welchen Kategorien wir messbare Conversion-Effekte sehen.
Shopify unterstützt native 3D-Modelle (.glb) und WebAR (über Apple Quick Look + ARCore) seit Jahren. Trotzdem fragen wir uns in jedem zweiten Discovery-Call: “Lohnt sich 3D auf der PDP - oder ist das Eye-Candy?” Hier unsere ehrliche Antwort nach mehreren Live-Setups.
Was Shopify nativ kann (Stand 2026)
Shopify rendert .glb-Dateien automatisch im Produktbild-Slot, sobald du sie hochlädst. Das nutzt unter der Haube den <model-viewer>-Web-Component, der von Google entwickelt wird und an iOS Quick Look (USDZ) für AR durchreicht.
Das heißt für dich:
- Drag & Drop in Shopify Admin reicht. Kein Theme-Code, kein Custom-App.
- AR-Funktion ist mobil sofort verfügbar - User tippen auf “In meinem Raum sehen” und sehen das Produkt in ihrer Umgebung.
- Web-Viewer ist responsiv und desktop-fähig. Maus-Drag, Pinch-to-Zoom, Auto-Rotate alles dabei.
Wo wir messbare Effekte sehen
Aus drei Plus-Projekten in unterschiedlichen Branchen:
| Branche | Setup | PDP-Conversion-Effekt | Return Rate |
|---|---|---|---|
| Möbel | 3D + AR auf 30 Top-Produkten | +8,4 % CVR | −12 % |
| Schuhe/Sneaker | Reines 3D, kein AR | +1,9 % CVR | −3 % |
| Tech-Hardware | 3D mit Annotations | +5,1 % CVR | −7 % |
Die größten Hebel sehen wir in Kategorien, in denen Größe, Proportion und räumliche Wirkung kaufentscheidend sind - also Möbel, Lampen, Tech-Hardware, Sportgeräte, Pflanzen. In Mode oder Beauty: deutlich schwächer.
Wichtig: Die Rückgabequote sinkt häufiger als die Conversion-Rate steigt. Bei Möbeln war das in einem Projekt der größere wirtschaftliche Hebel als der CVR-Lift.
Wann sich 3D nicht lohnt
Klare Absage von uns, wenn:
- Dein Produkt-Sortiment >2.000 SKUs umfasst und nicht modular ist (Asset-Pflege wird unbezahlbar)
- Du keinen klaren Plan für Asset-Erstellung hast (3D-Models kosten 80–400 € pro Produkt)
- Deine Branche nicht räumlich-relevant ist (Bücher, Vitamine, Kosmetik)
- Deine PDPs noch grundlegende UX-Probleme haben (3D fixt nichts, was eine schlechte Galerie kaputt macht)
Performance: Was wir messen
<model-viewer> ist sauber gebaut, aber: 3D-Modelle sind groß. Eine durchschnittliche .glb-Datei wiegt 800 KB bis 5 MB. Wenn du sie eager lädst, killst du dein LCP auf Mobile.
Unsere Hard-Rules:
- Lazy-Load via Intersection Observer. 3D-Block lädt erst, wenn er ins Viewport scrollt.
<model-viewer>-JS-Bundle nur dynamisch laden - nicht im Theme-Bundle..glb-Datei unter 2 MB halten (Draco-Kompression, Texturen als Basis-Color + 1024×1024 max.).- Fallback auf statisches Bild, wenn
prefers-reduced-motionoder schwache GPU.
Mit diesen Regeln bleibt LCP auf Mobile unter 1,8 s - auch mit 3D-Block auf der PDP.
WebAR vs. App-AR
Shopify nutzt WebAR über Quick Look (iOS) und Scene Viewer (Android). Das ist kein “echtes” AR mit Markerless-Tracking via ARKit, aber für 95 % der E-Commerce-Use-Cases ausreichend:
- Kein App-Download nötig
- Funktioniert in Safari und Chrome direkt
- “In meinem Raum sehen” Klick-to-Position genügt für Möbel- und Produkt-Kontext
Wenn du echte ARKit-Anchoring-Anwendungen brauchst (z. B. virtuelles Makeup, dynamisches Try-On), gehst du out-of-Shopify in eine Custom-App oder zu Spezialanbietern wie ModiFace.
Asset-Workflow: Der unsichtbare Teil
Der größte Schmerz ist nicht der Viewer, sondern die Asset-Pipeline:
- 3D-Modell erstellen (Photogrammetrie oder Modellierung)
- In Blender/Substance optimieren (Polycount, Texturen)
- Als
.glbexportieren (Draco-Komprimiert) - Lighting + Environment-Map prüfen
- In Shopify hochladen, AR-Test in iOS Safari machen
Das ist 1–3 Tage Arbeit pro Produkt, bis es wirklich gut aussieht. Plane das in dein Budget ein.
Unser Setup für Plus-Kunden mit 3D-Bedarf
- Asset-Erstellung outsourcen an Spezialisten (DACH: 80–250 € pro Modell)
- Native Shopify 3D-Block + AR-Button im Custom-Liquid-Theme
- Tracking-Events:
3d_loaded,3d_rotated,ar_started,ar_completed - A/B-Test auf 30–50 Produkten, bevor Roll-out
3D auf Shopify ist 2026 kein Risiko mehr, sondern eine konkrete CVR-Frage: Lohnt sich das Asset-Investment? Wenn du in einer räumlich-relevanten Kategorie verkaufst und ein Pilot machen willst: Lass uns 30 Minuten sprechen - wir schätzen den Hebel für deinen Shop konkret ein.