Zum Hauptinhalt springen
Zurück zum E-Commerce-Lexikon

Visueller Produktkonfigurator (3D-Produktkonfigurator)

Produkt- und KatalogmanagementStufe: Advanced

Ein visueller Produktkonfigurator ist ein Tool auf einer Produktseite, mit dem Kunden Optionen wie Farbe, Größe oder Material wählen und sehen, wie sich das Produkt dabei verändert.

Image by · CC BY 4.0

Was ist Visueller Produktkonfigurator (3D-Produktkonfigurator)?

Ein visueller Produktkonfigurator ist ein Tool auf einer Produktseite, mit dem Kunden Optionen wie Farbe, Größe, Material oder Extras wählen und sehen, wie sich ein Bild oder 3D-Modell des Produkts mit jeder Wahl ändert. Arbeitet er mit einem 3D-Modell, spricht man vom 3D-Produktkonfigurator; andere Namen sind visueller Konfigurator oder Produkt-Customizer. Hinter dem Bild stecken drei Dinge: die Optionsdaten (welche Farben, Größen und Teile es gibt), Regeln, die Kombinationen blockieren, die du nicht fertigen kannst, und ein Preis, der sich mit jeder Wahl ändert. Das ist der Unterschied zu einem einfachen Varianten-Dropdown, bei dem Kunden nur aus Versionen wählen, die bereits als eigene SKUs existieren. Ein Konfigurator ist nur so gut wie die Options- und Variantendaten, die ihn speisen, daher steckt die meiste Arbeit in deinen Produktdaten, nicht im 3D-Viewer. Sieh dir an, wie Produktfamilien und Varianten diese Optionsdaten strukturiert an einem Ort halten.

Warum Visueller Produktkonfigurator (3D-Produktkonfigurator) im E-Commerce wichtig ist

Produkte mit vielen Optionen lassen sich allein mit Fotos schwer verkaufen. Möbel, Fahrräder, Küchen, Schilder und Druckprodukte können Tausende gültige Kombinationen haben, und Kunden wollen genau die sehen, die sie gleich bestellen. Ein Konfigurator zeigt dieses Ergebnis und stoppt unmögliche Bestellungen, bevor sie dein Team erreichen. Er verändert auch, wie du Daten verwaltest. Jede Option braucht einen sauberen Namen, einen Code, ein Bild oder eine Textur, einen Preiseffekt und Regeln, womit sie kombinierbar ist. Liegen diese Daten in Tabellen verteilt über mehrere Teams, zeigt der Konfigurator Optionen, die nicht vorrätig sind, oder Preise, die nicht mehr zum Warenkorb passen.

Beispiele für Visueller Produktkonfigurator (3D-Produktkonfigurator)

  • 1Produkt: Sofa, Optionen: Stoff (24 Muster), Fußausführung, Sitztiefe, Regel: Samt nur mit schwarzen Füßen
  • 2Produkt: Individuelles Fahrrad, Optionen: Rahmengröße, Farbe, Schaltgruppe, Sattel, Regel: Carbonrahmen nur mit elektronischer Schaltung
  • 3Produkt: Küchenschrank, Optionen: Breite, Frontfarbe, Griffart, Preis: Jede Option hat ihren eigenen Aufpreis
  • 4Produkt: Bedrucktes Schild, Optionen: Größe, Material, Text und Schriftart, Vorschau: Live-2D-Mock-up mit dem Text des Kunden

So hilft WISEPIM

  • Strukturierte Optionsdaten: Produktfamilien und Varianten führen Größen, Farben und Materialien als Attribute, also die Daten, aus denen ein Konfigurator liest.
  • Bilder pro Option: Digital Asset Management speichert Muster, Texturen und Perspektivaufnahmen beim Produkt, zu dem sie gehören.
  • Saubere Daten raus: Export und Plattformverbindungen senden dieselben Optionsdaten an Shopify, WooCommerce oder Magento 2, wo deine Konfigurator-App läuft.

