Vollständiger Leitfaden zum 3D-Konfigurator im E-Commerce

Ein 3D-Konfigurator ermöglicht es Ihren Kunden, Ihre Produkte in Echtzeit direkt auf Ihrer E-Commerce-Website anzupassen. Sie wählen eine Farbe, ein Material oder eine Komponente: Das 3D-Modell wird sofort im Browser aktualisiert, ohne Installation, ohne Seitenneuladung.

Diese Technologie, die noch vor fünf Jahren großen Marken vorbehalten war, ist heute für jeden Online-Händler zugänglich, unabhängig von seiner Größe. Dieser vollständige Leitfaden erklärt Ihnen wie es funktioniert, wie es in Ihr CMS integriert wird, was es kostet und was es konkret bringt.

Was ist ein 3D-Konfigurator?

Ein 3D-Konfigurator ist eine interaktive Webanwendung, die es einem Nutzer ermöglicht, ein Produkt in Echtzeit direkt in seinem Browser zu personalisieren. Im Gegensatz zu einer Fotogalerie, die sich je nach Option ändert, generiert ein 3D-Konfigurator die Ansichten aus einem digitalen 3D-Modell, indem er die Grafikkarte des Geräts über WebGL nutzt.

Konkret: Ihr Kunde kommt auf Ihre Produktseite. Er sieht ein interaktives 3D-Modell, das er 360° drehen und zoomen kann. Wenn er „Cognac-Leder" statt „Schwarzes Leder" wählt, wird das Modell in wenigen Millisekunden aktualisiert. Klickt er auf „In Augmented Reality ansehen", zeigt sein Telefon das Produkt in seinem Wohnzimmer in Originalgröße.

Unterschied zu Variantenfotos und 360°-Bildern

Es gibt verschiedene Ansätze, um Produktvarianten online zu zeigen. Hier ein Vergleich:

• Variantenfotos: Für jede Farb-/Materialkombination ein Studio-Shooting. 5 Farben × 4 Materialien = 20 Fotos, die gepflegt werden müssen. Teuer, langsam zu aktualisieren, bei einem großen Katalog nicht umsetzbar.
• 360°-Fotos: Besser als statische Fotos, aber immer noch vorab aufgenommene Bilder. Keine echte Personalisierung, keine Augmented Reality, immer noch Studio-Kosten.
• 2D-Konfigurator: Zeigt flache Bilder, die sich je nach Optionen ändern. Schnell einzurichten, aber keine Rotation, kein AR, ein Bild pro Kombination erforderlich.
• 3D-Konfigurator: Ein einziges digitales Modell, alle Kombinationen in Echtzeit generiert. Eine neue Farbe hinzufügen dauert einige Stunden, kein Foto-Shooting. 360°-Rotation, Zoom und Augmented Reality inklusive.

Wie funktioniert ein 3D-Konfigurator?

WebGL: der Motor für Echtzeit-Rendering

WebGL (Web Graphics Library) ist eine standardisierte JavaScript-API, die 3D-Rendering im Browser ermöglicht, indem sie direkt die GPU (Grafikprozessor) des Geräts nutzt. Ohne WebGL wäre interaktive 3D ohne Plugin unmöglich.

WebGL funktioniert über das HTML-Element <canvas>. Der Browser sendet Geometriedaten (Scheitelpositionen) und Materialdaten (Texturen, Shader) an die GPU, die jedes anzuzeigende Bild berechnet: typischerweise 30 bis 60 Mal pro Sekunde, was einen perfekt flüssigen Eindruck vermittelt.

WebGL wird nativ von 98 % der modernen Browser (Chrome, Firefox, Safari, Edge) auf Desktop und Mobilgeräten unterstützt. Keine Installation, kein Plugin. Für einen 3D-Konfigurator im E-Commerce ist dies die technologische Grundlage, die alles ermöglicht.

3D-Modelle und PBR-Texturen

Ein 3D-Konfigurator basiert auf zwei Arten digitaler Assets:

1. Die 3D-Modelle (die Geometrie): die Form des Produkts, erstellt in einer 3D-Modellierungssoftware (Blender, Cinema 4D, SolidWorks…) und im Format GLTF/GLB oder OBJ exportiert. Die Qualität und Genauigkeit des Modells bestimmt das endgültige visuelle Realismus. Ein gut gemachtes Modell ist von einem Studio-Foto nicht zu unterscheiden.

