Onlineshop mit Konfigurator

Der Toptrail-Onlineshop mit Konfigurator dient dem Verkauf von Dachzelten für Volkswagen-Camper; entwickelt wurde der Shop von CREATING.LV. Das Zelt muss zu einem bestimmten Campermodell und zu den Wünschen des Käufers passen, daher reicht eine gewöhnliche Produktliste nicht aus: Der Shop sollte es dem Kunden ermöglichen, selbst ein passendes Zelt für seinen Camper zu finden und es ohne manuelle Abstimmung mit dem Verkäufer anzupassen.

Die zweite Anforderung war international. Der Shop richtet sich auch an Käufer außerhalb Lettlands, daher mussten Kaufprozess, Bezahlung und Versand weltweit funktionieren. Das Projekt wurde 2026 übergeben, der Shop ist jedoch noch nicht öffentlich gestartet; beschrieben wird hier daher die übergebene Lösung und nicht ihr Betrieb mit echten Bestellungen.

Der Konfigurator ist vollständig unsere eigene Entwicklung – von der Idee und dem Design bis zur Umsetzung; er ist kein angepasstes Fertig-Plugin. Außerdem entwickelte CREATING.LV den Shop selbst auf WordPress und WooCommerce, sein Design, den Bestellabschluss mit Bezahlung über Stripe und PayPal, den UPS-Versand mit integrierter Versandkostenberechnung und den Blogbereich.

Die Reihenfolge der Auswahlschritte und die Preisberechnung hängen hier vom konkreten Produkt ab: vom Campermodell bis zur Fensterform. Ein eigens entwickelter Konfigurator ermöglicht es, diese Logik am Produkt auszurichten, statt das Produkt an die Möglichkeiten eines Fertig-Plugins anzupassen, und sie später unabhängig von Plugin-Updates Dritter zu ändern.

Im Konfigurator durchläuft der Käufer mehrere Auswahlschritte:

• Er wählt das Modell seines Volkswagen-Campers, und der Konfigurator zeigt das passende Dachzelt;
• er wählt Stofffarbe und Garnfarbe;
• er legt Anzahl, Position und Form der Fenster fest.

Die Reihenfolge beginnt mit dem Campermodell, weil das Dachzelt zu einem bestimmten Fahrzeug passen muss: Der Käufer soll zuerst nur die Varianten sehen, die zu seinem Camper passen. Stoff- und Garnfarbe bestimmen das Aussehen des Zelts, Anzahl, Position und Form der Fenster beeinflussen aber auch die Nutzung – etwa wie viel Licht und Aussicht es im Zelt gibt. Ohne Konfigurator müssten diese Entscheidungen in der Korrespondenz mit dem Verkäufer geklärt werden, im Konfigurator trifft der Käufer sie selbst und Schritt für Schritt.

In den Projektansichten ist der Konfigurator für ein Zelt für den Volkswagen T4 mit Auswahlfeldern für Farben und Fenster zu sehen. Die Auswahl des Fahrzeugmodells befindet sich bereits auf der Startseite, sodass der Käufer bei seinem Camper beginnt, statt das Produkt im Katalog zu suchen.

In diesem WooCommerce-Shop wird der Preis in Echtzeit berechnet: Der Endpreis ist schon während der Konfiguration sichtbar, nicht erst im Warenkorb. Der Käufer kann verschiedene Varianten vergleichen, bevor er das Zelt in den Warenkorb legt, und der Verkäufer muss nicht für jede Kombination ein eigenes Preisangebot erstellen.

Die Konfiguration ist in die WooCommerce-Produktlogik eingebunden, daher landet das angepasste Zelt als ein Artikel mit den Auswahlen des Käufers im Warenkorb und nicht als separate Nachricht an den Verkäufer. Für ein individuell gefertigtes Produkt ist das wesentlich: In der Bestellung ist bereits angegeben, für welchen Camper, in welchen Farben und mit welchen Fenstern das Zelt bestellt wurde.

Nach der Konfiguration bleibt der Käufer im selben Shop: Er legt das Zelt in den Warenkorb, gibt die Lieferdaten ein, wählt die Zahlungsart und bestätigt die Bestellung. Für die Bezahlung sind zwei Zahlungsdienste integriert – Stripe und PayPal.

