Home » UX & Usability » Produktkonfiguratoren: Effiziente Integration in Adobe Commerce (Magento)
Produktkonfigurator Onlineshop

Produktkonfiguratoren: Effiziente Integration in Adobe Commerce (Magento)

Plant ein Unternehmen, einen Produktkonfigurator im Onlineshop einzusetzen, ist eine effiziente Integration in das Shopsystem wichtig. Im zweiten Teil unserer Blogreihe präsentieren wir anhand erfolgreicher netz98-Kundenbeispiele weitere Konfiguratoren-Typen und zeigen, wie sie mit der Shopsoftware von Magento kommunizieren.

Online-Konfiguratoren bieten Mehrwert

Setzt ein Unternehmen auf zusammenstellbare Produkte, ist der Einsatz eines Produktkonfigurators für Kunden zielführend. Die Visualisierungen helfen bei der Kaufentscheidung und der Preis für das konfigurierte Produkt wird direkt angezeigt, ohne dass Absprachen mit den Onlinehändlern nötig sind. Im ersten Teil unserer Blogreihe sind wir bereits darauf eingegangen, welche Typen an Konfiguratoren es gibt und wie sie generell in ein Shopsystem eingebunden werden. Außerdem haben wir am Beispiel unseres Kunden Maschinenbau Feld gezeigt, welchen Mehrwert ein 3D-Konfigurator dem Unternehmen und seinen Kunden bietet.

Im zweiten Teil blicken wir auf weitere erfolgreiche Praxiseinsätze verschiedener Konfiguratoren bei netz98-Kunden und erklären, wie jeweils die effektive Anbindung der Konfiguratoren an die Shopsoftware von Adobe Commerce (Magento) funktioniert.

Externer Produktkonfigurator für Liebherr B2C

An den B2C-Onlineshop unseres Kunden Liebherr hat das netz98-Team einen externen Produktkonfigurator angebunden. Der von einem Dienstleister fertig in Vue Code programmierte Konfigurator kommuniziert über eine API-Schnittstelle mit den Liebherr-Systemen und dem Magento-Backend bei netz98. Unter dem Titel „MyStyle“ können sich die Kunden von Liebherr Kühlschränke individuell zusammenstellen. Designs, Ausstattungen und Technologien der jeweiligen Geräte lassen sich nach eigenen Wünschen kombinieren. Dafür ist es den Kunden auch möglich, eigene Bilder hochzuladen. Der Konfigurator legt dann, je nach Konfiguration, den Endpreis fest. Dabei greift der Konfigurator auf Produktdaten aus den Liebherr-Backend zu. Das Endprodukt wird als Vorschau in einer animierten, realistischen 3D-Grafik dargestellt, mit deren Hilfe der fertig konfigurierte Kühlschrank von allen Seiten betrachtet werden kann.

Produktkonfigurator für Liebherr B2C
Im „MyStyle“-Konfigurator von Liebherr können sich Kunden ihren Wunsch-Kühlschrank zusammenstellen. (Quelle: Liebherr, netz98)

Ist der Kunde mit dem Ergebnis zufrieden, sendet er die Konfiguration, inkl. des Preises, an das Magento-System über eine Liebherr Middleware. Diese Middleware übersetzt den Konfigurator-Request und legt das Endprodukt über die Magento REST-API-Schnittstelle in den Warenkorb. Dort und im Checkout wird dem Kunden noch einmal ein Vorschau-Bild sowie eine Zusammenfassung der gewählten Optionen des Kühlschranks angezeigt. Nachdem die Bestellung im Magento-Shopsystem platziert wurde, werden die Bestelldaten zusammen mit der Konfiguration an das ERP-System von Liebherr übertragen. Hier wird noch einmal die Bestellung bzw. Konfiguration von Liebherr auf ihre Stimmigkeit kontrolliert. Der Kunde wird über die Prüfung und Freigabe per Bestell-Bestätigungsmail informiert. Sobald das „MyStyle“-Gerät produziert wurde, wird dem Kunden der Liefertermin über eine weitere E-Mail mitgeteilt.

Produktkonfigurator mit SAP-Anbindung für FLYER

