Ein Kunde möchte einen Tisch mit bestimmten Maßen, einer passenden Oberfläche und einem besonderen Gestell. In einer E-Mail beschreibt er nur einen Teil davon. Ihr Team fragt nach, versendet Musterbilder und überträgt die Antworten anschließend in ein Angebot. Wenn sich solche Auswahlgespräche häufig wiederholen, kann ein Produktkonfigurator auf der Website helfen, die benötigten Informationen geordnet zu sammeln.

Ein Konfigurator stellt ein Produkt aus zulässigen Eigenschaften oder Komponenten zusammen. Ein Produktfinder verfolgt eine andere Aufgabe: Er hilft bei der Auswahl eines bereits vorhandenen Produkts. Vor der Entwicklung sollte feststehen, welches dieser Probleme Sie lösen möchten. Für die zweite Aufgabe gibt es unseren Beitrag zum Produktfinder im Onlineshop.

Der erste Entwurf ist eine Regelliste

Beginnen Sie mit einem überschaubaren Produktbereich. Schreiben Sie auf, welche Merkmale Kunden selbst bestimmen können und welche Entscheidungen Ihr Betrieb treffen muss. Dazu gehören nicht nur Farbe und Größe. Wichtig sind auch Kombinationen, die technisch nicht möglich sind, zusätzliche Prüfungen und die Frage, wann eine fachliche Beratung erforderlich wird.

Eine dreidimensionale Vorschau kann später hilfreich sein. Zuerst muss jedoch das Ergebnis stimmen. Eine überzeugende Animation wäre wenig wert, wenn sie eine nicht lieferbare Kombination zeigt oder am Ende wichtige Angaben fehlen. Nutzen Sie für den ersten Entwurf echte, fachlich geprüfte Produktdaten und dokumentierte Regeln. Der Gestaltungsaufwand folgt dem Informationsbedarf.

Beispiel: Ein Tisch nach Maß

Das folgende Beispiel ist fiktiv. Eine kleine Möbelmanufaktur bietet einen Tisch in mehreren Längen, zwei Oberflächen und zwei Gestellarten an. Bei einer bestimmten Kombination muss das Team die technische Ausführung prüfen. Die Website darf dafür eine vollständige Anfrage vorbereiten, aber keinen ungeprüften Liefertermin oder verbindlichen Gesamtpreis erfinden.

Auswahl	Regel im Beispiel	Ausgabe für den Kunden
Länge und Breite	Nur Werte im freigegebenen Bereich zulassen.	Einheit und zulässiger Bereich direkt am Feld.
Oberfläche	Nur tatsächlich angebotene Ausführungen anzeigen.	Bezeichnung und ein passend beschriftetes Musterbild.
Gestell	Die Auswahl hängt von den gewählten Maßen ab.	Unpassende Variante mit verständlicher Begründung ausschließen.
Sonderwunsch	Fachliche Rückfrage erforderlich.	Anfrage statt ungeprüfter Bestellzusage.

Die Produktverantwortlichen geben diese Tabelle frei. Der Webdesigner kann den Auswahlweg verständlich darstellen und technisch umsetzen, aber keine fehlenden Konstruktionsregeln ersetzen. Für jedes Merkmal wird außerdem ein interner Schlüssel festgelegt. Dadurch weiß das Büro später, ob mit einer ausgewählten Oberfläche tatsächlich dieselbe Ausführung wie im Angebot gemeint ist.

Wann reichen einfache Varianten?

Bei einem Sortiment mit wenigen festen Kombinationen kann ein normales Variantenprodukt ausreichen. WooCommerce unterstützt beispielsweise unterschiedliche Preise, Lagerbestände und Bilder für Varianten. Die Dokumentation zu variablen Produkten beschreibt dieses Grundmodell. Eine eigene Konfiguratorentwicklung ist dafür nicht immer notwendig.

Wer vorhandene Komponenten kombinieren möchte, benötigt ein anderes Modell als ein Hersteller mit frei eingegebenen Maßen. WooCommerces Erweiterung Composite Products zeigt beispielhaft, wie Bedingungen bestimmte Komponenten oder Auswahlmöglichkeiten ein- und ausblenden können. Die Herstellerdokumentation zu den Bedingungen nennt auch Grenzen dieser Funktion. Eine passende Erweiterung wird anhand Ihrer Regeln ausgewählt; Lizenz und Anpassungsaufwand gehören in das Angebot.