Stripe ist ein Zahlungsdienst, über den der Shop Kartenzahlungen annimmt, PayPal ermöglicht dem Käufer die Zahlung über sein PayPal-Konto. Zwei Zahlungsarten lassen den Käufer die für ihn gewohnte wählen. Beide Dienste funktionieren in vielen Ländern und passen daher zu einem Shop, der sich auch an Käufer außerhalb Lettlands richtet.

Für den Versand ist UPS mit Versandkostenberechnung direkt im Shop integriert. Die Kosten für internationalen Versand hängen vom Zielort ab und lassen sich daher nicht als ein fester Betrag für alle Käufer angeben. Käufer außerhalb Lettlands sehen die Versandkosten beim Bestellabschluss, und der Verkäufer muss sie nicht für jede Bestellung einzeln berechnen und abstimmen. So ist die Lösung sowohl bei der Bezahlung als auch beim Versand auf internationale Käufer ausgerichtet.

Das Design ist auf die Produktkonfiguration ausgerichtet. Auf der Startseite sind ein Camper im Sonnenuntergang und die Auswahl des Fahrzeugmodells zu sehen, ein eigener Bereich erklärt die Anpassung des Zelts – Materialien, Nähte und Campermodell. So versteht der Käufer schon vor dem Öffnen des Konfigurators, was er ändern kann und warum. Der Shop ist sowohl am Computer als auch auf Mobilgeräten nutzbar; die Auswahlfelder des Konfigurators und der Preis müssen auch auf einem schmalen Smartphone-Bildschirm übersichtlich bleiben.

Gestaltet wurden auch die Seiten „Über uns“ und „Kontakt“, die Aufforderung zur Kontaktaufnahme und der Bewertungsbereich. In der Markenpräsentation und der Aufforderung zur Kontaktaufnahme werden Camperfotos verwendet, im Bewertungsbereich sind die Karten in zwei Reihen angeordnet.

Zusätzlich zum Shop haben wir einen Blogbereich für Artikel über die Nutzung der Produkte und das Camperleben erstellt; in den Designansichten werden die Artikel als Karten dargestellt. Im Blog lässt sich ausführlicher über die Nutzung der Zelte berichten, als es eine Produktbeschreibung erlaubt. Der Blog läuft auf derselben WordPress-Website, sodass Artikel und Shop in einem System und einem Design vereint sind.

WordPress, WooCommerce, ein von uns entwickelter Produktkonfigurator, Stripe, PayPal und UPS-Versandintegration.

WordPress stellt die Seiten und den Blog bereit, WooCommerce die Produkte, den Warenkorb, den Bestellabschluss und die Bestellverwaltung. Der Konfigurator läuft im WooCommerce-Shop, daher werden Seiten, Artikel, Produkte und Bestellungen in einem WordPress-Adminbereich verwaltet.

Ein Onlineshop mit Konfigurator eignet sich für Unternehmen, deren Produkte der Käufer selbst anpasst und deren Preis von den Auswahlen abhängt – zum Beispiel Anfertigungen nach Maß, Zubehör für bestimmte Fahrzeugmodelle oder Produkte mit vielen Farb- und Größenkombinationen. Dann ersetzt ein Produktkonfigurator die Abstimmung über jede Variante durch eine klare Auswahl und einen klaren Preis.

Für ähnliche Projekte bieten wir die Entwicklung von WooCommerce-Onlineshops an. Ist die Produktlogik so speziell, dass ein Fertig-Plugin sie nicht abdeckt, wird sie gesondert programmiert – deshalb haben wir in diesem Projekt auch die Systementwicklung eingesetzt. Wie man einem WooCommerce-Shop eigene Produktlogik hinzufügt, erklärt der Artikel über die wichtigsten Bestandteile eines WooCommerce-Onlineshops.

• Onlineshop-Entwicklung
• Webdesign
• Systementwicklung

Das Portfolio zeigt die Lösung zum Zeitpunkt der Projektübergabe. Die aktuelle Website kann verändert worden sein.