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

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.

Konfigurator 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 Konfiguratoren für 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
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!

Produktkonfiguratoren im E-Commerce: Vorteile, Implementierung und Zukunft
Fotos von Maria Kern und Gregor Elsbeck mit Titel "Ein Interview mit unserer Kollegin Maria zum Einsatz von Produktkonfiguratoren". Im Hintergrund: Eine Frau am PC bedient einen Produktkonfigurator.

Lesen Sie im Interview mit unserer Expertin Nützliches zu Vorteilen, Implementierung und Zukunft von Produktkonfiguratoren im E-Commerce!

Loyalty Programme: Customer Loyalty als Grundvoraussetzung für langfristigen Erfolg
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.

Entdecken Sie das Potenzial der Loyalty Programme für eine optimale Customer Experience. Jetzt mehr erfahren!

Schnellere Integrationen über Adobe App Builder
Einkaufswagen und Technologie-Symbole in schneller Bewegung

Entdecken Sie, wie der Adobe App Builder nahtlose Backoffice-Integrationen ermöglicht. Jetzt informieren und digitale Prozesse optimieren!

KI im E-Commerce: Lösungsansätze für ein erfolgreiches digitales Projekt
Roboter, der einen Einkaufswagen schiebt, der mit Paketen gefüllt ist

Erfahren Sie, wie KI im E-Commerce die Personalisierung und Kundenbindung verbessert. Lesen Sie mehr zu Chatbots und KI-Landingpages.

Digitale Trends 2024: Adobe Experience Cloud liefert flexible Lösungen
Der Betrachter schaut frontal auf einen Menschen, der an einem Tisch sitzt. Dieser ist so weit rangezoomt, dass man nur einen winzigen Teil des Oberkörpers mit einem blauen Hemd über der Tischkante sieht. Im Vordergrund links ist seine Hand zu sehen, die über einem Smartphone verweilt - bereit zur nächsten Aktion. Mittig im Bild befindet sich ein klassisches Suchfeld, in das "2024 Trends" eingetippt wurde.

Digitale Trends erfordern Anpassungen. Die Adobe Experience Cloud liefert flexible Lösungen für den E-Commerce. Jetzt informieren!

Über den Autor