Bei unserem Kunden FLYER – einem Hersteller hochwertiger E-Bikes – war das Team von netz98 gefragt, den Produktkonfigurator zum einen mit dem Magento-System des B2B-Onlineshops zu verbinden. Zugleich brauchte es eine effiziente Integration in das von FYLER eingesetzte ERP-System von SAP. Dafür haben unsere Fachleute einen Konfigurator entwickelt, der sich weitgehend am Standard-Konfigurator von Magento orientiert, um die jeweilige Anbindung unkompliziert zu halten. Über den Variantenkonfigurator können die Vertragshändler von FYLER für ihre Endkunden E-Bikes individuell mit gewünschten Attributen (etwa Farbe, Reifengröße etc.) zusammenstellen. Über die Magento-Funktion „konfigurierbare Produkte“ werden durch diese Attribute aus groben Hüllenprodukten konfigurierte Räder.

Konfigurator mit SAP-Anbindung für FLYER
Der E-Bike-Konfigurator von FLYER zeigt den Händlern für jedes konfigurierte Rad die voraussichtliche Lieferzeit an. (Quelle: FLYER)

Über eine Live-Schnittstelle zum SAP-System, die auf einer Rest-API basiert, werden die Verfügbarkeiten einzelner Radbestandteile in Echtzeit vom Konfigurator abgerufen. Zudem wird die voraussichtliche Lieferzeit, je nach Konfiguration und Bestellmenge, vorausberechnet. Darüber hinaus bietet der Produktkonfigurator von FLYER die Möglichkeit, den Händlern unterschiedliche Preise für verschiedene Lieferländer der E-Bikes anzuzeigen. Zusätzlich werden etwaige Aufpreise aufgrund von unterschiedlichen Ausführungen einzelner Varianten für jede Variante separat angezeigt. Bei der Zusammenstellung der Bikes ermittelt der Konfigurator automatisch, welche Kombinationen von Varianten überhaupt möglich sind. Diese Funktion hat das netz98-Team selbst in das Frontend eingebaut.

Hat sich der Endkunde für eine Bike-Konfiguration entschieden, kann der Händler sie über den Konfigurator in einen Warenkorb geben und eine Bestellung im Magento-System auslösen. Diese wird dann über die REST-API-Schnittstelle an das SAP-System übermittelt. Im Warenkorb kann der Händler zudem eigene Bestellkommentare vermerken und es wird ihm ein Produktbild aus dem Magento-Standard angezeigt.

Zwei Produktkonfiguratoren für Magento B2B-Portal von Riese & Müller

Für das Händlerportal des netz98-Kunden Riese & Müller – einem spezialisierten E-Bike-Hersteller – haben unsere Fachleute gleich zwei Produktkonfiguratoren geschaffen: einen für aktuelle Tagesbestellungen und einen Pre-order-Konfigurator zum Vorbestellen neuer Bike-Modelle. Beide sind über dieselbe REST-API-Schnittstelle mit dem Magento-Shopsystem verbunden. Zusätzlich verfügt das Pre-Order-Tool über ein hoch performantes, schnelles Hyvä-Theme als Frontend. Zudem bieten sie den Vertragshändlern von Riese & Müller im Wesentlichen dieselben Funktionen.

Jedes E-Bike setzt sich aus einer Kombination von Serie und Modell/Antriebsart zusammen. Da es eine Vielzahl solcher Kombinationsmöglichkeiten gibt, die für eine Standard-Darstellung in Magento über die Funktion Configurable Product zu hoch ist, bietet sich die Darstellung im Konfigurator über einen eigenen Produkttyp als ideale Lösung an. Hinzu kommt, dass darüber Kombinationen, die sich gegenseitig ausschließen, direkt erkannt und dem Händler bei der Eingabe verwehrt werden. Sich ausschließende Optionswerte wurden vom ERP-System über die REST-API in Form einer Blacklist im Backend des Konfigurators hinterlegt. Außerdem wird den Händlern der voraussichtliche Lieferzeitpunkt des konfigurierten Bikes angezeigt und ein individueller Varianten-Key erzeugt, der für die interne Weiterverarbeitung der Wunschkonfiguration benötigt wird. Zusätzlich sieht der Händler direkt den Einkaufspreis des zusammengestellten Rads und den Verkaufspreis inklusive Steuern.

Bike/ Fahrrad Onlineshop Konfiguration
Im Konfigurator von Riese & Müller können Vertragshändler für ihre Kunden aus vielen Varianten ein individuelles E-Bike zusammenstellen. (Quelle: Riese & Müller)