2. PBR-Texturen (Physically Based Rendering): Bilder, die das Erscheinungsbild jedes Materials definieren. PBR ist ein Satz von Texturkarten:

• Albedo (Grundfarbe)
• Roughness (Rauheit: matt oder glänzend)
• Metallic (metallisches Erscheinungsbild)
• Normal Map (simuliertes Oberflächenrelief)
• Ambient Occlusion (Kontaktschatten)

Diese Karten zusammen bewirken, dass ein Stoff wie Leinen, Samt oder Baumwolle aussieht. Wenn ein Nutzer im Konfigurator das Material ändert, lädt die WebGL-Engine die neuen PBR-Texturen und wendet sie in wenigen Millisekunden auf das Modell an.

Der Web Component: das universelle HTML-Element

Der 3DVue-Konfigurator wird als Web Component bereitgestellt: eine native Browser-Technologie, die die Erstellung wiederverwendbarer benutzerdefinierter HTML-Tags ermöglicht. Das macht die Integration so einfach: kein Framework erforderlich, kein Build-Prozess, universelle Kompatibilität.

Konkret benötigt die Integration des Konfigurators auf einer Produktseite zwei Schritte:

1. Das CDN-Skript einmalig laden (im <head>):

<script type="module" src="https://cdn.jsdelivr.net/npm/@3dvue/viewer@latest/dist/viewer.js"></script>

2. Den Konfigurator-Tag dort platzieren, wo er angezeigt werden soll:

<viewer-3dvue name="mein-konfigurator" src="https://app.3dvue.fr/c/xxx"></viewer-3dvue>

Der Konfigurator passt sich automatisch seinem Container an. Er ist von Natur aus responsiv.

Die Verbindung mit Ihren Variantenschaltern

Der Konfigurator verbindet sich über HTML-Attribute mit Ihren bestehenden Variantenselektoren. Beispiel mit Farbschaltflächen:

<button data-viewer-3dvue-target="stuhl"
        data-viewer-3dvue-param="farbe"
        data-viewer-3dvue-value="weiss">Weiß</button>

<button data-viewer-3dvue-target="stuhl"
        data-viewer-3dvue-param="farbe"
        data-viewer-3dvue-value="schwarz">Schwarz</button>

Wenn ein Nutzer klickt, hört der Konfigurator das Ereignis und aktualisiert das 3D-Modell. Kein JavaScript zu schreiben. Ihre bestehenden Schaltflächen oder <select>-Elemente bleiben unverändert.

WebAR : Augmented Reality

Augmented Reality ist in allen 3DVue-Projekten enthalten, ohne Mehrkosten. Sie ermöglicht es Ihren Kunden, Ihr Produkt virtuell in ihrem realen Raum zu platzieren, Wohnzimmer, Büro oder Garten, direkt vom Smartphone aus.

Wie funktioniert WebAR?

Im Gegensatz zu nativen AR-Apps, die einen Download erfordern, funktioniert WebAR direkt im Browser:

• Auf iOS: über Safari mit dem nativen Apple USDZ-Format (Quick Look AR)
• Auf Android: über Chrome mit WebXR und Googles Scene Viewer

Ein „In Augmented Reality ansehen"-Button erscheint automatisch auf mobilen Produktseiten. Mit einem Tap öffnet sich die Kamera und das Produkt erscheint in Originalgröße im Raum des Kunden. Keine App herunterladen, keine Reibung.

Abdeckung: über 95 % der heute genutzten Smartphones unterstützen WebAR (alle iPhones ab 2017 mit iOS 12+, alle neueren Androids mit Chrome).

Warum AR die Conversion-Zahlen verändert

AR reduziert eines der größten Hindernisse beim Online-Kauf: die Unsicherheit über Abmessungen und die Integration in den Raum. Für Möbel, Dekorationsobjekte, Leuchten, Teppiche, Kategorien mit häufigen und kostspieligen Retouren, ermöglicht WebAR dem Kunden, die visuelle Eignung für seine Umgebung vor der Bestellung zu überprüfen.

