Magento Produktkonfigurator mit AI Coding: Individuelle Konfiguratoren für Magento 2 erstellen
Moderne Produktkonfiguratoren lassen sich heute mit AI Coding und JavaScript deutlich einfacher entwickeln. Gerade für Magento-Onlineshops ergeben sich interessante Möglichkeiten. Denn die benötigten Produktdaten, Varianten, Attribute, Optionen oder Zubehörartikel sind häufig bereits im Shop vorhanden.
Mit modernen KI-Werkzeugen wie Claude, ChatGPT oder Codex können individuelle Konfiguratoren erstellt werden, die genau auf das Produktsortiment und die Anforderungen der Kunden abgestimmt sind.
Das können einfache Produktfinder sein, die anhand weniger Fragen das passende Produkt ermitteln. Es können aber auch komplexere Konfiguratoren entstehen, mit denen Kunden Maschinen, Ersatzteile, Zubehör oder komplette Produktsysteme zusammenstellen.
Besonders interessant ist der Ansatz für B2B-Onlineshops. Dort gibt es häufig erklärungsbedürftige Produkte und technische Abhängigkeiten, die sich mit klassischen Produktlisten und Dropdown-Feldern nur eingeschränkt darstellen lassen.
In diesem Beitrag zeigen wir, welche Arten von Magento-Konfiguratoren möglich sind, wie vorhandene Shopdaten genutzt werden können und welche Rolle AI Coding bei der Umsetzung spielt.
Was ist ein Magento Produktkonfigurator?
Ein Magento Produktkonfigurator ist eine interaktive Funktion innerhalb eines Onlineshops. Sie unterstützt Kunden dabei, ein Produkt auszuwählen, anzupassen oder aus mehreren Komponenten zusammenzustellen.
Beispiel eines klickbaren Magent Ersatzteil Konfigurators
Hier ein komplett fiktives Beispiel für einen Ersatzteilkonfigurator. Dieser wurde nicht(!) wirklich optimiert und ist rein ein simpler Prototyp der in wenigen Minuten erstellt wurde um die Machbarkeit aufzuzeigen
- Hersteller
- –
- Modell
- –
- Baujahr
- –
Nach der Ersatzteilwahl wird die betreffende Komponente markiert.
Ein Konfigurator kann beispielsweise folgende Aufgaben übernehmen:
- Passende Produkte anhand technischer Anforderungen ermitteln
- Verschiedene Varianten eines Produkts auswählen
- Zubehör und Ersatzteile passend zu einem Hauptprodukt anzeigen
- Produkte zu einem Set zusammenstellen
- Benötigte Mengen berechnen
- Ungültige Produktkombinationen ausschließen
- Preise und Zusammenstellungen anzeigen
- Das Ergebnis in den Magento-Warenkorb übernehmen
Wie komplex ein Konfigurator sein muss, hängt stark vom Sortiment und dem gewünschten Ablauf ab.
Ein einfacher Konfigurator kann bereits aus einigen Auswahlfeldern und einer Produktliste bestehen. Bei umfangreicheren Anforderungen können mehrstufige Abläufe, Berechnungen, Visualisierungen und individuelle Geschäftsregeln hinzukommen.
Warum ist AI Coding bei Magento Konfiguratoren interessant?
Bei der klassischen Entwicklung eines individuellen Produktkonfigurators mussten häufig große Teile der Benutzeroberfläche und der Interaktionslogik manuell programmiert werden.
Heute können KI-gestützte Entwicklungswerkzeuge einen erheblichen Teil dieser Arbeiten übernehmen.
Unter AI Coding verstehen wir die Entwicklung von Software mit Unterstützung durch KI-Modelle und Coding-Agenten. Werkzeuge wie Claude Code oder OpenAI Codex können beispielsweise JavaScript-Code erstellen, bestehende Funktionen erweitern, Oberflächen gestalten und automatisierte Tests vorbereiten.
Dabei muss der spätere Magento-Konfigurator selbst keine künstliche Intelligenz verwenden.
Es geht zunächst darum, KI für die Programmierung einzusetzen.
Moderne Frontends mit weniger Entwicklungsaufwand
Ein Beispiel wäre die Anforderung:
„Erstelle einen responsiven Produktkonfigurator mit fünf Schritten. Der Kunde soll zunächst den Einsatzzweck auswählen, anschließend technische Eigenschaften festlegen und danach passende Produkte mit Bildern und Preisen sehen. Die finale Auswahl soll übersichtlich zusammengefasst werden.“
Ein Coding-Agent kann auf Basis einer solchen Beschreibung einen ersten funktionsfähigen Frontend-Prototyp entwickeln.
Dazu gehören beispielsweise:
- Moderne Produktkarten mit Bildern und Informationen
- Mehrstufige Formulare mit Fortschrittsanzeige
- Dynamische Auswahlmöglichkeiten
- Mobile Bedienoberflächen
- Filterfunktionen und Berechnungen
- Interaktive Zusammenfassungen
- Visuelle Hervorhebung der ausgewählten Optionen
Das Design kann anschließend in mehreren Schritten angepasst werden.
Besonders bei klar abgegrenzten Konfiguratoren mit überschaubarer Logik kann sich dadurch der Programmieraufwand für das Frontend reduzieren.
Wie groß die tatsächliche Zeitersparnis ausfällt, hängt von den Anforderungen, der Qualität der vorhandenen Daten und der Integration in Magento ab.
Bestehende Magento-Daten weiterverwenden
Ein weiterer Vorteil ist, dass viele benötigte Informationen bereits im Magento-Shop vorhanden sein können.
Beispielsweise:
- Produkte mit Artikelnummern (SKUs)
- Produktattribute wie Länge, Material oder Leistung
- Konfigurierbare Produktvarianten
- Magento Custom Options
- Bundle Products
- Produktkategorien
- Produktbilder
- Preise und Verfügbarkeiten
- Zubehör- und Produktbeziehungen
Der neue Konfigurator kann diese Informationen verwenden und dem Kunden in einer deutlich benutzerfreundlicheren Form präsentieren.
Eine doppelte Pflege der Produktinformationen lässt sich dadurch in geeigneten Fällen vermeiden.
Welche Arten von Magento Konfiguratoren sind möglich?
Die möglichen Einsatzbereiche sind vielfältig. Einige Konfiguratoren dienen hauptsächlich der Produktauswahl. Andere ermöglichen es, vollständige Produktsysteme zusammenzustellen.
Die folgenden Beispiele zeigen typische Anwendungsfälle.
1. Variantenkonfigurator für Produkte
Ein Variantenkonfigurator ermöglicht die Auswahl unterschiedlicher Ausführungen eines Produkts.
Beispielsweise bei einem Industriegehäuse:
- Material
- Gehäusegröße
- Farbe
- Schutzklasse
- Anschlussart
Statt die Varianten ausschließlich über Dropdown-Felder auszuwählen, könnte das Frontend große Auswahlkarten mit Bildern, technischen Informationen und einer direkten Vorschau darstellen.
Sobald der Kunde eine bestimmte Größe auswählt, werden nur noch passende Materialien oder Anschlussarten angeboten.
Magento bietet mit Configurable Products bereits eine passende Grundlage, wenn die Varianten als eigenständige Artikel mit separaten SKUs und Lagerbeständen verwaltet werden.
In vielen Fällen muss daher hauptsächlich die Benutzeroberfläche individuell umgesetzt werden.
2. Ersatzteil-Konfigurator und Teilefinder
Besonders im technischen B2B-Handel ist die Suche nach passenden Ersatzteilen häufig aufwendig.
Ein Ersatzteil-Konfigurator kann diesen Ablauf vereinfachen.
Der Kunde wählt beispielsweise:
- Hersteller der Maschine
- Maschinenserie
- Modell
- Baujahr oder Ausführung
- Benötigte Komponente
Anschließend zeigt Magento die passenden Ersatzteile an.
Die Informationen können aus vorhandenen Produktattributen, zusätzlichen Tabellen oder einer angebundenen Warenwirtschaft stammen.
Ein solches Frontend lässt sich mit AI Coding vergleichsweise gut umsetzen, sofern die benötigten Kompatibilitätsdaten strukturiert vorliegen.
Die eigentliche Herausforderung liegt häufig darin, die Beziehungen zwischen Maschinen und Ersatzteilen korrekt zu erfassen.
3. Zubehör-Konfigurator für Magento
Ein Zubehör-Konfigurator hilft Kunden bei der Auswahl passender Zusatzprodukte.
Beispielsweise beim Kauf einer Industriemaschine.
Nach Auswahl des Hauptprodukts zeigt der Konfigurator passende:
- Kabel
- Anschlüsse
- Adapter
- Halterungen
- Ersatzteile
- Verbrauchsmaterialien
Der Kunde kann benötigtes Zubehör ergänzen und erhält eine Übersicht seiner Zusammenstellung.
Technisch kann ein solcher Konfigurator auf bestehenden Magento-Produkten und deren Beziehungen aufbauen.
Bei passenden Voraussetzungen lässt sich das Ergebnis direkt in den Magento-Warenkorb übernehmen.
Für Händler kann ein solcher Konfigurator auch im Hinblick auf Cross-Selling interessant sein. Kunden sehen Zubehör, das sie bei einer normalen Produktsuche möglicherweise übersehen hätten.
4. Produktfinder und Guided Selling
Bei einem Produktfinder beginnt der Kunde mit seinen Anforderungen.
Er muss zunächst nicht wissen, welches Produkt benötigt wird.
Ein Beispiel aus der Elektrotechnik:
Schritt 1: Wo soll das Produkt eingesetzt werden?
Innenbereich oder Außenbereich?
Schritt 2: Welche Leistung wird benötigt?
Schritt 3: Welche Anschlussart ist vorhanden?
Schritt 4: Welche besonderen Anforderungen gibt es?
Basierend auf den Antworten filtert der Konfigurator das Magento-Sortiment.
Am Ende erhält der Kunde eine Auswahl passender Produkte.
Dieses Vorgehen wird häufig als Guided Selling bezeichnet.
Gerade bei technischen Produkten kann es sinnvoll sein, Kunden zunächst nach dem Anwendungsfall zu fragen und erst danach konkrete Produkte anzuzeigen.
5. Bundle- und Set-Konfigurator
Ein weiterer Einsatzbereich sind Produktsets, die aus mehreren Artikeln bestehen.
Beispielsweise könnte ein Kunde eine komplette Arbeitsplatzlösung zusammenstellen:
- Grundgerät
- Monitor
- Halterung
- Verbindungskabel
- Zubehör
- Servicepaket
Das Frontend zeigt die verschiedenen Komponenten an und führt den Kunden schrittweise durch die Auswahl.
Magento bietet hierfür bereits den Produkttyp Bundle Product.
Dieser erlaubt es, verschiedene Produkte als konfigurierbares Paket zusammenzufassen.
Ein individuell entwickeltes JavaScript-Frontend kann die Auswahl deutlich komfortabler gestalten.
Bei komplexeren Zusammenstellungen kann es sinnvoll sein, die einzelnen Produkte separat in den Warenkorb zu übernehmen oder eine zusätzliche Datenstruktur zur Speicherung der gesamten Konfiguration zu verwenden.
6. Mengenrechner und Bedarfs-Konfigurator
Ein besonders interessanter Bereich sind Konfiguratoren, die anhand von Eingaben die benötigte Produktmenge ermitteln.
Beispielsweise bei Baustoffen.
Der Kunde gibt eine Fläche in Quadratmetern ein.
Der Konfigurator berechnet:
- Benötigte Materialmenge
- Anzahl der Verpackungseinheiten
- Eventuellen Verschnitt
- Benötigtes Zubehör
- Gesamtmenge für die Bestellung
Ein anderes Beispiel wäre ein Konfigurator für Befestigungsmaterial.
Aus der Länge einer Konstruktion und den benötigten Befestigungsabständen wird die Anzahl der erforderlichen Bauteile berechnet.
Solche Berechnungen lassen sich bei einfachen, fachlich klar definierten Regeln häufig direkt mit JavaScript umsetzen.
Die zugrunde liegenden Berechnungsformeln müssen jedoch fachlich geprüft werden.
7. B2B Systemkonfigurator für Maschinen und Anlagen
Bei komplexeren Produkten reicht es häufig nicht aus, lediglich eine Variante auszuwählen.
Ein Maschinenkonfigurator könnte beispielsweise aus folgenden Komponenten bestehen:
- Grundmaschine
- Leistungsmodul
- Steuerung
- Schnittstellen
- Zubehör
- Verbrauchsmaterial
- Wartungsvertrag
Bestimmte Komponenten dürfen möglicherweise nur zusammen mit anderen Komponenten verwendet werden.
Ein Konfigurator kann solche Abhängigkeiten berücksichtigen.
Wählt der Kunde beispielsweise eine bestimmte Steuerung, werden ausschließlich kompatible Erweiterungsmodule angeboten.
Am Ende entsteht eine komplette Stückliste.
Diese könnte anschließend als Warenkorb übernommen, gespeichert oder als Grundlage für eine Angebotsanfrage verwendet werden.
Bei solchen Projekten ist die technische Kompatibilitätsprüfung besonders wichtig. Die Regeln sollten in einer nachvollziehbaren und zuverlässig überprüfbaren Form verwaltet werden.
8. Service- und Leistungskonfigurator
Konfiguratoren sind auch für Dienstleistungen interessant.
Beispielsweise könnte ein Magento-Shop Servicepakete anbieten.
Der Kunde wählt:
- Anzahl der betreuten Systeme
- Supportzeiten
- Gewünschte Reaktionszeit
- Anzahl der Supportstunden
- Zusätzliche Dienstleistungen
Aus diesen Angaben entsteht ein individuelles Leistungspaket.
Das Ergebnis kann beispielsweise als virtuelles Produkt bestellt oder als Angebotsanfrage übermittelt werden.
Magento unterstützt virtuelle Produkte bereits im Standard.
9. Visuelle Produktkonfiguratoren mit 2D oder 3D
Bei manchen Produkten ist es hilfreich, die Zusammenstellung direkt sichtbar zu machen.
Ein Konfigurator könnte beispielsweise eine schematische Darstellung eines Schranks, einer Maschine oder eines Gehäuses zeigen.
Wenn der Kunde Komponenten auswählt, verändert sich die Darstellung.
Dafür muss nicht zwingend eine komplexe 3D-Anwendung entwickelt werden.
Bereits mit SVG, HTML und JavaScript sind viele interessante Visualisierungen möglich.
Beispielsweise:
- Farben ändern
- Einzelne Module ein- oder ausblenden
- Bauteile positionieren
- Maße visualisieren
- Beschriftungen dynamisch aktualisieren
Mit 3D-Technologien lassen sich anschließend umfangreichere Darstellungen umsetzen.
AI Coding kann auch hier bei der Entwicklung unterstützen. Je komplexer die Visualisierung und die technischen Produktdaten werden, desto mehr individuelle Entwicklungs- und Testarbeiten sind allerdings erforderlich.
Welche Magento-Daten können für einen Konfigurator verwendet werden?
Magento besitzt bereits unterschiedliche Möglichkeiten, Produkte und deren Eigenschaften zu verwalten.
Welche davon verwendet werden sollten, hängt vom jeweiligen Konfigurator ab.
Magento Produktattribute
Produktattribute eignen sich besonders gut, um technische Eigenschaften für die Produktauswahl zu verwenden.
Beispielsweise:
- Leistung
- Gewicht
- Länge
- Material
- Anschluss
- Hersteller
- Maschinenserie
Ein Konfigurator kann diese Attribute auslesen und anhand der Kundenangaben passende Produkte ermitteln.
Wichtig ist, dass die Werte konsistent gepflegt sind.
Wenn dieselbe Eigenschaft beispielsweise unterschiedlich geschrieben oder in verschiedenen Einheiten hinterlegt wird, kann dies die Filterung erschweren.
Configurable Products
Magento Configurable Products ermöglichen die Verwaltung verschiedener Produktvarianten.
Jede Variante wird als eigenes einfaches Produkt mit eigener SKU geführt und kann separat im Bestand verwaltet werden.
Die Daten können für einen individuellen Variantenkonfigurator verwendet werden.
Magento Custom Options
Custom Options eignen sich für zusätzliche Auswahl- und Eingabemöglichkeiten.
Dazu gehören beispielsweise Dropdowns, Textfelder oder Checkboxen.
Sie können auch mit Preisaufschlägen verbunden werden.
Allerdings besitzen einzelne Custom Options keine eigene Lagerverwaltung wie separate Produktvarianten.
Für bestimmte Konfiguratoren kann das ausreichend sein. Bei anderen Anwendungen werden eigenständige Produkte benötigt.
Bundle Products
Mit Bundle Products können verschiedene Magento-Produkte zu einem konfigurierbaren Paket zusammengeführt werden.
Das ist besonders für Zubehörsets oder Produktpakete interessant.
Individuelle Produktbeziehungen
Nicht jede benötigte Verbindung zwischen Produkten lässt sich sinnvoll über die vorhandenen Magento-Standardfunktionen abbilden.
Bei einem Ersatzteil-Konfigurator könnte beispielsweise die Beziehung zwischen Maschinenmodellen und Ersatzteilen benötigt werden.
Hier kann eine individuelle Magento-Erweiterung sinnvoll sein, über die diese Zuordnungen verwaltet werden.
Auch der Import solcher Daten aus einem ERP- oder PIM-System ist möglich.
Weitere Informationen zur Programmierung individueller Magento 2 Erweiterungen finden Sie auf unserer Leistungsseite.
Wie wird ein moderner JavaScript-Konfigurator in Magento integriert?
Bei der technischen Umsetzung gibt es verschiedene Möglichkeiten.
Der Konfigurator kann direkt in das bestehende Magento-Frontend eingebunden oder als eigenständige Frontend-Anwendung entwickelt werden.
Direkt im bestehenden Magento-Frontend
Für einfachere Konfiguratoren kann die Umsetzung direkt innerhalb des bestehenden Magento-Themes sinnvoll sein.
Abhängig vom verwendeten Theme können beispielsweise JavaScript oder Alpine.js eingesetzt werden.
Bei Magento-Shops mit Hyvä bietet sich Alpine.js an, da es dort bereits Bestandteil des Frontend-Ansatzes ist.
Der Konfigurator wird beispielsweise auf einer Produktseite oder einer eigenen Landingpage angezeigt.
Eigenständige JavaScript-Anwendung
Bei umfangreicheren Anforderungen kann der Konfigurator als separate Anwendung mit React, Vue oder einer vergleichbaren Technologie entwickelt werden.
Die Anwendung übernimmt:
- Darstellung
- Benutzerinteraktion
- Auswahlzustände
- Navigation
- Dynamische Filterung
- Vorläufige Berechnungen
Die Produktdaten stammen weiterhin aus Magento.
Über Schnittstellen kann anschließend der fertige Warenkorb befüllt werden.
Magento REST API und GraphQL
Magento stellt bereits Schnittstellen für den Zugriff auf viele Shopfunktionen bereit.
Über GraphQL können beispielsweise Produktinformationen, Varianten und Optionen abgerufen werden.
Mit der Mutation addProductsToCart lassen sich ausgewählte Produkte einschließlich unterstützter Optionen in den Magento-Warenkorb übernehmen.
Bei individuellen Datenstrukturen oder speziellen Geschäftsregeln kann eine zusätzliche Magento-Erweiterung notwendig sein.
Wichtig ist dabei eine saubere Trennung zwischen Benutzeroberfläche und geschäftskritischen Funktionen.
Der Konfigurator darf dem Benutzer beispielsweise vorläufige Preise anzeigen. Die endgültige Preisberechnung und Validierung muss jedoch zuverlässig über Magento beziehungsweise die zuständigen Backend-Systeme erfolgen.
So wird verhindert, dass manipulierte Werte aus dem Browser ungeprüft für Bestellungen übernommen werden.
Wie läuft die Entwicklung eines Magento Konfigurators mit AI Coding ab?
Ein sinnvoller Entwicklungsprozess kann in mehrere Schritte aufgeteilt werden.
1. Anforderungen und gewünschte Benutzerführung festlegen
Zunächst sollte geklärt werden, was der Konfigurator leisten soll.
Welche Fragen müssen Kunden beantworten?
Welche Optionen stehen zur Verfügung?
Welche Regeln und Abhängigkeiten gibt es?
Wie soll das Ergebnis aussehen?
Je klarer diese Anforderungen sind, desto gezielter kann ein Coding-Agent bei der Entwicklung unterstützen.
2. Vorhandene Magento-Daten prüfen
Anschließend wird geprüft, welche Informationen bereits im Shop vorhanden sind.
Hierzu gehören Produktattribute, Artikelnummern, Kategorien oder Verknüpfungen zwischen Produkten.
Bei Bedarf werden zusätzliche Datenfelder oder Beziehungen ergänzt.
3. Frontend-Prototyp mit AI Coding entwickeln
Auf Basis der Anforderungen und Beispieldaten kann der erste Konfigurator erstellt werden.
Beispielsweise mit Claude Code oder Codex.
Der Entwickler kann anschließend einzelne Abläufe, Funktionen und Designs anpassen lassen.
So lässt sich vergleichsweise früh überprüfen, ob die Benutzerführung für den jeweiligen Anwendungsfall sinnvoll ist.
4. Magento-Schnittstelle anbinden
Im nächsten Schritt werden die tatsächlichen Magento-Daten angebunden.
Der Konfigurator verwendet dann beispielsweise die vorhandenen Produktattribute und Preise.
Anschließend wird die Übernahme der Auswahl in den Warenkorb integriert.
5. Regeln und Ergebnisse überprüfen
Besonders wichtig ist die fachliche Prüfung.
Es muss beispielsweise sichergestellt werden, dass ungültige Produktkombinationen verhindert werden und die ermittelten Mengen korrekt sind.
Auch die Preisberechnung, Lagerverfügbarkeit und Warenkorbübernahme müssen getestet werden.
6. Mobile Darstellung und Performance optimieren
Viele Konfiguratoren werden auch auf Smartphones verwendet.
Daher sollten Bedienung, Ladezeiten und Darstellung auf unterschiedlichen Endgeräten geprüft werden.
Besonders bei umfangreichen Produktlisten ist darauf zu achten, dass nicht unnötig große Datenmengen an den Browser übertragen werden.
Was kostet ein individueller Magento Produktkonfigurator?
Die Kosten hängen wesentlich davon ab, welche Funktionen benötigt werden und wie gut die vorhandenen Magento-Daten verwendet werden können.
Ein einfacher Produktfinder, der bestehende Produktattribute nutzt und daraus eine passende Produktauswahl erstellt, ist technisch deutlich überschaubarer als ein umfangreicher Maschinenkonfigurator mit individuellen Berechnungen und ERP-Anbindung.
Wichtige Faktoren sind:
- Anzahl der Konfigurationsschritte
- Umfang der Benutzeroberfläche
- Vorhandene Produktdaten
- Notwendige neue Datenstrukturen
- Komplexität der Auswahlregeln
- Preisberechnungen
- Warenkorbintegration
- Externe Schnittstellen
- 2D- oder 3D-Visualisierungen
- Speicherung und Wiederverwendung von Konfigurationen
AI Coding kann insbesondere die Entwicklung der Benutzeroberfläche und klar definierter JavaScript-Funktionen beschleunigen.
Dadurch können auch kleinere Konfigurator-Projekte wirtschaftlich interessanter werden.
Allerdings entsteht weiterhin Aufwand für Konzeption, Magento-Integration, Tests und gegebenenfalls die Pflege zusätzlicher Produktdaten.
Unser Tipp: Starten Sie zunächst mit einem überschaubaren Konfigurator, der vorhandene Magento-Daten nutzt. Weitere Funktionen können anschließend ergänzt werden.
Informationen zur Entwicklung individueller Funktionen finden Sie auch auf unserer Seite zur Magento Erweiterungsprogrammierung.
Wann reichen die Magento Standardfunktionen aus?
Ein individueller Konfigurator ist nicht in jedem Fall erforderlich.
Für einfache Produktvarianten oder Zusatzoptionen können die Standardfunktionen von Magento bereits ausreichend sein.
Ein individuell programmiertes Frontend wird insbesondere dann interessant, wenn die gewünschte Benutzerführung über die vorhandenen Auswahlmöglichkeiten hinausgeht.
| Anforderung | Möglicher technischer Ansatz |
|---|---|
| Farbe und Größe auswählen | Configurable Product |
| Einfache Zusatzoptionen | Custom Options |
| Produktpakete zusammenstellen | Bundle Product |
| Moderne visuelle Variantenauswahl | Individuelles JavaScript-Frontend |
| Produktsuche anhand von Fragen | Guided-Selling-Konfigurator |
| Passende Ersatzteile ermitteln | Produktfinder mit Kompatibilitätsdaten |
| Komplexe Produktsysteme zusammenstellen | Individuelle Regeln und Datenstrukturen |
| Technische Preise und Angebote berechnen | Individuelle Backend-Logik oder CPQ |
| Interaktive 2D-/3D-Konfiguration | JavaScript mit Visualisierungstechnologie |
Welche Variante im konkreten Fall sinnvoll ist, sollte vor der Entwicklung geprüft werden.
Für welche Unternehmen sind Magento Konfiguratoren interessant?
Besonders bei umfangreichen oder erklärungsbedürftigen Produktsortimenten können Konfiguratoren sinnvoll sein.
Maschinenbau
Kunden stellen Maschinen und Zubehör anhand technischer Anforderungen zusammen.
Elektrotechnik
Passende Komponenten werden anhand von Leistung, Anschlussart und Einsatzbereich ermittelt.
Technischer Großhandel
Kunden finden kompatible Ersatzteile oder Zubehörartikel.
Baustoffhandel
Ein Mengenrechner ermittelt den Materialbedarf anhand von Flächen oder Abmessungen.
Verpackungsindustrie
Kunden wählen Größen, Materialien, Mengen und optionale Ausstattungen.
B2B-Dienstleistungen
Kunden stellen individuelle Service- oder Wartungspakete zusammen.
Auch bei kleineren Sortimenten kann ein Konfigurator sinnvoll sein, wenn die Produktauswahl erklärungsbedürftig ist.
Häufige Fragen zu Magento Produktkonfiguratoren
Kann ein Magento Konfigurator mit ChatGPT oder Claude erstellt werden?
Ja. KI-gestützte Coding-Werkzeuge können bei der Entwicklung individueller Magento-Konfiguratoren eingesetzt werden.
Insbesondere JavaScript-Oberflächen, Auswahlfunktionen und Prototypen lassen sich damit erstellen.
Die Integration in Magento und die fachliche Prüfung bleiben wichtige Bestandteile der Entwicklung.
Muss für einen Konfigurator eine Magento Erweiterung programmiert werden?
Nicht immer.
Wenn die benötigten Daten bereits über vorhandene Funktionen oder Schnittstellen verfügbar sind, kann ein zusätzliches JavaScript-Frontend ausreichen.
Sobald individuelle Datenstrukturen, Geschäftsregeln oder Backend-Funktionen erforderlich sind, kann eine Magento-Erweiterung sinnvoll sein.
Kann ein Konfigurator vorhandene Magento-Produkte verwenden?
Ja. Vorhandene Produkte, Varianten, Attribute und Optionen können als Datenbasis verwendet werden.
Dadurch müssen die Produkte nicht erneut im Konfigurator angelegt werden.
Voraussetzung ist, dass die benötigten Informationen in geeigneter Form verfügbar sind.
Kann ein Magento Konfigurator Preise berechnen?
Ja. Ein Konfigurator kann Preise anzeigen und Berechnungen durchführen.
Für verbindliche Bestellpreise müssen jedoch die Magento-Preisregeln und gegebenenfalls kundenspezifische Konditionen berücksichtigt werden.
Die endgültige Preisberechnung sollte serverseitig erfolgen.
Funktionieren solche Konfiguratoren mit Hyvä?
Ja. Individuelle JavaScript-Konfiguratoren können grundsätzlich auch in Magento-Shops mit Hyvä eingesetzt werden.
Bei einfacheren Funktionen bietet sich häufig Alpine.js an.
Auch umfangreichere JavaScript-Anwendungen sind möglich, wenn die technische Integration entsprechend umgesetzt wird.
Kann ein Konfigurator nachträglich in einen bestehenden Magento-Shop eingebaut werden?
Ja. Häufig ist die nachträgliche Integration möglich.
Zunächst sollte geprüft werden, welche Produktdaten und Schnittstellen bereits verfügbar sind und ob zusätzliche Magento-Funktionen benötigt werden.
Kann ein Konfigurator auch ohne laufende KI-Nutzung funktionieren?
Ja. Das ist bei AI Coding sogar ein naheliegender Ansatz. Die KI wird während der Programmierung eingesetzt. Der fertige Konfigurator kann anschließend vollständig mit klassischem JavaScript und Magento-Funktionen arbeiten.
Dadurch ist für den späteren Betrieb nicht zwingend eine Verbindung zu einem KI-Dienst erforderlich.
Fazit zu Magento Konfiguratoren und AI Coding
Mit modernen JavaScript-Frontends und AI Coding ergeben sich interessante neue Möglichkeiten für individuelle Magento Produktkonfiguratoren.
Besonders dann, wenn die benötigten Produktdaten bereits im Shop vorhanden sind, kann sich der Entwicklungsaufwand auf die Benutzeroberfläche, Auswahlführung und die tatsächlich benötigten Zusatzfunktionen konzentrieren.
Ein Produktfinder, Zubehör-Konfigurator oder Mengenrechner muss daher nicht zwangsläufig ein umfangreiches Entwicklungsprojekt werden.
Bei komplexeren Anwendungen wie Maschinenkonfiguratoren, technischen Abhängigkeiten oder individuellen Preisberechnungen sind weiterhin eine sorgfältige Konzeption und entsprechende Magento-Backend-Funktionen erforderlich.
Unser Ansatz bei KonVis
Wir prüfen bei individuellen Magento-Funktionen zunächst, welche Daten und Standardfunktionen bereits vorhanden sind und welcher technische Ansatz für die gewünschten Anforderungen sinnvoll ist.
Durch die Kombination aus Magento-Programmierung und modernen AI-Coding-Werkzeugen können sich auch für kleinere und mittlere Unternehmen interessante Möglichkeiten ergeben, individuelle Konfiguratoren umzusetzen.
Sie planen einen Produktkonfigurator, Produktfinder oder eine andere individuelle Funktion für Ihren Magento-Shop?
Weitere Informationen erhalten Sie auf unserer Seite zur Programmierung von Magento 2 Erweiterungen. Gerne können Sie uns auch direkt zu Ihren Anforderungen kontaktieren.
Technische Quellen und weiterführende Informationen
- Adobe Commerce, Configurable Products: https://experienceleague.adobe.com/en/docs/commerce-admin/catalog/products/types/product-create-configurable
- Adobe Commerce, Customizable Options: https://experienceleague.adobe.com/en/docs/commerce-admin/catalog/products/settings/settings-advanced-custom-options
- Adobe Commerce, Bundle Products: https://experienceleague.adobe.com/en/docs/commerce-admin/catalog/products/types/product-create-bundle
- Adobe Commerce, GraphQL addProductsToCart: https://developer.adobe.com/commerce/webapi/graphql/schema/cart/mutations/add-products
- Hyvä Dokumentation: https://docs.hyva.io/
- Google Search Central, strukturierte Daten für Produktvarianten: https://developers.google.com/search/docs/appearance/structured-data/product-variants?hl=de
- OpenAI, Codex: https://developers.openai.com/learn/codex
