Konfiguratoren
Sidebar-Konfigurator für Produkte mit vielen Optionen
Der Sidebar-Konfigurator ermöglicht es Kund:innen, alle Aspekte eines Produkts übersichtlich festzulegen. Bei einem Tisch lässt sich beispielsweise zwischen Form, Kante, Farbe und Gestell wechseln, alles in einer Übersicht. Das ist die ideale Lösung für Produkte mit vielen unterschiedlichen Optionen.
Live-Demo
Wichtigste Funktionen
Alles, was Sie bekommen
- Dropdown-Menüs
- Schaltflächen
- Schieberegler
- Bilder
Produkte mit Dutzenden möglichen Kombinationen, etwa aus Form, Kante, Farbe, Gestell und Größe, lassen sich in einem gewöhnlichen Onlineshop kaum darstellen. Kund:innen müssen raten, welche Kombination möglich ist, oder wenden sich an den Kundenservice, um das herauszufinden. Der Sidebar-Konfigurator stellt alle Auswahlmöglichkeiten übersichtlich neben das 3D-Produkt, sodass jede Kombination sofort sichtbar ist und direkt mit der zugrunde liegenden Produktkonfiguration übereinstimmt. Weil Kund:innen jede Option vor der Bestellung am 3D-Produkt sehen, entfällt viel Rätselraten, und eine Bestellung entspricht seltener nicht den Erwartungen.
Beispiel: einen Esstisch konfigurieren
Bei einem Tisch funktioniert der Sidebar-Konfigurator wie ein vollwertiger Esstischkonfigurator. So läuft die Konfiguration eines Esstischs mit diesem Tischkonfigurator ab, anhand der Live-Demo oben auf dieser Seite.
Optionen in der Sidebar
Kund:innen wählen zunächst die Form der Tischplatte, danach die Kantenausführung. Anschließend folgen die Farbe der Tischplatte und, über eine RAL-Farbauswahl, die Farbe des Gestells. Jede Auswahl steht als eigene Option in der Sidebar, sodass Kund:innen zwischen Form-, Kanten-, Farb- und Gestelloptionen nie den Überblick verlieren. Da jede Option ihren eigenen Platz in der Sidebar hat, ist auf einen Blick klar, was genau gewählt wurde, auch bei einem Tisch mit Dutzenden möglichen Varianten.
Sofort sichtbar in 3D
Jede Auswahl in der Sidebar wird sofort auf das 3D-Modell übertragen, ohne dass die Seite neu lädt. So sehen Kund:innen genau, was bestellt wird, noch bevor die Konfiguration abgeschlossen ist. Das Ergebnis lässt sich in 360 Grad betrachten und über Augmented Reality in Originalgröße im eigenen Raum platzieren, etwa um zu prüfen, ob Größe und Farbe des Tischs zum Rest des Esszimmers passen. Ist die Konfiguration fertig, lässt sie sich mit einem einzigen Link teilen, sodass Kund:innen den gewählten Tisch vor der Bestellung noch mit einem Partner abstimmen können. Dasselbe Prinzip wird beispielsweise auch in der Möbelbranche genutzt, für Schränke und Sitzmöbel mit vielen Varianten.
Konfiguratortypen
Wann eignet sich der Sidebar-Konfigurator?
Dieser Konfigurator ist einer von vier Konfiguratortypen von Vulp und die richtige Wahl, sobald ein Produkt viele einzelne Optionen hat, die Kund:innen in einer Übersicht vergleichen müssen. Die anderen drei Konfiguratortypen sind für andere Situationen gedacht.
Sidebar-Konfigurator
Viele einzelne Optionen in festen Kategorien, mit allen Auswahlmöglichkeiten auf einen Blick. Ideal für Produkte wie Tische mit mehreren Form-, Kanten-, Farb- und Gestelloptionen.
Personalization configurator
Der Fokus liegt auf dem Produkt selbst. Kund:innen personalisieren über Hotspots direkt am 3D-Modell, mit weniger Optionen als bei der Sidebar.
Modular configurator
Für Produkte, die aus einzelnen Elementen zusammengesetzt werden, etwa Sofas oder Schranksysteme mit erweiterbaren Modulen.
Umsetzung
So funktioniert der Sidebar-Konfigurator
Die Sidebar für Ihren Onlineshop einzurichten, verläuft in wenigen Schritten, vom 3D-Modell bis zur fertigen Integration in Ihrem Onlineshop.
1
3D-Modell liefern oder entwerfen lassen
Liefern Sie ein vorhandenes 3D-Modell, oder lassen Sie es auf Basis einer technischen Zeichnung, von Fotos oder von Grund auf entwerfen.
2
Optionen und Gruppen einrichten
Richten Sie im Vulp-CMS Optionen pro Gruppe ein, etwa Form, Kante, Tischplatte und Gestell, als Dropdown, Schaltflächen, Schieberegler oder Bilder.
3
Ein Code-Schnipsel im Onlineshop
Binden Sie den Konfigurator mit einem einzigen Code-Schnipsel ein; dieselbe Methode funktioniert auch in Shopify oder WooCommerce.
4
Auswahl zurück in Ihren Bestellprozess
Lesen Sie über die Vulp-API aus, welche Auswahl ein Kunde trifft, und verknüpfen Sie diese mit Ihrem Bestellprozess oder PIM-System.
Für einfache Anpassungen genügen URL-Parameter ganz ohne Code: Mit ?sidebar=right oder ?sidebar=left legen Sie fest, ob die Sidebar rechts oder links vom Produkt steht, und auch Farben, Kameraperspektive und sichtbare Schaltflächen lassen sich so einstellen. Für tiefere Individualintegrationen, etwa um die Konfiguration in andere Systeme einfließen zu lassen, steht die vollständige Vulp-API zur Verfügung. Einmal erstellt, funktioniert dasselbe 3D-Modell automatisch auf Web, Android und iOS, inklusive nativer Augmented Reality auf beiden mobilen Plattformen, ohne dass dafür ein separates Modell pro Plattform nötig ist. Der virtuelle Content wird dabei von Vulp gehostet, sodass der Viewer zuverlässig und schnell lädt, ohne dass Sie eigene Serverinfrastruktur benötigen, und Sie verwalten die Optionsstruktur selbst im CMS, auch nach dem Livegang, ohne dass dafür Entwickler:innen nötig sind. Damit eignet sich die Sidebar ebenso gut für ein einzelnes Produkt wie für ein Sortiment, das nach dem Livegang weiter wächst.
Geeignet für komplexe Sortimente
Dieser Konfigurator ist für Sortimente mit vielen Varianten gebaut. Optionen werden gruppiert, sodass eine große Anzahl an Auswahlmöglichkeiten übersichtlich bleibt, und der Konfigurator unterstützt mehrere Sprachen für internationale Kund:innen, darunter Niederländisch, Englisch, Deutsch, Französisch, Spanisch und Chinesisch. Bei Farben arbeiten Sie mit standardisierten Systemen wie RAL oder mit einem eigenen Farbsystem, das zu Ihrer Marke passt, was vor allem für Hersteller mit Bedarf an exakter Farbwiedergabe wichtig ist.
Optionsgruppen
6 Sprachen
RAL-Farben
Dieser Aufbau ist nicht auf Möbel beschränkt: Dasselbe Prinzip kommt beispielsweise auch für Maschinen mit vielen technischen Varianten zum Einsatz, sowie für Produkte im Bereich Haus und Garten mit umfangreichen Material- und Farbauswahlen.
Häufig gestellte Fragen
Auf welche Arten kann die Sidebar Produktoptionen anzeigen?
Der Sidebar-Konfigurator zeigt Optionen als Dropdown-Menüs, Buttons, Schieberegler oder Bilder an, je nachdem, was am besten zu Ihrem Produkt passt, und gibt Kund:innen so an einem zentralen Ort einen klaren Überblick über jede Auswahlmöglichkeit.
Kann ich einen Tisch auf meiner eigenen Website in 3D konfigurieren lassen?
Ja, das ist möglich. Der Sidebar-Konfigurator wird mit einem einzigen Code-Schnipsel in Ihre Website oder Ihren Onlineshop eingebunden, vergleichbar mit dem Einbetten eines Videos. Dieselbe Methode funktioniert auch in Shopify oder WooCommerce; für Individuallösungen nutzen Sie die Vulp-API.
Mehr erfahren: Schnelle Einbindung
Wie viele Optionen kann der Sidebar-Konfigurator verarbeiten?
Die Sidebar ist für Produkte mit vielen Optionen gemacht. Auswahlmöglichkeiten werden in klaren Kategorien gruppiert, etwa Form, Kante, Farbe und Gestell, sodass Sie auch bei vielen Optionen den Überblick behalten. Pro Gruppe legen Sie selbst fest, wie die Optionen angezeigt werden.
Mehr erfahren: Produktteile: Varianten und Konfigurationen
Funktioniert der Sidebar-Konfigurator auch auf Mobilgeräten?
Ja, der 3D-Viewer, zu dem die Sidebar gehört, ist vollständig responsiv und funktioniert auf Smartphone, Tablet und Desktop. Kund:innen bedienen die Sidebar und das 3D-Produkt per Touch, ohne dass dafür eine App nötig ist.
Mehr erfahren: 360°-Ansicht
Brauche ich ein eigenes 3D-Modell, um zu starten?
Nein, das ist nicht zwingend erforderlich. Das 3D-Modell kann auch für Sie entworfen werden, auf Basis einer technischen Zeichnung, von Fotos oder von Grund auf. Haben Sie bereits ein passendes Modell, lässt sich dieses ebenfalls verwenden.
Mehr erfahren: Preise ab 9,99 €/Monat | 3D & KI Content
Ist der Sidebar-Konfigurator in mehreren Sprachen verfügbar?
Ja, der Vulp-Viewer, einschließlich der Sidebar, unterstützt mehrere Sprachen, unter anderem Niederländisch, Englisch, Deutsch, Französisch, Spanisch und Chinesisch. Alle Schaltflächen, Meldungen und Menüelemente wechseln automatisch in die gewählte Sprache.
Mehr erfahren: Mehrsprachigkeit
Kann ich RAL-Farben oder ein eigenes Farbsystem in der Sidebar verwenden?
Ja, neben Standardfarben unterstützt Vulp standardisierte Farbsysteme wie RAL, sodass Sie exakte, professionelle Farben auf einzelne Produktteile anwenden können. Ein eigenes Farbsystem ist ebenfalls möglich.
Mehr erfahren: Unterstützung für Farbsysteme
Kann ich den Sidebar-Konfigurator mit Shopify, WooCommerce oder meinem eigenen System verbinden?
Ja, der Konfigurator funktioniert über denselben Code-Schnipsel auf jeder Plattform, einschließlich Shopify und WooCommerce, ganz ohne eigenes Plugin. Für die Anbindung Ihrer eigenen Systeme steht die Vulp-API zur Verfügung.
Mehr erfahren: Webshop-Integration