Gemessene Effekte: Produktseiten mit AR zeigen im Durchschnitt +20 bis +35 % Warenkorbzugaben und eine deutliche Reduzierung der Retourenquote bei großen Produkten.

Integration in Ihr CMS

Der 3DVue-Konfigurator lässt sich in alle gängigen E-Commerce-CMS integrieren. Hier die Details für die vier wichtigsten Plattformen.

Shopify

Die Integration erfordert keine Shopify-App aus dem App Store. Sie erfolgt direkt im Theme-Code.

Schritt 1: Das Skript in theme.liquid laden, vor </head>:

<script type="module" src="https://cdn.jsdelivr.net/npm/@3dvue/viewer@latest/dist/viewer.js"></script>

Schritt 2: Den Tag in Ihrem Produkttemplate oder einem Liquid-Abschnitt platzieren:

<viewer-3dvue
  name="{{ product.handle }}"
  src="{{ product.metafields.configurateur.src }}">
</viewer-3dvue>

Um native Shopify-Farbswatches zu verbinden, werden die data-viewer-3dvue-*-Attribute direkt auf die von Ihrem Theme generierten Schaltflächen gesetzt. Kompatibel mit allen Shopify-2.0-Themes (Dawn, Sense, Origin…) und älteren Themes.

→ Zur Seite Shopify-Integration

WooCommerce

Auf WordPress + WooCommerce wird das Skript über wp_enqueue_script() in der Datei functions.php Ihres Child-Themes geladen:

add_action('wp_enqueue_scripts', function() {
    wp_enqueue_script(
        '3dvue-viewer',
        'https://cdn.jsdelivr.net/npm/@3dvue/viewer@latest/dist/viewer.js',
        [], null, false
    );
    wp_scripts()->add_data('3dvue-viewer', 'type', 'module');
});

Platzieren Sie dann den <viewer-3dvue>-Tag in Ihrem Produkttemplate (single-product.php), einem Elementor-HTML-Widget, einem Gutenberg-Block oder einem benutzerdefinierten Shortcode.

Um native WooCommerce-Variationen zu verbinden, werden die Attribute direkt auf die <select>-Variationsfelder oder Swatch-Schaltflächen gesetzt. Kein WooCommerce-Plugin erforderlich.

→ Zur Seite WooCommerce-Integration

PrestaShop

Auf PrestaShop 1.7 und 8.x erfolgt die Integration über native Hooks in einem benutzerdefinierten Modul oder direkt in den Smarty-Templates des Themes:

{* In product.tpl: vor </body> *}
<script type="module"
  src="https://cdn.jsdelivr.net/npm/@3dvue/viewer@latest/dist/viewer.js">
</script>
<viewer-3dvue
  name="{$product.link_rewrite}"
  src="{$product.configurateur_src|escape:'html'}">
</viewer-3dvue>

Kein PrestaShop-Modul zu installieren, keine Back-Office-Aktivierung. Kompatibel mit PS 1.7.x und PS 8.x.

→ Zur Seite PrestaShop-Integration

WordPress (ohne WooCommerce)

Für eine Showcase-Website mit WordPress ist das Laden des Skripts identisch zu WooCommerce. Der Tag kann in jeden Block-Editor platziert werden:

• Gutenberg: Block „Benutzerdefiniertes HTML"
• Elementor: Widget „HTML"
• Divi, Bricks, Oxygen: HTML-Code-Modul

Kein WordPress-Plugin zu installieren, keine Abhängigkeit von einem bestimmten Editor.

→ Zur Seite WordPress-Integration

JavaScript-API: fortgeschrittene Nutzung

Für erweiterte Integrationen, Rendering erfassen, Verbindung zu einem Bestellfluss, ERP-Synchronisation, stellt der Web Component eine JavaScript-API bereit:

const viewer = document.querySelector('viewer-3dvue');

// Aktuelles Rendering als Base64 erfassen (für die Speicherung mit der Bestellung)
const imageBase64 = await viewer.captureToBase64();

// Auf Konfigurationsänderungen reagieren
viewer.addEventListener('config-change', (e) => {
    console.log('Konfiguration:', e.detail);
    // Preis, Lagerbestand, teilbare URL aktualisieren...
});