Für das Tischbeispiel wäre zunächst eine Auswahl mit Anfrageabschluss denkbar. Ein genauer Preisrechner wäre ein zusätzlicher Auftrag mit geprüften Berechnungsgrundlagen. Muss später eine Produktionsdatei entstehen, ist auch diese Übergabe gesondert zu planen. Das verhindert, dass eine einfache Produktauswahl stillschweigend als vollständige Fertigungsautomatisierung verstanden wird.

Schrittweise führen, ohne Entscheidungen zu verstecken

Eine gute Reihenfolge beginnt mit den Merkmalen, von denen andere Optionen abhängen. Erst danach folgen Ergänzungen. Der Kunde sollte seine bisherigen Angaben jederzeit überprüfen und ändern können. Wenn eine Änderung eine spätere Auswahl ungültig macht, erklärt die Oberfläche den Grund. Sie entfernt nicht kommentarlos eine Entscheidung, die der Besucher bewusst getroffen hatte.

Auf dem Handy sind kurze Schritte oft übersichtlicher als eine breite Tabelle mit vielen Auswahlfeldern. Trotzdem muss die vollständige Zusammenfassung erreichbar bleiben. Zeigen Sie benötigte Einheiten und erklären Sie Fachbegriffe dort, wo sie auftreten. Testen Sie bewusst längere Produktnamen, ungültige Maße und den Rückweg zu einem früheren Schritt. Die Bedienung darf nicht von einer feinmotorischen Ziehbewegung oder ausschließlich von Farbfeldern abhängen.

Preis, Anfrage oder Bestellung eindeutig benennen

Am Ende muss der Kunde erkennen, was der nächste Klick auslöst. Eine unverbindliche Anfrage, eine erste Schätzung und eine Bestellung sind unterschiedliche Ergebnisse. Wenn noch eine technische Prüfung nötig ist, sollte die Zusammenfassung das vor dem Absenden deutlich machen. Eine Preisvorschau nennt ihre enthaltenen Bestandteile; Transport, Montage oder Sonderleistungen werden nicht erst überraschend im weiteren Gespräch sichtbar.

Bei einer verbindlichen Bestellfunktion muss auch die Shopabwicklung zur Konfiguration passen. Welche Daten bleiben an der Bestellung erhalten? Was erhält der Kunde in seiner Bestätigung? Kann Ihr Team eine konkrete Konfiguration später nachvollziehen? Ein schöner Bildschirm ohne gesicherte Zusammenfassung löst das Übergabeproblem nicht. Für die Organisation des Shopprojekts hilft der Ratgeber zu Angebot und Abnahme.

Mit fünf typischen Situationen testen

Standardfall: Eine häufig bestellte Kombination vollständig auswählen. Zusammenfassung und eingegangene Anfrage stimmen überein.
Grenzwert: Die kleinste und größte zulässige Eingabe prüfen. Falsche Einheiten oder Werte erhalten eine verständliche Rückmeldung.
Abhängigkeit: Eine frühe Auswahl nachträglich ändern. Alle davon abhängigen Optionen werden erneut geprüft.
Unterbrechung: Einen Schritt zurückgehen oder den Abschluss abbrechen. Es entsteht keine unbeabsichtigte Bestellung.
Weiterverarbeitung: Das zuständige Team erstellt aus der gespeicherten Konfiguration ein Angebot, ohne Angaben erraten zu müssen.

Diese Tests werden mit Ihrem Sortiment konkretisiert. Hinzu kommen technische Prüfungen für Manipulationen an übermittelten Werten: Der Server muss Regeln selbst kontrollieren und darf sich nicht allein auf die sichtbare Auswahl im Browser verlassen. Auch Preisberechnungen benötigen eine vertrauenswürdige Grundlage auf der Serverseite.

Den Umfang für eine Anfrage vorbereiten

Für den Einstieg genügen ein repräsentatives Produkt, eine Liste seiner Merkmale und drei typische Kundenwünsche. Markieren Sie Kombinationen, die nicht möglich sind, und zeigen Sie ein anonymisiertes Muster der gewünschten Angebotszusammenfassung. PEMKO kann daraus den passenden Websiteumfang und die technische Umsetzung mit Ihnen abstimmen. Beschreiben Sie Ihr Vorhaben über Produktkonfigurator anfragen, bevor Sie das gesamte Sortiment aufbereiten.

Produktkonfigurator für Ihre Website: Varianten, Regeln und Anfragen planen