Dem Endkunden kann der Händler über den Button „Angebot erstellen“ aus dem Konfigurator heraus eine Mail mit den Informationen zum Endprodukt zukommen lassen. Darin befindet sich u. a. ein Vorschaubild des konfigurierten Bikes sowie ein zugehöriger Code, mit dem der Endkunde den Produktions- und Auslieferungsstatus verfolgen kann. Eine ausgelöste Bestellung geht über eine REST-API-Schnittstelle vom Konfigurator in den Checkout-Prozess des Magento-Systems über.

Den Bike-Konfigurator von Riese & Müller hat das netz98-Team mittels selbst entwickelter, an die Infrastruktur des Kunden angepasster Schnittstellen an das ERP-System angebunden. Das Anlegen, Aktualisieren und Löschen von Inhalten des Konfigurators funktioniert ebenfalls über REST-APIs.

Bild: freepik


Noch mehr Infos zu Produktkonfiguratoren und Produktberatern gefällig?

Teaser Whitepaper Produktkonfiguratoren

In unserem neuesten valantic Whitepaper bieten wir den Rundum-Blick: von den verschiedenen Konfigurator-Typen, über ihre Integration in die Systemlandschaft bis hin zu Beispielen aus der Praxis. Ein exklusiver Leitfaden zur Auswahl des passenden Konfigurators inklusive.

 

Ihr Kontakt

Hartwig Göttlicher
Hartwig Göttlicher
Head of Business Development
AI Experience Shop von valantic: Die intelligente Zukunft des E-Commerce
Mittig im Bild steht der Schriftzug: Willkommen in der Zukunft. Darunter in einer kleineren Schriftgröße: Unser AI Experience Shop. Links der Schrift ist ein kleiner Roboter platziert. Rechts der Schrift sieht man einen aufgeklappten Laptop sowie darüber ein rotes, welliges Design-Element.

Entdecken Sie unseren valantic AI Experience Shop: KI-Lösungen für ein optimales Kundenerlebnis im E-Commerce!

Datenintegration mit Adobe: Vereinheitlichte Daten als Fundament einer nahtlosen, personalisierten Customer Journey

Optimieren Sie die Customer Journey durch Datenintegration. Erfahren Sie hier welche Lösung Adobe bietet und welche Rolle Datenschutz spielt!

Adobe Analytics: Tipps zur Implementierung und Optimierung im E-Commerce
Frau schaut und zeigt auf einen Bildschirm mit statistischen Grafiken

Erfahren Sie, wie wie eine durchdachte Implementierung von Adobe Analytics im E-Commerce zum Erfolg führt und wie die Nutzung optimal Read more

Shop-Design: Welche E-Commerce Trends den Erfolg boosten
Ein Tablet liegt auf einem Tisch. Auf der Bildschirmoberfläche ist ein steigender Kurvenverlauf zu sehen und die Hand eines Mannes folgt der Kurve.

Entdecken Sie, wie innovatives Shop-Design die Conversion Rate steigert. Tipps & Trends für effiziente Optimierung!

Cyberkriminalität mit KI bekämpfen: Tipps für E-Commerce Unternehmen
Roboterhand auf einer Laptop-Tastatur mit Schlosssymbol auf dem Bildschirm

Lesen Sie im Gastbeitrag von Maxcluster, wie KI im E-Commerce bei der Betrugsprävention hilft und vor Cyberkriminalität schützt.

Suchfunktion in Onlineshops: Effektive Optimierung mit KI
Mann tippt mit dem Finger auf eine Suchleiste eines Onlineshops

Optimieren Sie Ihre Shop-Suchfunktion mit KI-Technologien. Erfahren Sie in unserem Experten-Interview, wie KI die Suchergebnisse präzisiert!

Treueprämien: Wichtiger Bestandteil erfolgreicher Loyalty Programme
Im Vordergrund ist die Hand eines Mannes rangezoomt. Es ist erkenntlich, dass er ein Hemd trägt und es wird suggeriert, dass es sich um einen Geschäftsmann handelt. Zwischen Daumen und Zeigefinger hält er einen kleinen, lächelnden Smiley mit Herzaugen.

Die Auswahl passender Treueprämien sowie die Struktur rundherum bestimmt den Erfolg eines Loyalty Programms im E-Commerce. Details hier!

Composable Commerce mit Magento: Maximale Flexibilität dank valantic Entwicklung Mageless
Hand auf Laptop-Tastatur und Hand mit Smartphone, darüber E-Commerce-Symbole

Entdecken Sie die Vorteile von Composable Commerce und Mageless für flexible und sichere E-Commerce-Lösungen in Magento. Jetzt mehr erfahren!

Über den Autor