// Konfiguration programmatisch setzen
viewer.setParam('farbe', 'weiss');
viewer.setParam('stoff', 'samt');

Akzeptierte 3D-Dateiformate

Zur Erstellung Ihres Konfigurators können Sie bestehende Dateien bereitstellen oder einfach Fotos Ihrer Produkte.

Wenn Sie keine 3D-Dateien haben, erstellt 3DVue die Modelle auf Basis von:

• Ihren Produktfotos (Vorderseite, Profil, Oben, Unten: mindestens 4 Winkel)
• Ihren technischen Zeichnungen (PDF, DXF, bemaßte Skizzen)
• Einem physischen Muster (wenn Sie in der Nähe von Montpellier sind)

Ungefähre Modellierungszeit je nach Komplexität:

• Einfaches Produkt (Tasse, Kissen, Stift): 2 bis 3 Tage
• Mittleres Produkt (Stuhl, Handtasche, T-Shirt): 4 bis 6 Tage
• Komplexes Produkt (modularer Sessel, technischer Schuh, Fahrrad): 8 bis 15 Tage

Auswirkung auf die Performance Ihrer Website

Ein schlecht implementierter 3D-Konfigurator kann Ihre Core Web Vitals beeinträchtigen. Bei korrekter Implementierung ist der Einfluss vernachlässigbar. Hier die bei allen 3DVue-Projekten standardmäßig angewandten Optimierungen.

Optimierung der 3D-Assets

• Draco-Komprimierung: reduziert das Gewicht der 3D-Geometrien um 60 bis 80 % ohne sichtbaren Qualitätsverlust
• KTX2-Texturen: GPU-komprimiertes Texturformat, 3× schnelleres Laden als PNG
• LOD (Level of Detail): Das Modell mit niedriger Auflösung wird sofort angezeigt, die hochauflösende Version lädt im Hintergrund
• GLTF 2.0-Format: binäres Format, für das Web optimiert, kompatibel mit partiellem Streaming

Nicht-blockierendes asynchrones Laden

Das 3DVue-Skript lädt als type="module": Es ist von Natur aus nicht-blockierend. Der Konfigurator wird in einem HTML-<canvas> gerendert, das den Rest der Seite nicht beeinflusst. Für optimales LCP verwenden Sie das Lazy-Loading-Attribut:

<!-- Der Konfigurator lädt nur, wenn er sichtbar wird -->
<viewer-3dvue name="stuhl" src="..." loading="lazy"></viewer-3dvue>

Core Web Vitals-Ziele

Was kostet ein 3D-Konfigurator?

Die Kosten eines 3D-Konfigurators hängen von drei Hauptvariablen ab: der geometrischen Komplexität des Produkts, der Anzahl der zu integrierenden Materialien und den erforderlichen Funktionen (Druckdatei, erweitertes AR, API…). Für einen detaillierten Artikel zu den Tarifen siehe unseren vollständigen Leitfaden zu den Kosten eines 3D-Konfigurators.

Produktionskosten (einmalige Investition)

Monatliches Abonnement (laufende Kosten)

Das Abonnement deckt das Hosting der 3D-Modelle auf dem 3DVue CDN, Updates der WebGL-Plattform und Support ab. Keine Provision auf Ihre Verkäufe.

ROI: was es bringt

• Reduzierung der Retouren um 20 bis 40 %: Der Kunde sieht genau, was er bestellt
• Durchschnittlicher Warenkorb steigt um 15 bis 30 %: Personalisierung schafft Bindung und rechtfertigt einen höheren Preis
• Weniger Support-Anfragen: „Gibt es diesen Stoff in Blau?" verschwindet, wenn der Kunde es in Echtzeit sehen kann
• Wettbewerbsdifferenzierung: Noch wenige Online-Händler bieten ein echtes interaktives 3D-Erlebnis

Beispiele für 3D-Konfiguratoren nach Branche

Möbel und Dekoration

Möbel ist die Branche, in der 3D-Konfiguratoren den größten Mehrwert bieten. Kunden zögern bei Abmessungen, Farben und Materialien, und Retouren sind kostspielig. Ein Möbel-Konfigurator ermöglicht die Auswahl von Gestell- und Bezugsfarbe, die Auswahl der Beine, das Hinzufügen optionaler Elemente (Kopfteil, Armlehnen, Hocker) und die AR-Visualisierung im Wohnzimmer.