Häufige Fehler bei Visueller Produktkonfigurator (3D-Produktkonfigurator)

  • Zuerst den 3D-Viewer bauen und die Optionsdaten und Regeln zuletzt.
  • Kunden Optionen kombinieren lassen, die die Produktion nicht fertigen kann.
  • Konfiguratorpreise getrennt von den Webshop-Preisen führen, sodass die Warenkorbsumme abweicht.
  • Optionen anzeigen, die nicht vorrätig oder ausgelaufen sind.
  • Schwere 3D-Modelle laden, die die Seite auf dem Smartphone verlangsamen.

Tipps zu Visueller Produktkonfigurator (3D-Produktkonfigurator)

  • Bilde jede Option als Attribut mit Code ab, bevor du eine Konfigurator-Software auswählst.
  • Schreibe die Kombinationsregeln in einfacher Sprache auf und teste sie mit deinem Produktionsteam.
  • Gib jeder Option ein Bild oder eine Textur mit derselben Größe, Perspektive und Beleuchtung.
  • Nutze eine einzige Preisquelle, damit Konfigurator, Warenkorb und Rechnung immer übereinstimmen.
  • Teste den Konfigurator auf einem Mittelklasse-Smartphone, nicht nur auf einem schnellen Laptop.

Trends rund um Visueller Produktkonfigurator (3D-Produktkonfigurator)

  • Mit Augmented Reality platzieren Kunden ein konfiguriertes Produkt über die Smartphone-Kamera in ihrem eigenen Raum.
  • Konfiguratoren wandern von Individualentwicklungen zu Apps und Plugins für Shopify, WooCommerce und Magento 2.
  • B2B-Händler nutzen Configure-Price-Quote-Tools (CPQ), um eine Konfiguration direkt in ein Angebot zu verwandeln.
  • Gerenderte Bilder pro Kombination ersetzen Live-3D, wo die Seitengeschwindigkeit wichtiger ist.
  • Konfigurationen werden als Links gespeichert und geteilt, sodass Kunden ein Design an andere schicken können.

Tools für Visueller Produktkonfigurator (3D-Produktkonfigurator)

  • WISEPIM: hält die Produktfamilien, Varianten, Attribute und Bilder, aus denen ein Konfigurator liest, an einem Ort.
  • Threekit: 3D- und Augmented-Reality-Produktkonfiguratoren für E-Commerce.
  • Zakeke: Plugins für visuelle Produktpersonalisierung für Shopify, WooCommerce und andere Plattformen.
  • Configure One: Configure-Price-Quote-Software (CPQ) für Hersteller.
  • Expivi: 3D-Produktkonfigurator mit Preis- und Bestellregeln.

Verwandte Begriffe

Auch bekannt als

Visueller KonfiguratorProdukt-Customizer3D-ProduktkonfiguratorVisuelle Produktpersonalisierung

Häufige Fragen

Ein visueller Konfigurator ist ein Tool, das ein Produkt auf dem Bildschirm verändert, während Kunden Optionen wie Farbe, Material oder Größe wählen. Er verbindet Optionsdaten, Kombinationsregeln und Preise mit Bildern oder einem 3D-Modell.

Varianten sind feste Versionen eines Produkts mit jeweils eigener SKU, die Kunden aus einer Liste wählen. Ein visueller Produktkonfigurator baut ein Produkt aus Optionen und Regeln zusammen und kann so weit mehr Kombinationen abdecken, als du je als einzelne SKUs anlegen würdest.

Ja. Für Magento 2, Shopify und WooCommerce gibt es Konfigurator-Apps und Erweiterungen, und Agenturen bauen individuelle Lösungen. Egal, wofür du dich entscheidest: Er braucht saubere Optionsdaten, Bilder pro Option und klare Regeln, um gut zu funktionieren.

Beginne mit einer Liste aller Optionen, ihrem Code, ihrem Preiseffekt und ihrem Bild oder ihrer Textur. Notiere dann, welche Optionen sich nicht kombinieren lassen. Sind diese Daten in Ordnung, fällt die Wahl der Konfigurator-Software viel leichter.

Noch Fragen?

Keine passende Antwort gefunden? Melde dich bei unserem Team.

Support kontaktieren

Weiter entdecken

Handverlesene nächste Schritte, um tiefer einzusteigen.