→ Zur Seite 3D-Konfigurator Möbel

Textil und Mode

Für Kleidung, Taschen und Accessoires ermöglicht der Konfigurator Echtzeit-Personalisierung: Stofffarbe, Stickerei, Einsätze, Logo. Die Textil-Rendering-Simulation (Falten, Materialien, Nähte) erreicht ein fotorealistisches Niveau. Der typische Anwendungsfall: ein Online-Händler für personalisierte Taschen, der automatisch die SVG-Druckdatei für die Werkstatt generiert.

→ Zur Seite 3D-Konfigurator Textil und Mode

Schmuck und Luxus

Im Schmuckbereich ist visuelle Qualität entscheidend. Ein 3D-Konfigurator ermöglicht dem Kunden, ein Schmuckstück (Metall, Stein, Gravur) mit fotorealistischem Rendering zu personalisieren. Augmented Reality ist hier besonders nützlich: einen Ring „an" der eigenen Hand zu sehen, bevor man bestellt, reduziert die Retourenquote drastisch.

→ Zur Seite 3D-Konfigurator Schmuck und Luxus

Werbeartikel

Eine Branche, in der Personalisierung das Kerngeschäft ist. Ein Konfigurator für Werbeartikel ermöglicht die Visualisierung eines Logos auf einem Stift, einem Becher oder einer Tragetasche, mit Wechsel von Hintergrundfarbe, Druckfarbe und Logo-Position in Echtzeit. Die Druckdatei wird automatisch generiert.

→ Zur Seite 3D-Konfigurator Werbeartikel

Trikots und Sportausrüstung

Die Personalisierung von Trikots (Vereinsfarben, Nummer, Name) ist ein idealer Anwendungsfall. Der Nutzer sieht sein personalisiertes Trikot in Echtzeit, Vorder- und Rückseite, vor der Bestellung. Die Druckdatei geht direkt an den Flock-Dienstleister.

→ Zur Seite 3D-Konfigurator Sport-Trikots

Vergleichstabelle: 3D-Konfigurator vs. Alternativen

Vergleich der 3D-Konfigurator-Anbieter

Der Markt ist fragmentiert zwischen Akteuren mit sehr unterschiedlichen Modellen. Hier eine ehrliche Analyse jeder Lösung, Stärken und Grenzen, um eine informierte Entscheidung zu treffen.

Zakeke 🇮🇹 : Self-Service-SaaS (Italien, 2017)

Stärken: der zugänglichste auf dem Markt, ab 29 €/Monat. Intuitive Benutzeroberfläche, einfache Integration auf Shopify und WooCommerce über ihre App. Ideal, wenn Sie bereits 3D-Dateien haben und einen verfügbaren Entwickler.

Grenzen: Zakeke ist ein Werkzeug, kein Service. Sie müssen Ihre eigenen 3D-Modelle bereitstellen, sonst können Sie nicht starten. Keine Modellierung inklusive, keine Integrations-Begleitung. Das 3D-Rendering ist generisch und schwer fein zu personalisieren. Support über Tickets. Bei komplexen Produkten oder großem Katalog zeigt die Plattform schnell ihre Grenzen.

→ Detaillierter Vergleich: 3DVue vs Zakeke

Emersya 🇫🇷 : SaaS + 3D-Services (Frankreich, Montpellier, 2012)

Stärken: solider französischer Akteur mit echter 3D-Expertise, Kunden wie Samsonite, Salomon und Vitra. Ausgereifte Plattform, Qualitäts-Rendering, AR-Präsenz.

Grenzen: Konzipiert für Marken mit internen Ressourcen (digitales Team, Projektleiter, Zugang zu 3D-Assets). Die Plattform ist leistungsstark, aber ohne dediziertes Team schwer zu handhaben. Die Preise sind auf Anfrage und für ein KMU ohne bedeutendes Volumen kaum zugänglich. Der 3D-Erstellungsservice wird optional angeboten, ist aber nicht der Kern des Modells.

→ Detaillierter Vergleich: 3DVue vs Emersya

Threekit 🇺🇸 : Enterprise (USA, 2005)

Stärken: das beste fotorealistische Rendering auf dem Markt, Salesforce-CPQ-Integration, Fortune-500-Kunden. Für eine große Marke mit bedeutendem Budget ist es die Referenz.

Grenzen: vollständig außerhalb der Reichweite von KMUs. Mindestbudget von 50.000 €/Jahr, Bereitstellungsfrist von 3 bis 6 Monaten, erfordert ein dediziertes internes 3D-Team. Support nur auf Englisch, auf den US-Markt ausgerichtet. Für einen mittelgroßen deutschen Online-Händler ist es eine disproportionierte Lösung.

→ Detaillierter Vergleich: 3DVue vs Threekit

Roomle 🇦🇹 : SaaS Möbel (Österreich, 2014, HOMAG-Gruppe)

Stärken: sehr stark bei der Konfiguration von modularen Möbeln und Raumplanern. Erweiterte Regellogik für Produkte mit vielen strukturellen Kombinationen.

Grenzen: fast ausschließlich auf Möbel ausgerichtet, unbrauchbar für Textil, Schmuck, Werbeartikel oder Sport-Trikots. Mindestens 850 €/Monat für einen Basisplan. Sie müssen Ihre 3D-Dateien bereitstellen und die Integration selbst verwalten. Von HOMAG übernommen (Industriegruppe für Holzbearbeitungsmaschinen), entfernt sich die Produktausrichtung zunehmend vom reinen E-Commerce.

VividWorks 🇫🇮 : SaaS CPQ (Finnland, 2006)

Stärken: sehr gut bei wirklich modularen Produkten mit komplexer CPQ-Logik (Konfigurationsregeln, dynamische Preise, ERP-Integration). Geeignet für B2B-Hersteller.

Grenzen: Konzipiert für technische Teams, die die Plattform autonom betreiben können. Die Einrichtung eines Projekts dauert mehrere Wochen. Kein Modellierungsservice inklusive. Für einen B2C-Online-Händler, der eine schlüsselfertige Lösung sucht, ist das Tool überdimensioniert und ohne dedizierte Ressourcen komplex.

Salsita 🇨🇿 : Full-Service-Studio (Tschechien, Prag, 2010)

Stärken: Full-Service-Ansatz ähnlich wie 3DVue: Sie übernehmen das Projekt von A bis Z mit echter 3D-Expertise. Gut für komplexe und maßgeschneiderte Projekte.

Grenzen: 100 % Custom-Entwicklung = lange Laufzeiten (mehrere Monate pro Projekt) und schwer vorhersehbare hohe Kosten. Kein standardisiertes Produkt, kein vorhersehbares Abonnementtarif. Mit Sitz in Tschechien läuft die Kundenbeziehung auf Englisch. Nach der Lieferung erfordert jede Weiterentwicklung eine neue Leistungsverhandlung: kein kontinuierlicher SAV in einem monatlichen Abonnement.

Cylindo 🇩🇰 : Produktvisualisierung (Dänemark, 2012, von Chaos übernommen)

Stärken: sehr hochwertige fotorealistische Produktbilder, gut für die Verwaltung visueller Assets in großem Maßstab.

Grenzen: Cylindo ist kein wirklicher Echtzeit-3D-Konfigurator: Es ist ein Visualisierungssystem auf Basis von vorgerenderten Bildern. Keine freie WebGL-Rotation, keine native WebAR, begrenzte Personalisierung. Von Chaos übernommen (Herausgeber von V-Ray), entwickelt sich das Produkt in Richtung Studio-Nutzung statt E-Commerce. Preise auf Anfrage, nur für Großkunden zugänglich.

Die Fragen, die Sie vor der Unterzeichnung stellen sollten

1. Wer erstellt die 3D-Modelle? Wenn der Anbieter keine Modellierung anbietet, müssen Sie sie auslagern oder intern durchführen. Prüfen Sie die tatsächlichen Gesamtkosten.

2. Wer verwaltet die Integration auf meiner Website? Manche Plattformen dokumentieren die Integration, führen sie aber nicht durch. Wenn Sie keinen verfügbaren Entwickler haben, klären Sie diesen Punkt vor der Unterzeichnung.

3. Gehören mir die 3D-Dateien? Unerlässlich, um nicht von einem einzigen Anbieter abhängig zu sein und die Assets auf anderen Kanälen verwenden zu können.

4. Was passiert nach der Lieferung? Wer antwortet, wenn ein Modell geändert werden muss, ein neues Material hinzugefügt werden soll oder der Konfigurator nach einem Theme-Update nicht mehr angezeigt wird? Ein menschlicher, reaktionsschneller SAV ist Gold wert.

5. Gibt es versteckte Kosten? Gebühren pro Rendering, Provision auf Verkäufe, undokumentierte Sitzungsbeschränkungen. Lesen Sie die AGB, bevor Sie unterschreiben.

Häufig gestellte Fragen

Was ist ein 3D-Konfigurator?

Ein 3D-Konfigurator ist eine interaktive Webanwendung, mit der ein Besucher ein Produkt in Echtzeit direkt in seinem Browser anpassen kann. Der Nutzer wählt eine Farbe, ein Material oder eine Komponente: Das 3D-Modell wird sofort aktualisiert, ohne Seitenneuladung, ohne Plugin. Alles basiert auf WebGL, einer nativen API moderner Browser.

Was ist der Unterschied zwischen einem 3D-Konfigurator und Variantenfotos?

Bei Variantenfotos erfordert jede Farb-/Materialkombination ein Fotoshooting. 5 Farben × 4 Materialien = 20 Fotos, die gepflegt werden müssen. Ein 3D-Konfigurator generiert alle Ansichten in Echtzeit aus einem einzigen digitalen Modell: Eine neue Farbe hinzuzufügen dauert einige Stunden, kein Studio-Shooting. Die visuelle Qualität ist vergleichbar mit professioneller Studio-Fotografie.

Funktioniert der 3D-Konfigurator auf mobilen Geräten?

Ja. Der 3DVue-Konfigurator funktioniert auf allen aktuellen Geräten: iOS Safari und Android Chrome, ohne App-Installation. WebAR ist ebenfalls direkt über den mobilen Browser verfügbar. Über 95 % der heute genutzten Smartphones unterstützen WebGL und WebAR.

Welche 3D-Dateiformate akzeptieren Sie?

3DVue akzeptiert alle gängigen Formate: GLTF/GLB, OBJ, FBX, STL, STEP sowie Dateien aus SolidWorks, Blender, 3ds Max, SketchUp und Cinema 4D. Falls Sie keine bestehenden 3D-Dateien haben, erstellen wir die Modelle anhand Ihrer Produktfotos oder technischen Zeichnungen. Für den Start sind keine 3D-Dateien erforderlich.

Was kostet ein 3D-Konfigurator?

Die Kosten hängen von der Produktkomplexität und der Anzahl der Varianten ab. Ein vollständiges Projekt beginnt bei etwa 1.500 € für ein einfaches Produkt und kann für einen Textil-Konfigurator mit automatischer Druckdatei-Generierung bis zu 6.000 bis 8.000 € erreichen. Ein monatliches Abonnement von 50 bis 500 € deckt Hosting und Plattform-Updates ab.

Wie lange dauert die Integration des Konfigurators auf meiner Website?

Die technische Integration dauert 2 bis 4 Stunden für einen Entwickler. Der Konfigurator ist ein Web Component: ein HTML-Tag, der auf Ihrer Produktseite platziert wird, kompatibel mit Shopify, WooCommerce, PrestaShop und WordPress ohne zu installierende Module. 3DVue kann die Integration übernehmen, falls kein Entwickler verfügbar ist.

Ist der 3D-Konfigurator Shopify-kompatibel?

Ja. Der 3DVue Web Component lässt sich in jedes Shopify-Theme integrieren: Shopify 2.0, Dawn, Sense und alle OS-2.0-Themes. Die Integration erfolgt über die Datei theme.liquid oder einen benutzerdefinierten Liquid-Abschnitt, ohne eine Shopify-App aus dem App Store.

Was ist WebGL und warum ist es für einen 3D-Konfigurator wichtig?

WebGL ist eine native JavaScript-API, die 3D-Rendering im Browser ermöglicht, indem sie direkt die GPU des Geräts nutzt. Ohne WebGL wäre interaktive 3D ohne Plugin unmöglich. WebGL wird von 98 % der modernen Browser auf Desktop und Mobilgeräten unterstützt, was universelle Kompatibilität ohne Installation gewährleistet.

Ist Augmented Reality im Konfigurator enthalten?

Ja. WebAR ist in allen 3DVue-Projekten ohne Aufpreis enthalten. Es funktioniert auf iOS über Safari und Android über Chrome, ohne App-Download. Dasselbe 3D-Modell wird für den Konfigurator und für AR verwendet: kein zusätzlicher Aufwand.

Verlangsamt der 3D-Konfigurator meinen Online-Shop?

Nein, bei korrekter Implementierung. Das 3DVue-Skript lädt asynchron und blockiert das Seitenrendering nicht. Die 3D-Modelle sind optimiert (Draco-Komprimierung, KTX2-Texturen), um die Ladezeit zu minimieren. Mit dem Attribut loading="lazy" hat der Konfigurator keinen Einfluss auf den LCP Ihrer Seite.

Was ist der Unterschied zwischen einem 3D- und einem 2D-Konfigurator?

Ein 2D-Konfigurator zeigt flache Bilder, die sich je nach Optionen ändern: schnell einzurichten, aber begrenzt: keine Rotation, kein AR, ein Bild pro Kombination erforderlich. Ein 3D-Konfigurator generiert alle Ansichten in Echtzeit aus einem einzigen Modell und ermöglicht 360°-Rotation, Zoom und Augmented Reality.

Gehören mir die für den Konfigurator erstellten 3D-Modelle?

Ja, vollständig. Alle Quelldateien (GLB, OBJ, FBX, PBR-Texturen) werden Ihnen bei der Lieferung übergeben. Sie können diese auf anderen Plattformen, für Marketing, 3D-Druck oder bei einem anderen Dienstleister verwenden. Keine Exklusivitätsklausel für Ihre eigenen Assets.

Kann der Konfigurator eine Druckdatei generieren?

Ja. Für Projekte, die eine Produktionsdatei benötigen (Textil, Werbeartikel, Gravur, Stickerei), kann der Konfigurator automatisch eine Druckdatei im SVG- oder PDF-Format generieren, die genau der vom Kunden gewählten Konfiguration entspricht. Diese Datei geht direkt in die Produktion.

Wie viele Varianten und Kombinationen kann der Konfigurator verwalten?

Es gibt keine technische Begrenzung. Ein Konfigurator mit 10 Personalisierungszonen und 20 Materialien pro Zone generiert Millionen von Kombinationen ohne Verlangsamung. Nur die von Ihnen zugelassenen Kombinationen werden Ihren Kunden angeboten. Das Rendering bleibt unabhängig von der Komplexität flüssig.

Was ist der ROI eines 3D-Konfigurators für einen Online-Händler?

Gemessene Effekte bei unseren Kunden: Reduzierung der Retouren um 20 bis 40 %, Steigerung des durchschnittlichen Warenkorbs um 15 bis 30 %, deutliche Reduzierung der Kundenanfragen. Die Amortisation erfolgt in der Regel innerhalb von 6 bis 18 Monaten je nach Bestellvolumen. Für einen Möbel-Onlinehändler mit 200 Bestellungen/Monat entspricht eine Reduzierung der Retouren um 25 % oft 800 bis 1.000 €/Monat an Einsparungen.

Fazit: Wo anfangen?

Der 3D-Konfigurator ist kein Luxus mehr, der großen Marken vorbehalten ist. Die Technologie ist ausgereift, die Preise sind gesunken, und der Einfluss auf Conversions und Retouren ist bei dutzenden Projekten belegt.

Wenn Sie personalisierbare Produkte verkaufen, Möbel, Textil, Schmuck, Werbeartikel, Sportausrüstung, ist ein 3D-Konfigurator wahrscheinlich die Investition mit dem besten verfügbaren Return im Jahr 2026.

Der nächste Schritt ist einfach: Ihr Produkt und Ihre Varianten in 15 Minuten beschreiben. Thibaut antwortet Ihnen innerhalb von 24 Stunden mit einer genauen Schätzung der Kosten, des Zeitrahmens und des empfohlenen technischen Ansatzes für Ihren Fall, ohne Verpflichtung.